.tool-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem 0;min-height:calc(100vh - 200px);overflow:hidden;width:100%}.tool-header{background:linear-gradient(135deg,var(--mad-magenta),var(--scientific-cyan));color:#fff;padding:2rem;text-align:center}.tool-header h1{font-size:2.5rem;font-weight:900;margin:0 0 .5rem}.tool-header p{font-size:1.1rem;margin:0;opacity:.9}.iframe-container{background:#f8f9fa;height:800px;position:relative;width:100%}.tool-iframe{background:#fff;border:none;height:100%;width:100%}.loading-indicator{color:var(--laboratory-dark);font-family:var(--font-body);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--paper-white);border:3px solid var(--paper-white);border-radius:50%;border-top-color:var(--mad-magenta);height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tool-info{background:var(--paper-white);padding:2rem}.tool-info h2{color:var(--laboratory-dark);margin-bottom:1rem}.features-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.feature-icon{font-size:2rem;margin-bottom:1rem}@media (max-width:768px){.iframe-container{height:600px}.tool-header h1{font-size:2rem}}body[data-tool=inkquisitor] .tool-header{background:linear-gradient(135deg,var(--experiment-orange),var(--flash-green))}body[data-tool=inkquisitor] .spinner{border-top-color:var(--experiment-orange)}.widget-container{background:var(--paper-white);min-height:600px;padding:2rem;position:relative;width:100%}#inkquisitor-widget-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;min-height:500px;padding:1rem;width:100%}body[data-tool=inkquisitor] .loading-indicator{z-index:10}@media (max-width:768px){.widget-container{padding:1rem}}body[data-tool=printaxis] .tool-header{background:linear-gradient(135deg,var(--scientific-cyan),var(--experiment-orange))}body[data-tool=printaxis] .spinner{border:5px solid #f3f3f3;border-top:5px solid var(--scientific-cyan)}.printaxis-wrapper{background-color:#fff;height:calc(100vh - 200px);margin:0;max-height:1200px;min-height:800px;overflow:hidden;position:relative;width:100%}.printaxis-iframe{background-color:#fff;border:none;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}@media (max-width:768px){.printaxis-wrapper{height:calc(100vh - 180px);min-height:500px}}