@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal.XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal.C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal.E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal.CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal.BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal.DWFSQ4vo.woff)format("woff")}:root{--navy-900:#0b1f33;--navy-600:#36516a;--blue-300:#8799aa;--blue-100:#dce4ea;--ivory:#f4f1ea;--ink:#1b1c1e;--grey:#6c737a;--surface:#fbfaf6;--border:#d5d9db;--border-strong:var(--blue-300);--warm-glow:#ffb25c;--font-ui:"Archivo Variable", "Archivo", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius-s:6px;--radius-m:10px;--radius-l:14px;--shadow-card:0 1px 2px #0b1f330f;--shadow-float:0 8px 28px #0b1f3359;--kelvin-gradient:linear-gradient(90deg, #ff9a3c 0%, #ffc07a 26%, #fff4e2 50%, #dfeaff 74%, #bcd7ff 100%)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--ivory);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--navy-600);outline-offset:2px;border-radius:4px}.skip-link{z-index:200;background:var(--navy-900);color:var(--ivory);border-radius:var(--radius-s);padding:10px 16px;font-size:14px;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.app{grid-template-columns:1fr 400px;width:100vw;height:100dvh;display:grid}.viewport{background:var(--navy-900);position:relative;overflow:hidden}#canvas{width:100%;height:100%;display:block}.viewport-overlay{pointer-events:none;z-index:10;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.brand-mark{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--blue-300);margin-bottom:4px;font-size:10px;font-weight:500}.brand-title{letter-spacing:-.01em;color:var(--blue-100);font-size:20px;font-weight:650;line-height:1.1}.viewport-stats{gap:10px;display:flex}.stat-pill{-webkit-backdrop-filter:blur(16px);font-family:var(--font-mono);background:#0b1f33b8;border:1px solid #8799aa59;border-radius:100px;align-items:center;gap:8px;padding:7px 13px;font-size:11px;display:flex}.stat-pill .label{color:var(--blue-300);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.stat-pill .value{color:var(--blue-100);font-weight:600}.viewport-controls{-webkit-backdrop-filter:blur(16px);z-index:10;background:#0b1f33c7;border:1px solid #8799aa59;border-radius:100px;gap:4px;max-width:calc(100% - 24px);padding:5px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.view-btn{color:var(--blue-300);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:0 0;border:none;border-radius:100px;padding:9px 15px;font-size:11px;font-weight:500;transition:color .15s,background .15s}.view-btn:hover{color:var(--ivory)}.view-btn.active{background:var(--ivory);color:var(--navy-900);font-weight:600}.loading{background:var(--navy-900);z-index:100;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.loading.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.loading-spinner{border:2px solid #8799aa4d;border-top-color:var(--warm-glow);border-radius:50%;width:42px;height:42px;margin:0 auto 20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--blue-100);margin-bottom:6px;font-size:16px;font-weight:550}.loading-subtext{font-family:var(--font-mono);color:var(--blue-300);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.panel{background:var(--ivory);border-left:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--blue-300) transparent;flex-direction:column;display:flex;overflow:hidden auto}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background:var(--blue-300);border-radius:3px}.panel-header{border-bottom:1px solid var(--border);background:var(--surface);padding:26px 26px 20px}.panel-eyebrow{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--navy-600);margin-bottom:8px;font-size:10px;font-weight:600}.panel-title{letter-spacing:-.015em;color:var(--navy-900);margin-bottom:4px;font-size:24px;font-weight:680;line-height:1.12}.panel-subtitle{color:var(--grey);font-size:13px}.spectrum{margin-top:16px;padding:14px 0 2px}.spectrum-track{background:var(--kelvin-gradient);border:1px solid var(--border);border-radius:7px;height:14px;position:relative}.spectrum-marker{transform:translate(-50%, -50%) translateY(var(--dy,0px));background:var(--navy-900);min-width:22px;height:20px;color:var(--ivory);border:1.5px solid var(--ivory);font-family:var(--font-mono);letter-spacing:.04em;border-radius:10px;justify-content:center;align-items:center;padding:0 4px;font-size:8.5px;font-weight:600;transition:left .15s,opacity .2s;display:flex;position:absolute;top:50%;box-shadow:0 1px 4px #0b1f3359}.spectrum-marker.off{opacity:0}.spectrum-scale{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--grey);justify-content:space-between;margin-top:14px;font-size:9px;display:flex}.section{border-bottom:1px solid var(--border);padding:22px 26px}.section-title{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--grey);align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.section-title:before{content:"";background:var(--navy-600);width:16px;height:2px}.scenarios{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scenario{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);text-align:left;padding:12px 14px;transition:border-color .15s,background .15s;display:block;position:relative;overflow:hidden}.scenario:before{content:"";background:var(--navy-900);width:3px;height:100%;transition:transform .15s;position:absolute;top:0;left:0;transform:translate(-3px)}.scenario:hover{border-color:var(--border-strong)}.scenario.active{border-color:var(--navy-600);background:var(--blue-100)}.scenario.active:before{transform:translate(0)}.scenario-name{color:var(--navy-900);margin-bottom:2px;font-size:14px;font-weight:600;display:block}.scenario-meta{font-family:var(--font-mono);color:var(--grey);letter-spacing:.03em;font-size:10px;display:block}.light-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-card);margin-bottom:10px;transition:border-color .15s;overflow:hidden}.light-group:last-child{margin-bottom:0}.light-group:hover{border-color:var(--border-strong)}.light-header{user-select:none;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.light-name-wrapper{align-items:center;gap:10px;min-width:0;display:flex}.light-dot{width:9px;height:9px;color:var(--warm-glow);background:currentColor;border-radius:50%;flex:none;transition:color .2s,opacity .2s;box-shadow:0 0 8px}.light-group.is-off .light-dot{opacity:.25;box-shadow:none}.light-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.light-zone{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-600);border:1px solid var(--blue-300);vertical-align:2px;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:8.5px;font-weight:600}.light-toggle{background:var(--blue-100);border:1px solid var(--blue-300);cursor:pointer;border-radius:100px;flex:none;width:36px;height:20px;transition:background .15s,border-color .15s;position:relative}.light-toggle:before{content:"";position:absolute;inset:-12px}.light-toggle:after{content:"";background:var(--grey);border-radius:50%;width:14px;height:14px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.light-toggle.on{background:var(--navy-900);border-color:var(--navy-900)}.light-toggle.on:after{background:var(--ivory);left:18px}.light-controls{border-top:1px solid var(--border);padding:14px 15px 15px}.light-group.is-off .light-controls{opacity:.45}.control{margin-bottom:14px}.control:last-child{margin-bottom:0}.control-row{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.control-label{color:var(--grey);font-size:12.5px}.control-value{font-family:var(--font-mono);color:var(--navy-900);font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:600}input[type=range]{appearance:none;background:var(--blue-100);outline-offset:4px;cursor:pointer;border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--navy-900);border:2.5px solid var(--ivory);cursor:pointer;width:16px;height:16px;box-shadow:0 0 0 1px var(--blue-300), 0 1px 3px #0b1f334d;border-radius:50%;transition:transform .12s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--navy-900);border:2.5px solid var(--ivory);cursor:pointer;width:13px;height:13px;box-shadow:0 0 0 1px var(--blue-300), 0 1px 3px #0b1f334d;border-radius:50%}.brightness-slider{background:linear-gradient(90deg, var(--blue-100) 0%, var(--warm-glow) 100%)}.temp-slider{background:var(--kelvin-gradient)}.cut-slider{background:linear-gradient(90deg, var(--blue-100) 0%, var(--navy-600) 100%)}.cut-presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;display:grid}.cut-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);font-family:var(--font-mono);color:var(--grey);padding:10px 8px;font-size:11px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.cut-btn:hover{border-color:var(--border-strong);color:var(--ink)}.cut-btn.active{border-color:var(--navy-900);background:var(--navy-900);color:var(--ivory)}.metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-card);padding:13px 14px}.metric-label{font-family:var(--font-mono);color:var(--grey);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:9px;font-weight:500}.metric-value{font-family:var(--font-mono);color:var(--navy-900);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1}.metric-unit{color:var(--grey);margin-left:4px;font-size:11px;font-weight:500}.metrics-note{color:var(--grey);margin-top:12px;font-size:11.5px;line-height:1.45}.error-screen{background:var(--navy-900);z-index:100;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.error-content{text-align:center;max-width:520px}.error-title{color:var(--ivory);margin-bottom:10px;font-size:22px;font-weight:650}.error-text{color:var(--blue-100);margin-bottom:16px;font-size:14px;line-height:1.6}.error-text code{font-family:var(--font-mono);color:var(--warm-glow);font-size:13px}.error-code{font-family:var(--font-mono);color:var(--blue-300);border-radius:var(--radius-s);text-align:left;white-space:pre-wrap;background:#dce4ea0f;border:1px solid #8799aa59;padding:12px;font-size:12px;line-height:1.6}.walk-prompt{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-l);text-align:center;z-index:6;cursor:pointer;box-shadow:var(--shadow-float);background:#0b1f33e0;border:1px solid #8799aa66;padding:24px 32px;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.walk-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.96)}.walk-prompt-title{color:var(--ivory);margin-bottom:6px;font-size:18px;font-weight:650}.walk-prompt-text{color:var(--blue-100);margin-bottom:16px;font-size:13px}.walk-prompt-controls{font-family:var(--font-mono);color:var(--blue-300);flex-direction:column;gap:6px;font-size:11px;display:flex}.key{color:var(--ivory);background:#dce4ea1f;border:1px solid #8799aa80;border-radius:4px;margin:0 2px;padding:2px 6px;font-weight:500;display:inline-block}@media (width<=900px){.app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.viewport{min-height:46vh}.panel{border-left:none;border-top:1px solid var(--border);max-height:54vh}.panel-header{padding:18px 20px 16px}.section{padding:18px 20px}.viewport-controls{scrollbar-width:none;overflow-x:auto}.viewport-controls::-webkit-scrollbar{display:none}.view-btn{padding:12px 16px}.brand-title{font-size:17px}}.stat-pill-btn{cursor:pointer}.stat-pill-btn:hover{border-color:var(--blue-300)}.tier-low .stat-pill,.tier-low .viewport-controls,.tier-low .walk-prompt{-webkit-backdrop-filter:none;background:#0b1f33f0}.blocked-screen{z-index:200;position:fixed}.blocked-screen .error-code{text-align:center}.blocked-retry{border:1px solid var(--blue-300);color:var(--ivory);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:100px;margin-top:20px;padding:10px 26px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.blocked-retry:hover{background:var(--ivory);color:var(--navy-900)}.app.is-blocked .panel{opacity:.35;pointer-events:none;filter:saturate(.4)}.app.is-blocked .viewport-controls{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}