:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20272d;background:#e5e9ec;font-size:14px;color-scheme:light;--blue:#315cba;--line:#d7dee3;--paper:#f1f3f4;--muted:#61727d}
.photo-scan-link{display:block;font-size:12px;margin:12px 0;line-height:1.5}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{min-height:36px;border:1px solid #bbc7cf;border-radius:6px;background:#fff;color:#20272d;padding:8px 11px;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover{background:#e4eaf3;border-color:#315cba}button:disabled{opacity:.5;cursor:default}a{color:#254f9e;text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #315cba;outline-offset:3px}.skip{position:absolute;top:-70px;left:12px;z-index:20;padding:14px;background:#fff}.skip:focus{top:12px}
header{height:76px;background:#fafbfc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 24px;position:relative;z-index:4}.wordmark{font-family:Georgia,serif;font-size:21px;letter-spacing:-.7px;min-width:240px}.wordmark span{display:block;font:10px -apple-system,BlinkMacSystemFont,sans-serif;text-transform:uppercase;letter-spacing:2px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:4px;background:#e7ecf0;border-radius:8px;padding:4px}nav button{border:0;background:transparent;min-width:86px}nav button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #10203020;color:#234b9b}#panel-toggle{margin-left:auto}main{display:flex;height:calc(100dvh - 76px);position:relative;overflow:hidden}aside{width:292px;min-width:292px;overflow-y:auto;background:#fafbfc;border-right:1px solid var(--line);padding:24px 20px 32px;overscroll-behavior:contain;z-index:3}.panel-heading{margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}h1{font-weight:550;line-height:1.06;font-size:32px;letter-spacing:-1.25px;margin:10px 0 0}h2{font-size:13px;font-weight:600;line-height:1.4;margin:20px 0 12px}.status{padding:10px;border-radius:5px;font-size:11px;line-height:1.4;margin-bottom:20px}.warning{background:#fff3db;color:#824c00}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#3f515d;margin:12px 0}.field select,.field input{width:100%;min-width:0}select,input{padding:9px 8px;border:1px solid #bac6ce;border-radius:5px;background:#fff;color:#20272d;min-height:38px}select{cursor:pointer}.facts{font-size:12px;line-height:1.6;margin:12px 0;color:#3f515d;font-variant-numeric:tabular-nums;min-height:38px}.facts strong{color:#20272d}.button-row{display:flex;gap:6px;margin:12px 0}.button-row>*{flex:1;min-width:0}.primary{background:#315cba;border-color:#315cba;color:#fff}.primary:hover{background:#244995;color:white}.wide{width:100%;margin:5px 0}.divider{border-top:1px solid var(--line);margin-top:22px}.check{display:flex;align-items:center;gap:9px;min-height:34px;cursor:pointer;font-size:12px}.check input{width:16px;height:16px;min-height:0;margin:0;accent-color:#315cba}.micro{font-size:11px;color:#536771;line-height:1.55;display:block}.micro.warning{padding:9px;margin-top:9px;color:#824c00}details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;font-size:12px}summary{cursor:pointer;min-height:28px}.detail-content{display:flex;flex-direction:column;gap:12px;padding:12px 0 4px}.detail-content ul{padding-left:18px;margin:0;font-size:11px;line-height:1.5}.detail-content li+li{margin-top:8px}.dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.dimensions label{font-size:10px}.dimensions input{width:100%;padding:8px 5px;font-size:12px;margin-top:5px}#distance{display:block;font-size:34px;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:8px 0;color:#254f9e}
#viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:#e1e6e9}canvas{display:block;width:100%;height:100%;touch-action:none}#scene-labels{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.room-label{position:absolute;padding:5px 8px;white-space:nowrap;border-radius:4px;background:#ffffffdb;color:#273b46;font-size:11px;box-shadow:0 1px 3px #0002;transform:translate(-50%,-50%);font-weight:550}.room-label.selected{background:#315cba;color:white}.scene-top{position:absolute;left:20px;right:20px;top:18px;display:flex;gap:8px;align-items:center;z-index:2;pointer-events:none}.scene-top button{pointer-events:auto}.scene-top>span{margin-right:auto;font-size:12px;font-weight:600;color:#405563;background:#ffffffe6;padding:9px 12px;border-radius:5px}.scene-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:11px;color:#405563;pointer-events:none;z-index:2}.scene-bottom>span{background:#ffffffe8;padding:8px 10px;border-radius:5px}#basis{white-space:nowrap}#loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#e5e9ec;z-index:4}#loading strong{font-size:28px;font-weight:500;letter-spacing:-.8px}#loading span{font-size:13px;max-width:360px;text-align:center;line-height:1.5;padding:0 16px}#loading[hidden]{display:none}#photo-panel{width:38%;min-width:280px;background:#101b23;color:#fff;display:flex;flex-direction:column;z-index:3;border-left:1px solid #45545e}#photo-panel[hidden]{display:none}#photo-panel>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px}#photo-panel h2{margin:0;font-size:15px}#reference-photo{width:100%;height:calc(100% - 135px);object-fit:contain;background:#131b21}#photo-caption{padding:15px;color:#c2cbd1}#message{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#172a38;color:#fff;padding:13px 18px;max-width:min(600px,90vw);font-size:13px;box-shadow:0 4px 20px #0003;border-radius:7px;z-index:10;display:none}#message.show{display:block}#touch-controls{position:absolute;bottom:72px;right:18px;display:grid;grid-template-columns:repeat(3,44px);gap:5px;z-index:4}#touch-controls[hidden]{display:none}#touch-controls button{height:44px;font-size:20px}#touch-controls button:first-child{grid-column:2}#touch-controls button:nth-child(2){grid-column:1}body.controls-hidden aside{display:none}
@media(max-width:900px){header{padding:0 14px;gap:14px}.wordmark{min-width:180px;font-size:18px}aside{width:265px;min-width:265px;padding:20px 16px}#photo-panel{position:absolute;right:0;top:0;bottom:0;width:calc(100% - 265px)}.scene-bottom{left:12px;right:12px;bottom:12px}.scene-top{left:12px;right:12px}.scene-bottom #basis{display:none}}
@media(max-width:650px){header{height:110px;align-items:flex-start;padding-top:14px;flex-wrap:wrap;gap:8px}.wordmark{font-size:19px;min-width:180px}.wordmark span{font-size:9px}nav{position:absolute;bottom:8px;left:12px;right:12px;justify-content:center}nav button{flex:1;min-height:36px}#panel-toggle{min-height:38px;font-size:12px}main{height:calc(100dvh - 110px)}aside{position:absolute;left:0;bottom:0;top:0;width:min(292px,85vw);box-shadow:5px 0 20px #10203020}.scene-top{top:10px}.scene-top>span{max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scene-top button{font-size:11px;min-height:36px}.scene-bottom{bottom:calc(10px + env(safe-area-inset-bottom))}#photo-panel{width:100%;min-width:0}select,input,.dimensions input{font-size:16px}button,.check,summary{min-height:44px}#touch-controls{bottom:75px}.room-label{font-size:10px;padding:4px 6px}.scene-bottom>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}