:root{--danutek-blue: #154c7e;--danutek-blue-light: #64a8c5;--ink: #172530;--muted: #64717a;--line: rgba(21, 76, 126, .18);--panel: rgba(247, 250, 252, .92);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#e8eef1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--danutek-blue-light);outline-offset:2px}#scene{display:block;width:100%;height:100%;touch-action:none}.scene-fallback{position:fixed;inset:0;z-index:0;display:grid;place-items:center;background:linear-gradient(rgba(21,76,126,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(21,76,126,.05) 1px,transparent 1px),#e8eef1;background-size:36px 36px;transition:opacity .18s ease,visibility .18s ease}.scene-fallback>span{position:absolute;bottom:88px;color:var(--danutek-blue);font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.fallback-rack{position:relative;width:min(54vw,620px);aspect-ratio:2.15 / 1.9;border:clamp(5px,.65vw,9px) solid var(--danutek-blue);box-shadow:0 30px 60px #154c7e24}.fallback-rack:before{content:"";position:absolute;inset:0 49%;background:var(--danutek-blue)}.fallback-rack i{position:absolute;left:0;right:0;height:clamp(4px,.45vw,7px);background:#344651}.fallback-rack i:nth-child(1){top:15%}.fallback-rack i:nth-child(2){top:31%}.fallback-rack i:nth-child(3){top:47%}.fallback-rack i:nth-child(4){top:63%}.fallback-rack i:nth-child(5){top:79%}.fallback-rack i:nth-child(6){top:95%}.scene-ready .scene-fallback{opacity:0;visibility:hidden;pointer-events:none}.scene-ready #scene{opacity:1}#scene{position:relative;z-index:1;opacity:0;transition:opacity .18s ease}.masthead{position:fixed;z-index:2;top:26px;left:38px;right:38px;display:flex;align-items:center;gap:18px;pointer-events:none}.brand-lockup{display:grid;gap:5px;width:148px}.brand-logo{display:block;width:142px;height:auto}.brand-lockup span{color:var(--danutek-blue);font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.product-identity{padding-left:18px;border-left:1px solid var(--line)}.eyebrow{margin:0 0 4px;color:var(--muted);font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;color:var(--danutek-blue);font-size:18px;letter-spacing:-.035em}h2{margin:0;font-size:17px;line-height:1.15;letter-spacing:-.045em;text-wrap:balance}.model-code{margin-left:auto;padding:9px 12px;border:1px solid var(--line);border-radius:4px;background:#f8fbfcc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--danutek-blue);letter-spacing:.06em}.model-code span{color:#7c8a92}.model-code b{margin-left:7px;padding-left:7px;border-left:1px solid var(--line);color:#21815b;font-size:8px}.spec-card{position:fixed;z-index:2;left:38px;top:50%;width:220px;transform:translateY(-50%);padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 1px 2px #154c7e14,0 18px 45px #1b303d17;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.control-panel{position:fixed;z-index:2;top:92px;right:26px;width:310px;max-height:calc(100vh - 154px);overflow:auto;padding:18px;border:1px solid var(--line);border-top:3px solid var(--danutek-blue);border-radius:7px;background:var(--panel);box-shadow:0 1px 2px #154c7e14,0 18px 44px #1b303d24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scrollbar-width:thin;scrollbar-color:rgba(21,76,126,.28) transparent}.panel-heading,.section-title,.button-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading{padding-bottom:13px}.mode-badge{padding:5px 7px;border:1px solid rgba(100,168,197,.4);border-radius:3px;color:var(--danutek-blue);background:#64a8c521;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.control-section{padding:13px 0;border-top:1px solid var(--line)}.section-title{margin-bottom:10px;font-size:11px;font-weight:700}.section-title output{color:var(--danutek-blue);font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.field-grid{display:grid;gap:8px}.field-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;gap:5px;color:#667680;font-size:9px;font-weight:700}select{width:100%;min-height:40px;padding:0 30px 0 10px;border:1px solid rgba(21,76,126,.2);border-radius:4px;color:var(--ink);background:#ffffffd6;font-size:10px;font-weight:600}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:9px}.swatch{position:relative;min-width:0;height:40px;border:0;border-radius:4px;background:color-mix(in srgb,var(--swatch) 20%,transparent);cursor:pointer}.swatch:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--swatch);box-shadow:0 0 10px color-mix(in srgb,var(--swatch) 55%,transparent)}.swatch.light:after{box-shadow:inset 0 0 0 1px #17202426,0 0 10px #fffc}.swatch.off{background:#1720240e}.swatch.off:after{background:#1b2528;box-shadow:none}.swatch.active{box-shadow:inset 0 0 0 2px var(--danutek-blue)}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:3px;border-radius:5px;background:#154c7e0f}.segmented button{min-width:0;min-height:40px;padding:0 5px;border:0;border-radius:3px;color:#6a7579;background:transparent;cursor:pointer;font-size:8px;font-weight:700}.segmented button.active{color:var(--danutek-blue);background:#fff;box-shadow:0 1px 2px #154c7e1a,0 5px 12px #154c7e0f}.range-field{position:relative;margin-top:9px}.range-field output{position:absolute;right:0;top:0;color:#182327;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:40px;margin:2px 0 0;accent-color:var(--danutek-blue-light);cursor:pointer}.button-row{margin-top:9px}.secondary-action,.primary-action{flex:1;min-height:40px;padding:0 10px;border:0;border-radius:4px;cursor:pointer;font-size:9px;font-weight:700;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease}.secondary-action{color:#42545e;background:#154c7e13}.secondary-action:hover{color:var(--danutek-blue);background:#154c7e1f}.primary-action{color:#fff;background:var(--danutek-blue);box-shadow:0 1px 2px #154c7e2e,0 7px 16px #154c7e29}.primary-action:hover{background:#0f6094}.secondary-action:active,.primary-action:active,.segmented button:active,.swatch:active,.control:active,.icon-control:active,.accent-control:active{transform:scale(.96)}.sound:before{content:"◖";margin-right:5px;color:var(--danutek-blue-light)}.controller-section{padding-bottom:0}#controller-state.online{color:#168b52}#controller-state.offline{color:#d23f39}.diagnostic{margin-top:9px;padding:9px 10px;border-left:2px solid var(--danutek-blue-light);border-radius:3px;color:#65757e;background:#154c7e0e;font:500 8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-wrap:pretty}.dimensions{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 7px}.dimensions b{font-size:23px;line-height:1.05;letter-spacing:-.055em}.dimensions span{color:#778185;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.rule{height:1px;margin:16px 0 10px;background:#1720241c}dl{margin:0}dl div{display:flex;justify-content:space-between;padding:6px 0;font-size:10px}dt{color:#778185}dd{margin:0;font-weight:600}.view-controls{position:fixed;z-index:2;left:50%;bottom:35px;display:flex;align-items:center;gap:4px;transform:translate(-50%);padding:6px;border:1px solid var(--line);border-radius:6px;background:#f8fbfce6;box-shadow:0 1px 2px #154c7e14,0 14px 35px #1c313e21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.control,.icon-control,.accent-control{min-height:40px;border:0;border-radius:3px;background:transparent;color:#566166;cursor:pointer;font-size:10px;font-weight:600;transition:background .15s ease,color .15s ease,transform .15s ease}.control{padding:0 12px}.icon-control{padding:0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.control:hover,.icon-control:hover{background:#154c7e12;color:var(--danutek-blue)}.control.active,.icon-control.active{color:var(--danutek-blue);background:#64a8c524}.accent-control{padding:0 14px;color:#fff;background:var(--danutek-blue)}.accent-control:hover{background:#0f6094;transform:translateY(-1px)}.divider{width:1px;height:20px;margin:0 3px;background:#1720241f}footer{position:fixed;z-index:2;left:38px;right:38px;bottom:38px;display:flex;gap:16px;color:#74838b;font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}footer strong{margin-left:auto;color:var(--danutek-blue);font-weight:600}[hidden]{display:none!important}@media(max-width:900px){.spec-card{display:none}.masthead{top:18px;left:18px;right:18px}.control-panel{top:78px;right:12px;width:min(310px,calc(100% - 24px));max-height:calc(100vh - 152px)}.view-controls{width:calc(100% - 24px);bottom:16px;overflow-x:auto;justify-content:center}footer{display:none}.model-code{display:none}}@media(max-width:560px){.masthead{top:14px}.product-identity{display:none}.brand-lockup{width:132px}.brand-logo{width:126px}.brand-lockup span{display:none}.control-panel{top:62px;max-height:calc(100vh - 140px)}.view-controls{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}