:root{color:#ecf3f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#081015;--panel-bg:#0a1217e0;--panel-border:#c1dbdf1f;--panel-strong:#f4f8f8;--panel-muted:#95a8ad;--panel-accent:#d4b86b;--panel-danger:#ff7d7d;--track:#ffffff14;--track-fill:#d4b86b;--button-bg:#ffffff0f;--button-hover:#ffffff1f;--sidebar-gap:16px;--sidebar-width:min(380px, calc(100vw - (2 * var(--sidebar-gap)) - var(--safe-left) - var(--safe-right)));--fps-gap:18px;--app-height:100vh;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--viewer-grid:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);background:radial-gradient(circle at 0 0,#58798447,#0000 32%),linear-gradient(#11171b 0%,#091015 100%);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}@supports (height:100svh){:root{--app-height:100svh}}@supports (height:100dvh){:root{--app-height:100dvh}}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--app-bg);overflow:hidden}button,input,select{font:inherit}button{border:1px solid var(--panel-border);background:var(--button-bg);color:var(--panel-strong);cursor:pointer;border-radius:999px;padding:.7rem 1rem;transition:background-color .16s,border-color .16s,transform .16s}button:hover{background:var(--button-hover);border-color:#d4b86b80;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #d4b86bcc}input,select{border:1px solid var(--panel-border);width:100%;color:var(--panel-strong);background:#ffffff0a;border-radius:14px;padding:.75rem .85rem}input[type=color]{min-height:3rem;padding:.35rem}input[type=checkbox],input[type=radio]{accent-color:var(--track-fill)}input[type=range]{accent-color:var(--track-fill);padding:0}code{font-family:SF Mono,IBM Plex Mono,monospace}.app-shell{width:100%;height:var(--app-height);position:relative;overflow:hidden}.viewport-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 20% 20%,#d4b86b14,#0000 24%),radial-gradient(circle at 80% 0,#5785ab2e,#0000 24%),linear-gradient(#070c10f2,#05090c);width:100%;height:100%;position:relative;overflow:hidden}.viewport-shell:before{content:"";background-image:var(--viewer-grid);opacity:.35;pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.viewport-stage,.viewer-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.viewport-fps{top:calc(var(--sidebar-gap) + var(--safe-top));left:calc(var(--sidebar-gap) + var(--safe-left) + var(--sidebar-width) + var(--fps-gap));z-index:5;color:#ecf3f48f;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0006;font-size:.82rem;font-weight:500;position:absolute}.viewport-overlay{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a0d9e;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.viewport-overlay.is-active{opacity:1}.overlay-card{text-align:center;background:#091015e0;border:1px solid #d4b86b59;border-radius:20px;padding:1rem 1.35rem;box-shadow:0 24px 90px #00000059}.sidebar{top:calc(var(--sidebar-gap) + var(--safe-top));bottom:calc(var(--sidebar-gap) + var(--safe-bottom));left:calc(var(--sidebar-gap) + var(--safe-left));z-index:4;width:var(--sidebar-width);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:linear-gradient(#0f181db8,#080e12c7),radial-gradient(circle at 0 0,#d4b86b17,#0000 32%);border:1px solid #c1dbdf29;border-radius:26px;position:absolute;overflow:hidden;box-shadow:0 24px 80px #00000052,inset 0 1px #ffffff14}.sidebar-inner{flex-direction:column;gap:.9rem;height:100%;padding:1.15rem 1.15rem 1.35rem;display:flex;overflow:auto}.eyebrow{color:var(--panel-accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.hint{color:var(--panel-muted);margin:.25rem 0 0;font-size:.92rem}.sidebar-section{border-top:1px solid #ffffff14;flex-direction:column;gap:.2rem;padding-top:.9rem;display:flex}.sidebar-section:first-child{border-top:0;padding-top:0}.sidebar-section h2{letter-spacing:.04em;text-transform:uppercase;margin:0 0 .75rem;font-size:1rem}.control-group{flex-direction:column;gap:.45rem;margin-bottom:.85rem;display:flex}.radio-group,.color-row span,.radio-row span,.control-group>span,.range-label span,.checkbox-row span,.stat-grid span,.runtime-stack span{color:var(--panel-muted);font-size:.85rem}.color-row,.inline-field,.button-row,.radio-row,.radio-group,.radio-option,.range-label,.checkbox-row{align-items:center;display:flex}.color-row,.inline-field,.button-row,.radio-row,.radio-group{gap:.55rem}.button-row button,.inline-field button{flex:1}.color-row{flex-direction:row;justify-content:space-between;margin-bottom:.85rem}.color-row input[type=color]{appearance:none;border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0a;border-radius:999px;width:3.6rem;min-width:3.6rem;height:1.7rem;min-height:1.7rem;padding:0;overflow:hidden}.color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:999px}.color-row input[type=color]::-moz-color-swatch{border:0;border-radius:999px}.radio-group{flex-wrap:wrap}.radio-row{justify-content:space-between;margin-bottom:.85rem}.cavity-row{align-items:center;gap:.85rem;margin-bottom:.85rem;display:flex}.cavity-type-row{flex:1;justify-content:flex-start;margin-bottom:0}.cavity-enable{justify-content:flex-end;gap:.45rem;width:auto;margin-left:auto}.radio-option{gap:.45rem}.radio-option input{width:auto;margin:0}.range-label,.checkbox-row{justify-content:space-between;gap:.75rem}.checkbox-row input{width:auto}.stat-grid,.runtime-stack{gap:.75rem;margin-top:.5rem;display:grid}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid div,.runtime-stack div{flex-direction:column;gap:.15rem;display:flex}.stat-grid strong,.runtime-stack strong,.range-label strong{color:var(--panel-strong);font-weight:600}.slider-test-options{flex-direction:column;gap:.35rem;margin-top:.5rem;display:flex}.slider-test-readout{color:var(--panel-muted);margin-top:.5rem;font-size:.85rem}.slider-test-readout strong{color:var(--panel-strong);font-variant-numeric:tabular-nums}@media (width<=820px){:root{--sidebar-gap:12px;--sidebar-width:min(360px, calc(100vw - (2 * var(--sidebar-gap)) - var(--safe-left) - var(--safe-right)));--fps-gap:14px}.sidebar{border-radius:22px}.sidebar-inner{padding:1rem 1rem 1.2rem}.stat-grid{grid-template-columns:1fr}}@media (width<=560px){.cavity-row{flex-wrap:wrap}.button-row{flex-direction:column}}