.wt-glass{--g-ink:#0f172a;--g-muted:#64748b;--g-line:#e2e8f0;--g-soft:#f8fafc;--g-accent:#5b5cf0;max-width:1240px;margin:0 auto;padding:28px 18px 56px;color:var(--g-ink)}
.wt-glass *{box-sizing:border-box}.wt-glass-hero{padding:34px 4px 30px}.wt-glass-hero h1{font-size:clamp(30px,5vw,54px);line-height:1.15;margin:12px 0}.wt-glass-hero p{max-width:850px;color:var(--g-muted);font-size:16px;line-height:2;margin:0}.wt-glass-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wt-glass-badges span{border:1px solid var(--g-line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;color:#475569}
.wt-glass-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.wt-glass-main,.wt-glass-side{display:grid;gap:18px}.wt-glass-side{position:sticky;top:20px}.wt-glass-card{background:#fff;border:1px solid var(--g-line);border-radius:22px;padding:22px;box-shadow:0 10px 35px rgba(15,23,42,.05)}.wt-glass-card-head>div{display:flex;gap:12px;align-items:flex-start}.wt-glass-card-head h2,.wt-glass-output-card h2{font-size:19px;margin:0 0 6px}.wt-glass-card-head p,.wt-glass-output-card p{color:var(--g-muted);margin:0;line-height:1.8;font-size:13px}.wt-glass-step{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eef2ff;color:#4f46e5;font-weight:900;font-size:12px}
.wt-glass-stage-wrap{margin-top:18px}.wt-glass-stage{height:470px;border-radius:20px;position:relative;display:grid;place-items:center;overflow:hidden;padding:24px;isolation:isolate;transition:.25s;background:#0f172a}.wt-glass-stage:before{content:"";position:absolute;inset:0;z-index:-3}.wt-glass-stage.is-aurora:before{background:linear-gradient(135deg,#312e81 0%,#7c3aed 34%,#0ea5e9 68%,#14b8a6 100%)}.wt-glass-stage.is-mesh:before{background:radial-gradient(circle at 15% 20%,#fb7185 0 0,transparent 35%),radial-gradient(circle at 78% 28%,#60a5fa 0 0,transparent 34%),radial-gradient(circle at 55% 85%,#34d399 0 0,transparent 35%),#312e81}.wt-glass-stage.is-dark:before{background:linear-gradient(135deg,#020617,#172554 45%,#312e81)}.wt-glass-stage.is-light:before{background:linear-gradient(135deg,#e0f2fe,#fae8ff 45%,#dcfce7)}.wt-glass-stage.is-checker:before{background-color:#dbeafe;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-size:36px 36px;background-position:0 0,0 18px,18px -18px,-18px 0}.wt-glass-orb{position:absolute;border-radius:999px;filter:blur(1px);z-index:-1}.wt-glass-orb-a{width:160px;height:160px;background:#f472b6;top:38px;right:8%}.wt-glass-orb-b{width:210px;height:210px;background:#22d3ee;bottom:10px;left:6%}.wt-glass-orb-c{width:90px;height:90px;background:#facc15;top:40%;left:43%}.wt-glass-object{padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:.18s;max-width:90%;overflow:hidden}.wt-glass-object-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;opacity:.75}.wt-glass-object strong{font-size:34px;margin:10px 0 8px;line-height:1}.wt-glass-object p{margin:0 0 20px;line-height:1.8;opacity:.88}.wt-glass-object button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:9px 15px;font-weight:800;opacity:.92}.wt-glass-stage-switch{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.wt-glass-stage-switch button{border:1px solid var(--g-line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;color:#475569;cursor:pointer}.wt-glass-stage-switch button.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.wt-glass-preview-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:15px}.wt-glass-preview-controls label,.wt-glass-control{display:grid;gap:8px;color:#334155;font-size:12px;font-weight:800}.wt-glass-preview-controls label>span,.wt-glass-control>div:not(.wt-glass-color-row){display:flex;gap:10px;align-items:center}.wt-glass input[type=range]{width:100%;accent-color:var(--g-accent)}.wt-glass output{font-size:11px;color:#64748b;min-width:48px;text-align:left;direction:ltr}.wt-glass-inline-color{display:flex;align-items:center;gap:8px}.wt-glass input[type=color]{width:42px;height:36px;border:0;background:transparent;padding:0;cursor:pointer}.wt-glass code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#64748b;direction:ltr}
.wt-glass-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.wt-glass-control{background:var(--g-soft);border:1px solid #eef2f7;border-radius:14px;padding:13px}.wt-glass-control>span{display:flex;justify-content:space-between;gap:8px}.wt-glass-control small{font-size:10px;color:#94a3b8;font-weight:700;direction:ltr}.wt-glass-color-row{display:flex;align-items:center;gap:9px}
.wt-glass-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.wt-glass-presets button{text-align:right;border:1px solid var(--g-line);background:#fff;border-radius:14px;padding:12px;cursor:pointer;display:grid;gap:4px;transition:.15s}.wt-glass-presets button:hover{border-color:#a5b4fc;transform:translateY(-1px)}.wt-glass-preset-demo{height:32px;border:1px solid;border-radius:9px;background-image:linear-gradient(135deg,rgba(99,102,241,.15),rgba(14,165,233,.12))!important}.wt-glass-presets strong{font-size:12px}.wt-glass-presets small{font-size:10px;color:#64748b}
.wt-glass-options{display:grid;gap:12px;margin-top:17px}.wt-glass-options>label:not(.wt-glass-fallback-alpha){display:flex;gap:10px;align-items:flex-start;border:1px solid var(--g-line);border-radius:13px;padding:12px}.wt-glass-options input[type=checkbox]{margin-top:3px;accent-color:var(--g-accent)}.wt-glass-options label span{display:grid;gap:3px}.wt-glass-options label strong{font-size:12px}.wt-glass-options label small{font-size:11px;color:#64748b;line-height:1.6}.wt-glass-fallback-alpha{display:grid;gap:8px;font-size:12px;font-weight:800}.wt-glass-fallback-alpha div{display:flex;gap:10px;align-items:center}
.wt-glass-output-card{background:#0f172a;color:#fff;border-color:#0f172a}.wt-glass-output-card p{color:#94a3b8}.wt-glass-code{white-space:pre-wrap;word-break:break-word;background:#020617;border:1px solid #1e293b;border-radius:14px;padding:15px;max-height:390px;overflow:auto;font-size:11px;line-height:1.8;color:#cbd5e1;margin:16px 0;direction:ltr;text-align:left}.wt-glass-output-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wt-glass .wt-btn{border:0;border-radius:11px;padding:11px 12px;font-weight:900;cursor:pointer}.wt-glass .wt-btn-primary{background:#6366f1;color:#fff}.wt-glass .wt-btn-ghost{background:#fff;color:#0f172a;border:1px solid #e2e8f0}
.wt-glass-score{display:flex;align-items:baseline;gap:3px;margin:12px 0}.wt-glass-score strong{font-size:42px;line-height:1}.wt-glass-score span{color:#94a3b8}.wt-glass-health-list{display:grid;gap:8px}.wt-glass-health-list>div{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.65;color:#475569}.wt-glass-health-list i{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:0 0 auto}.wt-glass-health-list .is-ok i{background:#10b981}.wt-glass-health-list .is-warn i{background:#f59e0b}.wt-glass-health-list .is-info i{background:#3b82f6}.wt-glass-browser h3,.wt-glass-help h3{font-size:14px;margin:0 0 12px}.wt-glass-support{display:grid;gap:5px}.wt-glass-support strong{font-size:12px}.wt-glass-support .is-ok{color:#059669}.wt-glass-support .is-warn{color:#d97706}.wt-glass-support span,.wt-glass-browser p{color:#64748b;font-size:11px;line-height:1.7}.wt-glass-help ul{padding-right:18px;margin:0;display:grid;gap:8px;color:#64748b;font-size:11px;line-height:1.7}.wt-glass-reset{border:1px solid #fecaca;background:#fff1f2;color:#be123c;border-radius:13px;padding:12px;font-weight:900;cursor:pointer;width:100%}
@media(max-width:980px){.wt-glass-layout{grid-template-columns:1fr}.wt-glass-side{position:static}.wt-glass-stage{height:430px}}@media(max-width:640px){.wt-glass{padding-inline:12px}.wt-glass-card{padding:16px;border-radius:18px}.wt-glass-preview-controls,.wt-glass-controls-grid{grid-template-columns:1fr}.wt-glass-presets{grid-template-columns:1fr 1fr}.wt-glass-stage{height:400px;padding:14px}.wt-glass-object{padding:24px;max-width:96%!important}.wt-glass-object strong{font-size:26px}.wt-glass-output-actions{grid-template-columns:1fr}}

/* v4.16 — bounded workspace cleanup */
.wt-glass-workspace{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);gap:20px;align-items:start;margin-top:20px}
.wt-glass-workspace>.wt-glass-card:first-child{position:sticky;top:18px;align-self:start;z-index:4;box-shadow:0 18px 55px rgba(15,23,42,.11)}
.wt-glass-workspace>.wt-glass-card:first-child:before{content:"LIVE CANVAS";display:inline-flex;margin-bottom:12px;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}
.wt-glass-controls-column{display:grid;gap:18px;min-width:0}
.wt-glass-output-card{margin-top:20px}
.wt-glass-output-actions{display:flex;flex-wrap:wrap}
@media(max-width:1100px){.wt-glass-workspace{grid-template-columns:1fr}.wt-glass-workspace>.wt-glass-card:first-child{position:static}.wt-glass-output-actions{display:grid}}