:root{--gold:#d4af37;--gold-soft:#f0d889;--text:#f6f1e7;--muted:#aaa39a;--panel:#111113;--border:#2f2a20;--depth:4px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 85% -10%,rgba(212,175,55,.11),transparent 30%),linear-gradient(180deg,#090909,#050505);color:var(--text);display:grid;place-items:center;padding:20px}.shell{width:min(1180px,100%);background:linear-gradient(180deg,#151517,#0f0f11);border:1px solid var(--border);border-radius:26px;padding:26px;box-shadow:0 26px 80px rgba(0,0,0,.42)}.top,.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:22px}.brand{display:flex;gap:12px;align-items:center}.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,175,55,.48);color:var(--gold-soft);font-weight:950;box-shadow:inset 0 0 18px rgba(212,175,55,.06)}.brand>div{display:grid;gap:2px}.brand strong{font-size:12px;font-weight:950;letter-spacing:.16em;color:var(--gold-soft)}.brand small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8f897f}#language,#measureLanguage,#snapLanguage,#viewerLanguage{background:#0d0d0f;color:var(--text);border:1px solid #383126;border-radius:12px;padding:9px 12px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}.hero{padding:42px 0 28px;max-width:850px}.hero.compact{padding:24px 0 16px}.hero h1{font-size:clamp(40px,6vw,68px);margin:10px 0 16px;line-height:1.05}.hero.compact h1{font-size:clamp(34px,5vw,54px)}.hero p,.guide p,.panel p,footer p{color:var(--muted);line-height:1.55}.hero-actions,.choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.primary{padding:16px 22px;border-radius:16px;background:linear-gradient(145deg,#f0d889,#d9b84a 36%,#b88618);color:#2a1a05;border:1px solid #f0d889;font-weight:950;cursor:pointer;box-shadow:0 9px 0 #6b5013,0 16px 26px rgba(0,0,0,.34);text-decoration:none}.primary:active{transform:translateY(4px);box-shadow:0 4px 0 #6b5013}.primary:disabled{filter:grayscale(.3) brightness(.72);cursor:not-allowed}.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:14px;background:linear-gradient(#1a1a1d,#111113);color:#ddd4c3;border:1px solid #3c382f;box-shadow:0 3px 0 #080809;text-decoration:none;cursor:pointer;font-weight:800}.secondary.selected{border-color:#a8842d;color:var(--gold-soft);box-shadow:inset 0 0 0 1px rgba(212,175,55,.18),0 3px 0 #080809}.secondary.selected:after{content:'✓';margin-left:9px;color:var(--gold)}.guide,.panel,.measure-card{background:linear-gradient(180deg,#151517,#101012);border:1px solid #2b2924;border-radius:20px;padding:22px;margin:18px 0}.grid,.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid article{background:linear-gradient(180deg,#151517,#101012);border:1px solid #2b2924;border-radius:18px;padding:20px;min-height:178px}.grid p,.measure-card p{color:var(--muted);line-height:1.5}.grid b{color:var(--gold-soft);font-size:10px}.setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.setup-fields label,.measure-card label{display:grid;gap:8px;font-size:12px;color:#cfc6b7}.setup-fields input,.setup-fields select,.measure-card input,.measure-card select{width:100%;background:#0d0d0f;color:var(--text);border:1px solid #383126;border-radius:12px;padding:13px 14px}.setup-summary,.measure-result,.snap-result{background:#0d0d0f;border:1px solid #342f25;border-radius:16px;padding:16px}.setup-summary strong,.measure-result strong,.snap-result strong{color:var(--gold-soft)}.measure-card{display:grid;gap:14px;margin:18px 0}.measure-result{display:grid;gap:5px}.measure-result strong{font-size:24px}.readiness{display:grid;gap:10px}.coord-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.toggle-row{display:flex!important;align-items:center;gap:10px!important;padding:10px 0}.toggle-row input{width:18px!important;height:18px;margin:0;accent-color:#d4af37}.snap-result{display:grid;gap:7px}.snap-result span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9c1b3}.next-action{margin-top:8px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px;align-items:stretch}.viewer-stage-wrap{position:relative;min-height:480px;border-radius:22px;border:1px solid #332d22;background:radial-gradient(circle at 50% 38%,rgba(212,175,55,.08),transparent 32%),linear-gradient(180deg,#0b0b0d,#070708);overflow:hidden}.viewer-stage{width:100%;height:100%;min-height:480px}.viewer-stage canvas{display:block;width:100%!important;height:100%!important}.viewer-badge{position:absolute;top:14px;left:14px;padding:8px 10px;border-radius:10px;background:rgba(8,8,9,.86);border:1px solid rgba(212,175,55,.34);color:var(--gold-soft);font-size:10px;font-weight:900;letter-spacing:.1em;pointer-events:none}.viewer-controls{margin:0;display:grid;align-content:start;gap:12px}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.camera-grid .secondary{padding:11px 9px;font-size:12px}footer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(212,175,55,.12);font-size:12px}@media(max-width:760px){body{padding:12px}.shell{padding:18px}.topbar{display:block}#language,#measureLanguage,#snapLanguage,#viewerLanguage{margin-top:14px;width:100%}.grid,.setup-fields,.measure-grid,.viewer-layout{grid-template-columns:1fr}.coord-grid{grid-template-columns:1fr}.hero-actions,.choices{display:grid;grid-template-columns:1fr}.primary,.secondary{width:100%;min-height:48px}.viewer-stage-wrap,.viewer-stage{min-height:340px}.camera-grid{grid-template-columns:1fr 1fr}}