:root{color-scheme:dark;--bg:#101311;--panel:#191d1a;--raised:#222823;--line:#343b32;--text:#f2f0e8;--muted:#a7afa5;--gold:#dfc180;--mint:#91d4bf;--red:#ffb4a5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:1px solid transparent;border-radius:7px;padding:9px 16px;color:var(--text);background:transparent;transition:background .15s,border-color .15s}button:hover{background:#ffffff0c}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}[hidden]{display:none!important}.gold{color:var(--gold)}.topbar{height:98px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;letter-spacing:1px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:9px}.brand-mark{border:1px solid var(--gold);border-radius:9px;width:39px;height:49px;display:grid;place-content:center;color:var(--gold);font-size:26px;position:relative;transform:rotate(-6deg)}.brand-mark span{position:absolute;right:3px;top:1px;font-size:15px}.header-label,.eyebrow,.tiny,.format-label{font-size:11px;letter-spacing:1.6px}.header-label{color:var(--muted)}.help-link{font-size:13px}.help-link span{margin-left:15px;color:var(--gold)}main{max-width:1440px;margin:auto;padding:0 5%}.intro{padding:48px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{color:var(--gold);margin:0 0 12px;font-weight:600}h1{font-size:clamp(30px,3.4vw,48px);line-height:1.15;letter-spacing:-1.8px;font-weight:500;margin:0 0 13px}h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.subtitle{margin:0;color:var(--muted);font-size:15px}.private{font-size:12px;white-space:nowrap}.private small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:8px}.mode-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:20px;gap:16px}.segments{display:flex;background:#090c0a;border:1px solid var(--line);padding:4px;border-radius:9px}.segments button{font-size:13px;padding:7px 20px;color:var(--muted)}.segments .active{background:var(--raised);color:var(--text);box-shadow:0 1px 3px #0004}.format-label{color:var(--muted);font-size:10px}.studio{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.workspace-top{display:flex;justify-content:space-between;gap:6px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}.side-tabs{display:flex;gap:5px}.side-tabs button{font-size:13px;color:var(--muted);padding:6px 12px}.side-tabs button.active{background:var(--raised);color:var(--text)}.side-tabs span{margin-left:8px;font-size:10px;color:var(--gold)}.photo-actions{display:flex;gap:4px}.quiet{color:var(--muted);font-size:12px;padding:7px 10px}.steps{display:flex;justify-content:space-between;padding:17px 24px;font-size:10px;color:var(--muted);gap:8px;border-bottom:1px solid var(--line)}.steps b{font-weight:400;margin-left:7px}.steps .current{color:var(--gold)}.steps .done{color:var(--mint)}.viewport{height:590px;background-color:#121713;background-image:radial-gradient(#616f542b .8px,transparent .8px);background-size:16px 16px;position:relative;overflow:hidden}.viewport.dragover{outline:2px solid var(--gold);outline-offset:-4px}#canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-4px}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center;background:radial-gradient(ellipse at center,#53644016,transparent 68%)}.empty-card{width:108px;height:149px;border:1px solid #c6ac6c88;border-radius:12px;transform:rotate(-9deg);position:relative;margin-bottom:35px;background:linear-gradient(135deg,#d9bc7912,transparent)}.empty-card:before{content:'';position:absolute;inset:10px;border:1px dashed #91d4bf55;border-radius:5px}.empty-card span:before,.empty-card span:after{content:'';position:absolute;background:var(--gold);opacity:.7}.empty-card span:before{height:1px;width:130px;top:73px;left:-12px}.empty-card span:after{width:1px;height:170px;left:53px;top:-11px}.empty-card i{position:absolute;right:-18px;bottom:15px;display:grid;place-content:center;font-style:normal;background:var(--gold);color:var(--bg);width:38px;height:38px;border-radius:50%;font-size:26px;box-shadow:0 0 0 6px #141a15}.empty h2{font-weight:400;font-family:Georgia,serif;font-size:27px;letter-spacing:-.5px;margin:0 0 10px}.empty p{color:var(--muted);font-size:14px;margin:0 0 24px}.primary{background:var(--gold);color:#242314;font-weight:600;border-color:var(--gold);font-size:13px}.primary:hover{background:#ebd399}.primary span{margin-left:24px}.text-button{font-size:12px;color:var(--gold)}.empty small{color:var(--muted);font-size:10px;margin-top:10px}.workspace-caption{padding:13px 20px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.image-badge{position:absolute;left:16px;top:15px;background:#101311df;border:1px solid var(--line);border-radius:4px;font-size:10px;letter-spacing:1px;padding:5px 9px;pointer-events:none}.sidebar{display:flex;flex-direction:column;gap:16px}.results-panel,.controls-panel{padding:21px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px}.section-head h2{font-size:14px;font-weight:500;margin:0}.badge{font-size:8px;letter-spacing:1px;background:var(--raised);padding:4px 7px;border-radius:4px;color:var(--muted);white-space:nowrap}.readout-row{margin:16px 0}.ratio-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.ratio-head strong{font-size:22px;font-weight:400;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ratio-head strong span{font-size:14px;color:var(--muted);padding:0 5px}.bar{height:5px;background:#4b6256;margin-top:13px;border-radius:5px;position:relative;overflow:visible}.bar i{display:block;height:100%;background:var(--gold);border-radius:5px}.bar:after{content:'';position:absolute;width:1px;height:11px;top:-3px;left:50%;background:#e9ece4}.worst{font-size:11px;color:var(--muted);margin:21px 0 0;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.worst strong{font-weight:500;color:var(--text)}.assessment{padding:12px 13px;border:1px solid var(--line);border-radius:6px;margin-top:17px;font-size:12px;color:var(--muted);background:#101511}.assessment.good{color:var(--mint);border-color:#3b6251;background:#1c2b22}.assessment.outside{color:var(--red);background:#30231f;border-color:#674339}.combined{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px}.controls-panel p{font-size:12px;color:var(--muted);margin:0 0 16px}.controls-panel label{display:block;font-size:11px;color:var(--muted);margin:14px 0 6px}.controls-panel select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px;font-size:13px;min-height:44px}.controls-panel .micro,.micro{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 14px}.full{width:100%}.secondary{border:1px solid var(--line);background:var(--panel);font-size:12px;color:var(--text)}.corner-illustration{display:flex;align-items:center;gap:12px;padding:6px 0 12px;font-size:10px;color:var(--muted)}.corner-illustration svg{width:60px;height:50px;flex-shrink:0}.controls-panel input[type=range]{width:100%;accent-color:var(--gold);margin-bottom:15px}output{float:right}.legend{display:flex;gap:14px;font-size:10px;color:var(--muted);margin-bottom:15px}.legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px}.outer-dot{background:var(--gold)}.inner-dot{background:var(--mint)}.split{display:flex;justify-content:space-between;margin-top:6px}.check{display:flex!important;gap:8px;align-items:flex-start;line-height:1.5;margin-bottom:17px!important}.check input{accent-color:var(--gold);margin-top:3px;min-width:16px;min-height:16px}.precision-head{display:flex;justify-content:space-between;margin:16px 0 8px}.precision-head .tiny{font-size:9px;letter-spacing:1px;color:var(--muted)}#loupe{width:100%;height:120px;background:#0c100d;border:1px solid var(--line);border-radius:7px;display:block}.nudge{display:flex;gap:4px;margin-top:7px}.nudge button{padding:4px;flex:1;background:var(--raised);min-width:32px}.nudge select{width:83px;padding:5px;font-size:11px}.view-tools{display:flex;justify-content:space-between;gap:8px;padding:7px 12px;border-top:1px solid var(--line)}.view-tools>div{display:flex;align-items:center;gap:5px}.view-tools button{font-size:11px;padding:4px 10px}.view-tools span{font-size:10px;min-width:40px;text-align:center;color:var(--muted)}.view-tools button[aria-pressed=true]{color:var(--gold);background:var(--raised)}#message{min-height:22px;color:var(--gold);font-size:12px;margin:14px 0}.help-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:35px 0 48px;border-top:1px solid var(--line);margin-top:16px}.help-section h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.2;margin:0}.help-questions details{border-bottom:1px solid var(--line)}summary{padding:15px 0;cursor:pointer;font-size:13px}details p{color:var(--muted);font-size:12px;line-height:1.8;padding-bottom:14px}details a{color:var(--gold)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0;border-top:1px solid var(--line);font-size:10px;letter-spacing:1px;color:var(--muted)}footer p{max-width:450px;font-size:10px;letter-spacing:0;margin:0}.footer-divider{padding:0 9px}.manual-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;color:var(--muted);font-size:13px}.manual-panels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.manual-panel{padding:24px}.manual-panel h2{font-size:19px;font-weight:500;margin:0 0 18px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manual-grid label{font-size:12px;color:var(--muted)}.manual-grid input{display:block;width:100%;min-width:0;margin-top:5px;padding:10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;font-size:16px}.manual-grid input[aria-invalid=true]{border-color:var(--red)}.field-error{display:block;color:var(--red);font-size:10px;min-height:16px}.manual-result{margin-top:14px}
@media(min-width:1500px){.viewport{height:650px}}@media(max-width:1050px){.studio{grid-template-columns:minmax(0,1fr) 310px}.results-panel,.controls-panel{padding:17px}.intro .private{display:none}.viewport{height:560px}.workspace-top{padding:10px}.photo-actions button{font-size:10px;padding:5px 7px}.steps{padding:14px 12px}.steps b{margin-left:3px}}
@media(max-width:760px){.topbar{height:76px;padding:0 5%}.brand{font-size:18px}.brand-mark{width:31px;height:40px;font-size:22px}.brand small{font-size:6px}.header-label{display:none}.help-link{font-size:11px}.intro{padding:30px 0 23px}h1{font-size:34px;letter-spacing:-1.2px;max-width:350px}h1 em{display:block;margin-top:3px}.subtitle{font-size:12px;max-width:290px}.eyebrow{font-size:9px}.mode-row{display:block;padding-bottom:16px;margin-bottom:18px}.segments{width:100%}.segments button{flex:1;padding:8px;font-size:12px}.format-label{display:block;margin-top:12px;font-size:8px}.studio{display:flex;flex-direction:column;gap:15px}.workspace,.sidebar{width:100%}.viewport{height:510px}.empty h2{font-size:24px}.steps{font-size:9px}.workspace-top{padding:9px}.side-tabs button{padding:5px 9px}.photo-actions button{font-size:10px}.side-tabs span{margin-left:4px}.help-section{grid-template-columns:1fr;gap:24px;padding-top:25px}.help-section h2{font-size:28px}.help-section h2 br{display:none}footer{flex-wrap:wrap;gap:12px}.manual-panels{grid-template-columns:1fr}.manual-top{display:block}.manual-top button{padding:6px 10px}.manual-panel{padding:20px}.sidebar{display:grid;grid-template-columns:1fr}.results-panel .readout-row{margin:12px 0}.results-panel{padding:18px}.section-head{margin-bottom:14px}.view-tools{padding:5px 6px}.view-tools button{padding:5px 7px}.view-tools>div{gap:2px}.image-badge{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.measuring .sidebar{display:contents}.measuring .results-panel{order:-1;width:100%}.measuring .controls-panel{order:1;width:100%}.measuring #copy{order:2}.measuring #readout{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.measuring .worst{grid-column:1/-1;margin:6px 0 0;padding-top:9px}.measuring .results-panel .section-head{margin-bottom:6px}.measuring .results-panel .assessment{margin-top:10px}.measuring .results-panel .combined{margin-top:8px}.help-section h2 br{display:block}}