@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";body.dark{--bg:#0a0e0f;--panel:#141a1c;--line:#232b2d;--text:#e4eae9;--muted:#7d8a8c;--accent:#8bb51c}:root{--bg:#f7f9f8;--panel:#fff;--line:#dfe6e4;--text:#152022;--muted:#6d7b7d;--accent:#8bb51c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Manrope,Arial,sans-serif;display:flex}.sidebar{border-right:1px solid var(--line);background:#0f1315;flex-direction:column;width:270px;padding:25px 18px;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:5px;padding:0 8px 37px;display:flex}.brand-name{letter-spacing:2px;font-size:13px;font-weight:800}.brand-version{letter-spacing:.5px;color:#7f8c8e;font:400 9px DM Mono,monospace}.muted{color:#667174;font-weight:500}.side-content{flex:1}.eyebrow{color:#738084;letter-spacing:1.5px;font:500 10px DM Mono,monospace}.model-label{margin-bottom:12px}.model-card{background:#182024;border:1px solid #293437;border-radius:8px;align-items:center;gap:10px;margin-bottom:36px;padding:12px 10px;display:flex}.file-icon{width:29px;height:29px;color:var(--accent);background:#283338;border-radius:5px;place-items:center;font-size:20px;display:grid}.model-card strong,.model-card small{display:block}.model-card strong{white-space:nowrap;text-overflow:ellipsis;max-width:175px;font-size:11px;overflow:hidden}.model-card small{color:var(--muted);margin-top:4px;font-size:10px}.tool{text-align:left;color:#8c989a;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:12px 10px;font:500 12px Manrope}.tool span{margin-right:13px;font-size:16px}.tool kbd{float:right;color:#5d696b;background:#1d2426;border-radius:3px;padding:2px 5px;font:10px DM Mono}.tool.active{color:var(--accent);background:#202923}.side-footer{color:#657173;padding:20px 8px 5px;font:10px DM Mono}.main{flex:1;width:100%;max-width:1450px;margin:auto;padding:35px 42px}header{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}h1{letter-spacing:-1px;margin:9px 0 0;font-size:27px}.button{cursor:pointer;border:0;border-radius:5px;padding:12px 17px;font:600 12px Manrope}.primary{background:var(--accent);color:#172000}.outline{color:#d9e1df;background:#171d1f;border:1px solid #394447}.dropzone{text-align:center;background:#111719;border:1px dashed #455257;border-radius:8px;margin-bottom:18px;padding:22px;transition:all .2s}.dropzone.hidden{display:none}.dropzone.drag{border-color:var(--accent);background:#182119}.drop-icon{color:var(--accent);margin-bottom:4px;font-size:22px}.drop-title{font-size:13px;font-weight:700}.drop-sub{color:#748083;margin:5px 0 12px;font:10px DM Mono}.viewer-shell{border:1px solid var(--line);background:#101416;border-radius:8px;overflow:hidden}.viewport{height:535px;position:relative}.viewport canvas{width:100%;height:100%;display:block}.empty-state{color:#647174;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.empty-state strong{color:#a1abad;font-size:13px}.empty-state span{font:10px DM Mono}.cube{color:#293638;font-size:58px}.view-badge{color:#748083;letter-spacing:1px;font:10px DM Mono;position:absolute;top:17px;left:18px}.view-badge span{color:var(--accent);padding:0 7px}.measure-readout{color:#d7f26a;z-index:2;background:#202923;border:1px solid #53613d;border-radius:5px;padding:9px 11px;font:11px DM Mono;display:none;position:absolute;top:16px;right:18px}.measure-readout.visible{display:block}.measure-readout button{color:#aab7a0;cursor:pointer;background:0 0;border:0;margin-left:12px;font:10px DM Mono}.controls-hint{color:#677477;gap:16px;font:10px DM Mono;display:flex;position:absolute;bottom:16px;right:17px}.viewer-toolbar{border-top:1px solid var(--line);align-items:center;gap:8px;height:55px;padding:0 14px;display:flex}.icon-button{color:#9ca8a9;cursor:pointer;background:#1a2022;border:1px solid #2b3537;border-radius:4px;width:30px;height:30px}.icon-button.active{color:var(--accent)}.segmented{background:#192022;border-radius:4px;margin:auto;padding:3px;display:flex}.mode{color:#758184;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px 15px;font:10px DM Mono}.mode.active{color:#e8eeee;background:#303a3b}.ad-slot{color:#4d595b;background:#0f1315;border:1px dashed #273034;border-radius:6px;justify-content:center;align-items:center;width:50%;height:10vh;min-height:72px;max-height:110px;margin:18px auto 0;display:flex}.ad-slot span{letter-spacing:1.2px;font:9px DM Mono}.ready{color:var(--accent)!important}.ready i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}@media (width<=800px){.sidebar{display:none}.main{padding:22px 14px}.viewport{height:60vh}}body:not(.dark) .sidebar{background:#fff}body:not(.dark) .muted,body:not(.dark) .tool,body:not(.dark) .side-footer{color:#657274}body:not(.dark) .model-card{background:#f4f7f6;border-color:#dfe6e4}body:not(.dark) .file-icon{background:#e9efed}body:not(.dark) .tool kbd{color:#667476;background:#eef2f1}body:not(.dark) .tool.active{background:#eef5df}body:not(.dark) .outline{color:#263335;background:#fff;border-color:#cbd6d3}body:not(.dark) .dropzone{background:#fff;border-color:#b8c6c2}body:not(.dark) .dropzone.drag{background:#f1f8e7}body:not(.dark) .viewer-shell{background:#fff}body:not(.dark) .measure-readout{color:#526d12;background:#f3f9e7;border-color:#a5bf69}body:not(.dark) .icon-button{color:#526063;background:#fff;border-color:#cbd6d3}body:not(.dark) .segmented{background:#eef2f1}body:not(.dark) .mode{color:#687779}body:not(.dark) .mode.active{color:#1d292a;background:#dfe7e4}body:not(.dark) .ad-slot{background:#fff}body:not(.dark) .empty-state strong{color:#526163}#app{flex-direction:row;align-items:stretch;width:100%;min-height:100vh;display:flex}#app>.sidebar{flex:0 0 270px}#app>.main{flex:auto;min-width:0}.measure-readout>div:first-child{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.measure-readout b{font-size:12px;font-weight:500}.measure-axes{opacity:.72;letter-spacing:.3px;margin-top:6px;font-size:10px}.measure-snap{opacity:.55;letter-spacing:.3px;margin-top:5px;font-size:9px}body:not(.dark) .brand-version{color:#5a6668}#app{height:100vh}.sidebar{flex-shrink:0;overflow-y:auto}.main{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.main>header,.main>.dropzone,.main>.ad-slot{flex:none}.viewer-shell{flex-direction:column;flex:auto;min-height:0;display:flex}.viewport{flex:auto;height:auto;min-height:320px}.viewer-toolbar{flex:0 0 55px}@media (width<=800px){.viewport{height:auto;min-height:260px}}.main{margin:0 auto}.view-btn{color:#758184;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px 10px;font:10px DM Mono}.view-btn:hover{color:#e8eeee;background:#303a3b}.views{margin:0 0 0 8px}body:not(.dark) .view-btn{color:#687779}body:not(.dark) .view-btn:hover{color:#1d292a;background:#dfe7e4}.viewer-shell:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.viewer-shell:fullscreen .viewport{min-height:0}.props{gap:14px;margin:0 0 30px;display:grid}.props>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.props span{color:#738084;letter-spacing:1px;font-family:DM Mono,monospace;font-size:9px;font-weight:500}.props strong{color:#d7dfde;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.prop-warn{color:#c9a227;margin:0 0 8px;font-family:DM Mono,monospace;font-size:9px}.props,.prop-warn{padding:0 2px}body:not(.dark) .props strong{color:#273536}.thickness-legend{z-index:2;background:#161c1e;border:1px solid #2b3537;border-radius:6px;padding:8px 6px 2px;display:none;position:absolute;bottom:16px;left:18px}.thickness-legend.visible{display:block}.threshold-control{z-index:1;color:#6b7779;letter-spacing:.7px;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:9px;display:flex;position:absolute;top:6px;right:10px}.threshold-control input{box-sizing:border-box;color:#d7dfde;text-align:right;background:#101618;border:1px solid #344043;border-radius:4px;outline:none;width:52px;padding:3px 4px;font:10px DM Mono,monospace}.threshold-control input:focus{border-color:var(--accent)}body:not(.dark) .threshold-control{color:#69777a}body:not(.dark) .threshold-control input{color:#273536;background:#fff;border-color:#cbd6d3}.thickness-legend:has(.threshold-control) .lg-unit{display:none}.thickness-legend text{font-family:DM Mono,monospace;font-size:9px}.lg-title{fill:#95a1a3;letter-spacing:1.2px;font-weight:500}.lg-unit{fill:#6b7779}.lg-readout{fill:#aeb8b9}.lg-tick{fill:#7c8789}.lg-axis{stroke:#333e40;stroke-width:1px}.lg-hit{cursor:crosshair}.lg-bar.is-hover{fill-opacity:.7}body:not(.dark) .thickness-legend{background:#fff;border-color:#cbd6d3}body:not(.dark) .lg-title{fill:#4c5a5c}body:not(.dark) .lg-unit,body:not(.dark) .lg-tick{fill:#69777a}body:not(.dark) .lg-readout{fill:#3a4749}body:not(.dark) .lg-axis{stroke:#d5ddda}.side-content .eyebrow,.side-footer .eyebrow{margin-bottom:13px}.props strong{text-align:right;min-width:0}.props>div{line-height:1.45}.prop-warn{margin:-18px 0 26px}.status-line{margin:0 0 20px;font-family:DM Mono,monospace;font-size:11px;line-height:1.5;display:block}.side-footer{padding-top:8px}.label-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.box-label{white-space:nowrap;color:#e4eae9;background:#161c1e;border:1px solid #e66767;border-radius:3px;padding:3px 6px;font-family:DM Mono,monospace;font-size:10px;line-height:1}body:not(.dark) .box-label{color:#273536;background:#fff;border-color:#e34948}.tool{align-items:center;gap:11px;display:flex}.tool span{text-align:center;flex:0 0 18px;margin-right:0;font-size:16px}.tool kbd{float:none;margin-left:auto}.props>div.has-help{cursor:help}.help-tip{z-index:50;color:#d7dfde;opacity:0;pointer-events:none;background:#1b2225;border:1px solid #313c3e;border-radius:6px;max-width:290px;padding:10px 12px;font-family:Manrope,Arial,sans-serif;font-size:11px;line-height:1.55;transition:opacity .12s,transform .12s;position:fixed;transform:translate(-4px);box-shadow:0 8px 24px #0006}.help-tip.visible{opacity:1;transform:none}body:not(.dark) .help-tip{color:#273536;background:#fff;border-color:#cbd6d3;box-shadow:0 8px 24px #141e1e24}.tool kbd{text-align:center;box-sizing:border-box;order:-1;min-width:20px;margin-left:0}.lg-alert{fill:#d03b3b;font-weight:500}.lg-ok{fill:#7c8789}.lg-threshold{stroke:#d03b3b;stroke-width:1px;opacity:.85}.lg-tick-crit{fill:#d03b3b}body:not(.dark) .lg-ok{fill:#69777a}.status-line.at-risk{color:#d03b3b!important}.status-line.at-risk i{background:#d03b3b}.thickness-legend{width:576px;max-width:calc(100% - 36px)}.thickness-legend svg{width:100%;height:auto;display:block}.section-panel{z-index:2;background:#161c1e;border:1px solid #2b3537;border-radius:6px;width:420px;max-width:calc(100% - 36px);padding:10px 12px 12px;display:none;position:absolute;bottom:16px;left:18px}.section-panel.visible{display:block}.sec-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.sec-title{letter-spacing:1.2px;color:#95a1a3;font-family:DM Mono,monospace;font-size:9px;font-weight:500}.sec-axes{background:#192022;border-radius:4px;gap:2px;padding:2px;display:flex}.sec-axis,.sec-flip{color:#758184;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 9px;font-family:DM Mono,monospace;font-size:10px}.sec-axis.active{color:#e8eeee;background:#303a3b}.sec-flip{border:1px solid #2b3537}.sec-flip.active{color:#8bb51c;border-color:#4a5c2a}.sec-pos{color:#aeb8b9;margin-left:auto;font-family:DM Mono,monospace;font-size:11px}.sec-slider{accent-color:#8bb51c;cursor:ew-resize;width:100%}body:not(.dark) .section-panel{background:#fff;border-color:#cbd6d3}body:not(.dark) .sec-title{color:#4c5a5c}body:not(.dark) .sec-axes{background:#eef2f1}body:not(.dark) .sec-axis,body:not(.dark) .sec-flip{color:#687779}body:not(.dark) .sec-axis.active{color:#1d292a;background:#dfe7e4}body:not(.dark) .sec-flip{border-color:#cbd6d3}body:not(.dark) .sec-pos{color:#3a4749}.ad-slot.has-ad{background:0 0;border:0;width:100%;max-width:970px;height:auto;min-height:0;max-height:none;padding:0;display:block}.ad-slot.has-ad ins{width:100%;min-height:72px;display:block}.menu-toggle,.sidebar-backdrop{display:none}@media (width<=800px){.menu-toggle{display:block}#app>.sidebar{z-index:60;flex:none;width:min(300px,86vw);transition:transform .22s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 0 44px #00000073}#app>.sidebar.open{transform:none}.sidebar-backdrop{z-index:55;opacity:0;pointer-events:none;background:#00000073;transition:opacity .22s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.viewer-toolbar{scrollbar-width:none;overflow-x:auto}.viewer-toolbar::-webkit-scrollbar{display:none}.viewer-toolbar>*{flex:none}.segmented{margin:0}.controls-hint{display:none}}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=800px){header{gap:12px}h1{font-size:22px}.main{padding-top:16px}}.thickness-legend text,.lg-title{font-size:10px}.lg-alert,.lg-ok{font-size:11px}.lg-tick{font-size:9px}.log{background:#12181a;border:1px solid #232c2e;border-radius:5px;flex-direction:column;gap:3px;height:150px;padding:7px 8px;font-family:DM Mono,monospace;font-size:10px;line-height:1.5;display:flex;overflow-y:auto}.log-line{color:#93a0a2;gap:7px;display:flex}.log-time{color:#5d696b;flex:none}.log-msg{overflow-wrap:anywhere;min-width:0}.log-line.ok .log-msg{color:var(--accent)}.log-line.alert .log-msg{color:#d03b3b}body:not(.dark) .log{background:#f4f7f6;border-color:#dfe6e4}body:not(.dark) .log-line{color:#4c5a5c}body:not(.dark) .log-time{color:#8b979a}.unit-toggle{color:var(--accent);letter-spacing:1px;cursor:pointer;background:0 0;border:0;padding:0 7px;font:10px DM Mono}.unit-toggle:hover{text-decoration:underline}