:root{color-scheme:dark;--bg: #0e0f12;--panel: #16181c;--surface: #1c1f25;--stage: #202630;--border: #2c2f36;--text: #e6e7ea;--muted: #9aa0aa;--accent: #4ea1ff;--white: #ffffff;--action-text: #08111e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-control: 8px;--radius-panel: 12px;--text-label: 12px;--text-small: 14px;--text-body: 16px;--text-title: 20px;--text-number: 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));word-break:keep-all;overflow-wrap:anywhere}a{color:var(--accent)}button,a,select,label{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}p{margin:0}.page-header{max-width:1480px;min-height:72px;margin:auto;padding:var(--space-4) 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.eyebrow{color:var(--muted);font-size:var(--text-label);letter-spacing:.08em;margin-bottom:var(--space-1)}h1,h2{margin:0;font-size:var(--text-title);font-weight:600}h2,legend{font-size:var(--text-small)}.viewer-tabs{display:flex;padding:3px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel)}.viewer-tabs a{display:grid;place-items:center;min-height:38px;padding:0 var(--space-4);border-radius:5px;color:var(--muted);text-decoration:none;font-size:var(--text-small)}.viewer-tabs a[aria-current=page]{color:var(--action-text);background:var(--accent);font-weight:650}.workspace{max-width:1480px;margin:auto;display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:var(--space-4)}.preview{grid-column:2;grid-row:1;position:sticky;top:var(--space-4);min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:radial-gradient(ellipse at 52% 36%,var(--stage),var(--panel))}.stage-label,.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-small)}.stage-label{min-height:48px}.scale-label,.stage-footer{color:var(--muted)}.scale-label{font-size:var(--text-label)}#viewport{position:relative;height:min(68dvh,720px);min-height:360px;border-block:1px solid var(--border)}#scene{width:100%;height:100%;display:block;touch-action:none}.render-status{position:absolute;inset:38% var(--space-6) auto;text-align:center;color:var(--muted);font-size:var(--text-small)}.render-status[hidden]{display:none}.view-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.quiet-button{min-height:44px;padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-size:var(--text-label)}.quiet-button:hover,.quiet-button[aria-pressed=true]{border-color:var(--accent);color:var(--white)}.controls{grid-column:1;grid-row:1;min-width:0;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--panel);display:flex;flex-direction:column;gap:var(--space-4)}.control-section,.ar-actions{display:flex;flex-direction:column;gap:var(--space-2)}fieldset{min-width:0;padding:0;margin:0;border:0}legend{padding:0;margin-bottom:var(--space-2)}.toggle-row{display:flex;align-items:center;min-height:34px;gap:var(--space-2);cursor:pointer}input{accent-color:var(--accent)}.service-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1)}.service-controls legend{grid-column:1 / -1}.service-controls label{position:relative;cursor:pointer}.service-controls input{position:absolute;width:1px;height:1px;opacity:0}.service-controls span{display:grid;place-items:center;min-height:42px;padding:var(--space-1);border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:var(--text-label)}.service-controls input:checked+span{border-color:var(--accent);color:var(--white);box-shadow:inset 0 -2px var(--accent)}.service-controls input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.inspection-status{padding:var(--space-2) var(--space-3);border-left:2px solid var(--accent);background:var(--surface);color:var(--muted);font-size:var(--text-label);line-height:1.5}.dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:var(--space-3) 0;border-block:1px solid var(--border)}dt{margin-bottom:var(--space-1);color:var(--muted);font-size:var(--text-label)}dd{margin:0;font-size:var(--text-number);font-variant-numeric:tabular-nums;letter-spacing:-.03em}dd small{display:block;color:var(--muted);font-size:var(--text-label);letter-spacing:0}.note,.instructions{color:var(--muted);font-size:var(--text-label);line-height:1.6}.field{position:relative}.field label{display:block;margin-bottom:var(--space-2);font-size:var(--text-label)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface);font:inherit}.ar-link{min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--action-text);text-decoration:none;font-size:var(--text-small);font-weight:650}.ar-link:after{content:attr(data-label)}.ar-link img{display:block;flex-shrink:0}.text-link{display:inline-flex;justify-content:center;align-items:center;min-height:40px;font-size:var(--text-small);text-underline-offset:4px}.instructions{padding-top:var(--space-3);border-top:1px solid var(--border)}.instructions summary{min-height:40px;color:var(--text);cursor:pointer}.instructions p+p{margin-top:var(--space-3)}@media(max-width:899px){.workspace{grid-template-columns:minmax(0,1fr)}.preview,.controls{grid-column:1;position:static}.preview{grid-row:1}.controls{grid-row:2}#viewport{height:48dvh;min-height:320px;max-height:520px}}@media(max-width:520px){.page-header{align-items:flex-start;flex-direction:column}.viewer-tabs{width:100%}.viewer-tabs a{flex:1}#viewport{height:46dvh;min-height:300px}.stage-label{align-items:flex-start}.stage-footer{align-items:flex-start;flex-direction:column}.view-actions{width:100%;justify-content:stretch}.view-actions button{flex:1}}
