/* Wave 24 UX repair v2: responsive desktop studio + clear mobile workflow. */
.svw24{--svw24-accent:#7159e9;--svw24-soft:#f4f1ff;background:linear-gradient(180deg,#faf9ff,#f5f6fa 60%,#fff);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.svw24 .hero{background:radial-gradient(circle at 84% 24%,rgba(181,136,248,.25),transparent 40%),radial-gradient(circle at 16% 87%,rgba(59,219,196,.1),transparent 42%),linear-gradient(120deg,#1a2033,#30304d 55%,#453364)!important}
.svw24 .studio{box-shadow:0 40px 105px #201d4224!important;border-color:#e6e2f1!important}
.svw24 .settings{background:#fff}.svw24 .viewport{background:radial-gradient(circle at 75% 5%,#eeeaffaa,transparent 43%),#f8f8fc}
.svw24 .card{border:1px solid #e3dff0;background:#fff;border-radius:16px;box-shadow:0 6px 18px #22213e07}
.svw24 .canvas-well{min-height:320px;border:1px solid #dad6e5;box-shadow:inset 0 3px 15px #29234c09}
.svw24 .canvas-well canvas{max-height:min(68vh,650px);max-width:100%;object-fit:contain;border:1px solid #d5d1df;box-shadow:0 13px 36px #2b244722}
.svw24 .btn.primary,.svw24 button.btn.primary{background:linear-gradient(115deg,#7052ec,#5d48d5)!important;box-shadow:0 7px 21px #5f48d52c}
.svw24 .btn:disabled{opacity:.47;pointer-events:none}.svw24 .btn:active,.svw24 .chip:active{transform:scale(.98)}
.svw24 .settings :is(label,select,textarea,input){scroll-margin-top:88px}
.svw24 .settings h3{margin-top:20px!important}
.svw24 .svw24-expanded-card{background:linear-gradient(130deg,#f8f6ff,#fff);border-color:#dfd8f6}
.svw24 .svw24-extra-controls{padding:14px;border-radius:13px;background:#f7f5ff;border:1px solid #e7e0fb;margin:18px 0}
.svw24 .status{font-weight:600;line-height:1.6;white-space:normal}
.svw24 .results{min-height:45px}.svw24 .results .card{margin:10px 0}.svw24 .split>.card{min-width:0}
.svw24 .split canvas{width:100%!important;height:auto!important;object-fit:contain;background:#f9f8ff}
.svw24 .tool-tips{font-size:12px;border-top:1px solid #eae6f4;padding:16px;margin-top:18px;color:#666078;line-height:1.75}
.svw24 :is(button,select,input,textarea,a):focus-visible{outline:3px solid #b0a0f7!important;outline-offset:2px!important}
.svw24 .studio .grid{align-items:stretch}.svw24 .education{color:#55516d}.svw24 .education a{font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}
.svw24 .education h2{border-bottom:1px solid #eae5f3;padding-bottom:8px}.svw24 .education h3{margin-top:25px!important}
.svw24 .education p,.svw24 .education li{line-height:1.85}
.svw24 .education details{border:1px solid #e5e1f0;border-radius:10px;padding:12px 14px;margin:9px 0}
.svw24 .education summary{font-size:13px;cursor:pointer;font-weight:750;color:#454069}
@media(min-width:1200px){.svw24 .studio{max-width:1570px}.svw24 .grid{grid-template-columns:minmax(335px,.68fr) minmax(0,1.32fr)}}
@media(max-width:990px){.svw24 .settings{padding:19px!important}.svw24 .viewport{padding:19px!important}.svw24 .hero{padding-bottom:90px!important}}
@media(max-width:600px){.svw24 .hero{padding:29px 0 90px!important}.svw24 .hero h1{letter-spacing:-.045em!important;line-height:1.09!important}.svw24 .hero p{font-size:13px!important}.svw24 .studio{margin-top:-61px!important;border-radius:17px!important}.svw24 .brand{font-size:12px!important}.svw24 .brand small{font-size:9px!important}.svw24 .topbar{padding:10px!important}.svw24 .settings,.svw24 .viewport{padding:14px!important}.svw24 .settings .drop{padding:16px 12px}.svw24 .settings select,.svw24 .settings textarea,.svw24 .settings input{font-size:16px!important}.svw24 input[type=range]{min-height:35px;cursor:pointer}.svw24 .buttons{gap:7px}.svw24 .buttons button.btn{min-height:43px;font-size:11px}.svw24 .canvas-well{min-height:190px!important;padding:8px!important}.svw24 .canvas-well canvas{max-height:54vh!important}.svw24 .split>.card{padding:8px!important;margin:5px 0}.svw24 .split>.card h3{font-size:12px!important}.svw24 .mobile-actions{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.svw24 .education{padding:10px 17px 70px!important}.svw24 .education h2{font-size:22px!important}.svw24 .education p{font-size:13px}.svw24 .svw24-extra-controls{padding:11px!important}}
@media(prefers-reduced-motion:reduce){.svw24 *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}