:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#202e3b;background:#eef1f4;font-synthesis:none;--accent:#c3612e;--line:#dde3e8;--muted:#657481;--measured:#24766b;--product:#3f6ea6;--derived:#b5632c}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,input[type=checkbox],input[type=range],summary{cursor:pointer}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,#viewport:focus-visible{outline:3px solid #4286b2;outline-offset:3px}button{touch-action:manipulation}button:hover{filter:brightness(.97)}[hidden]{display:none!important}
.app-header{height:86px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;background:#fafbfc;border-bottom:1px solid var(--line);gap:16px}.identity{display:flex;gap:14px;align-items:center}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#263747;color:#fff;font-size:34px;line-height:1}h1{font-size:19px;letter-spacing:.01em;margin:0;font-weight:650}h1 span{color:#78838d;font-weight:400}.identity p{font-size:13px;margin:6px 0 0;color:#77828c}.button{border:1px solid #d5dde4;border-radius:7px;background:#fff;padding:10px 14px;font-size:14px;min-height:40px}.quiet{background:transparent}.small{padding:8px 12px;flex:1}.button[aria-pressed=true]{background:#e6edf2;border-color:#aebdca}.interior-button{display:flex;gap:22px;align-items:center;background:#263747;color:#fff;border-color:#263747}
main{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100dvh - 86px);min-height:600px}.workspace{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#f5f7f9 0%,#e6ebef 80%)}.viewport-toolbar{position:absolute;z-index:3;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;gap:10px}.segmented{display:flex;padding:3px;border:1px solid #d9e0e6;border-radius:8px;background:#f8fafbee;gap:2px}.segmented button{border:0;background:transparent;border-radius:5px;padding:8px 15px;min-height:34px;font-size:14px;white-space:nowrap;color:#697784}.segmented button[aria-pressed=true]{background:#fff;color:#233748;box-shadow:0 1px 5px #25384b18;font-weight:600}.viewport-footer{position:absolute;z-index:2;bottom:20px;left:26px;right:26px;display:flex;gap:12px;justify-content:space-between;font-size:12px;color:#758491;pointer-events:none}.model-scale span{margin:0 8px;color:#a9b4bd}.model-scale{white-space:nowrap}#viewport{width:100%;height:100%;position:relative;outline-offset:-4px}#viewport canvas{display:block;width:100%;height:100%;touch-action:none}#dimensions{position:absolute;inset:0;z-index:1;pointer-events:none;width:100%;height:100%;overflow:hidden}.dim-text{font-family:inherit;font-size:12px;font-weight:550}.dim-line{stroke-width:1.15;fill:none}.dim-extension{stroke-width:1;stroke-dasharray:3 3;opacity:.6}#loading,#render-error{position:absolute;inset:35% 15% auto;text-align:center;color:#526778;z-index:4;line-height:1.8}#render-error{background:#fff;padding:24px;border:1px solid #e0e6ea;border-radius:8px}
.sidebar{background:#fafbfc;overflow-y:auto;border-left:1px solid var(--line);overscroll-behavior:contain}.panel-section{padding:23px 23px 21px;border-bottom:1px solid var(--line)}.first-section{padding-top:28px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:19px}.eyebrow{font-size:12px;color:#687884;letter-spacing:.09em;font-weight:650}.subtle{font-size:12px;color:#909aa4}.door-control{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.door-control output{font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.door-buttons{display:flex;gap:8px;margin:10px 0 18px}input[type=range]{display:block;width:100%;height:18px;margin:0;accent-color:#355d75}.switch-row{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px}.switch-row strong{font-size:14px;font-weight:500;display:block}.switch-row small{font-size:12px;color:#7d8994;display:block;margin-top:4px;line-height:1.5}.switch-row input{appearance:none;flex-shrink:0;width:34px;height:20px;margin:0;border-radius:20px;background:#cad3db;position:relative;transition:background .18s}.switch-row input:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:white;top:3px;left:3px;transition:transform .18s;box-shadow:0 1px 2px #0002}.switch-row input:checked{background:#345e73}.switch-row input:checked:before{transform:translateX(14px)}.inline-warning{font-size:12px;line-height:1.6;color:#a55620;margin:12px 0 0}.dimension-tabs{display:flex;margin-bottom:17px}.dimension-tabs button{flex:1;padding:7px 10px}.dimension-list{margin:0;display:grid;grid-template-columns:1fr auto;gap:11px 14px;font-size:14px}.dimension-list dt{color:#677581}.dimension-list dd{margin:0;font-variant-numeric:tabular-nums;font-weight:550}.dimension-list dd small{font-weight:400;color:#96a0a9;font-size:12px;margin-left:3px}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:#89949e;font-size:12px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:1px;background:var(--derived)}.legend .measured{background:var(--measured)}.legend .product{background:var(--product)}.number-row{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:14px}.number-field{display:flex;align-items:center;gap:6px;border:1px solid #d5dde4;border-radius:6px;padding:7px 8px;background:#fff}.number-field input{width:48px;padding:0;border:0;background:transparent;color:#253e4d;font-size:14px;font-weight:600;-moz-appearance:textfield}.number-field input::-webkit-inner-spin-button{appearance:none}.number-field span{color:#8a97a0;font-size:12px}.gap-label{margin-top:20px}.reference-label{display:block;margin:18px 0 8px;font-size:12px;color:#7a8791}select{width:100%;border:1px solid #d5dde4;border-radius:6px;background:#fff;color:#5b6c79;padding:9px;font-size:13px;min-height:38px}.distance-result{margin-top:18px;padding:16px;background:#edf2f5;border-radius:8px}.distance-result>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;color:#5d7281}.distance-result strong{font-size:28px;line-height:1;font-weight:550;letter-spacing:-.04em;color:#29485b;font-variant-numeric:tabular-nums}.distance-result small{font-size:12px;margin-left:5px;letter-spacing:0;font-weight:400}.distance-result p{font-size:12px;color:#78909e;margin:10px 0 0;line-height:1.5}.distance-result.invalid{background:#f8eee5}.distance-result.invalid strong,.distance-result.invalid #range-note{color:#a65824}.model-notes{padding:20px 23px;font-size:12px;color:#82909a;line-height:1.8}.model-notes summary{color:#627581;font-size:13px}.model-notes p{margin:12px 0 0}
@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 375px}.panel-section{padding-left:28px;padding-right:28px}}
@media(max-width:850px){.app-header{height:74px;padding:0 18px}h1{font-size:17px}h1 span{font-size:14px}.identity p{font-size:12px}.brand-mark{width:32px;height:32px}.identity{gap:10px}main{height:auto;min-height:0;grid-template-columns:1fr}.workspace{height:66dvh;min-height:470px}.sidebar{overflow:visible;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.model-notes{grid-column:1/-1}.panel-section{border-right:1px solid var(--line)}.viewport-toolbar{top:16px;left:16px;right:16px}.viewport-footer{left:16px;right:16px;bottom:15px}.model-scale{display:none}.button{min-height:42px}.segmented button{min-height:38px}}
@media(max-width:500px){h1 span{display:none}.app-header .quiet{font-size:12px;padding:8px 10px}.workspace{height:62dvh;min-height:440px}.sidebar{display:block}.viewport-toolbar .segmented button{padding:8px 12px}.interior-button{gap:10px;padding:8px 11px}.panel-section{padding:22px}.number-field input{font-size:16px}.mouse-hint{font-size:12px}select{font-size:14px}.model-notes{padding:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.view-actions{display:flex;align-items:center;gap:8px}.fullscreen-button{width:42px;padding:5px;font-size:25px;line-height:1}.workspace:fullscreen,.workspace.is-full-window{height:100dvh;width:100vw;min-height:0;background:#eaf0f4}.workspace.is-full-window{position:fixed;inset:0;z-index:1000}.workspace:fullscreen #viewport,.workspace.is-full-window #viewport{height:100%}body.model-fullscreen{overflow:hidden}
@media(max-width:500px){.viewport-toolbar .segmented button{padding:8px}.view-actions{gap:6px}.interior-button span{display:none}.fullscreen-button{width:40px;min-width:40px}}