:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182d2a;background:#f5f5ef;font-synthesis:none;line-height:1.5;font-weight:400;--green: #176451;--line: #d8ded5;--muted: #63746a}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b68a27;outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-underline-offset:4px}header{height:90px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:2px}.brand-icon{background:var(--green);color:#fff;display:grid;place-items:center;width:37px;height:37px;font-size:29px;letter-spacing:-2px;border-radius:6px}.brand-by{font-size:10px;letter-spacing:1.6px;color:var(--muted);font-weight:600;border-left:1px solid var(--line);padding-left:16px;margin-left:8px}.device{font-size:12px;color:var(--green);display:flex;align-items:center;gap:8px}.device i{width:7px;height:7px;background:#3b9a76;border-radius:100%}main{max-width:1550px;margin:auto;padding:0 5vw}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:48px 0 34px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;margin:0 0 18px;color:var(--muted)}h1{font-size:clamp(30px,3.4vw,48px);letter-spacing:-1.6px;font-weight:520;line-height:1.12;margin:0}h1 span{color:var(--green)}.intro-note{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:22px;align-items:start}.viewer{background:#111e24;color:#d4dedb;border:1px solid #27363b;border-radius:10px;overflow:hidden;position:sticky;top:20px;min-width:0}.viewer-bar,.viewer-foot{min-height:51px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:16px;font-size:11px;color:#a4b2b4}.viewer-bar{border-bottom:1px solid #29363b}.viewer-foot{border-top:1px solid #29363b}.viewer-bar #file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bar #dimensions{white-space:nowrap;font-variant-numeric:tabular-nums}.stage{min-height:490px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#1b2b32,#111e24 75%);padding:22px}#empty{text-align:center;color:#a6b5b5;padding:40px 0}#empty svg{color:#75988e}#empty h2{font-size:21px;color:#edf2ec;font-weight:500;margin:20px 0 7px}#empty p{font-size:12px;margin:0 0 28px}#empty small{display:block;font-size:10px;margin-top:18px;color:#9aa8ac}.primary,.secondary{border:0;border-radius:5px;padding:12px 18px;min-height:46px;font-size:12px;font-weight:650}.primary{color:#fff;background:var(--green)}.primary:hover:not(:disabled){background:#0e503f}.primary span{margin-left:35px}.stage .primary{background:#cfe9db;color:#173c30}.stage .primary:hover{background:#e2f3e9}.quiet{border:0;background:transparent;color:inherit;font-size:11px;padding:10px 0;min-height:36px;text-decoration:underline;text-underline-offset:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.panel h2{font-size:19px;letter-spacing:-.4px;font-weight:550;margin:0 0 20px}.panel .eyebrow{margin-bottom:9px}.mode-list{display:flex;flex-direction:column;gap:9px}.mode{border:1px solid var(--line);background:#fff;border-radius:6px;display:flex;text-align:left;align-items:center;gap:12px;padding:14px 11px;width:100%;color:#283d34}.mode.selected{border-color:var(--green);background:#eef6ef}.mode-number{font-size:10px;color:#748579}.mode strong{font-size:13px;display:block;font-weight:650}.mode small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}.muted{font-size:12px;color:var(--muted);line-height:1.7}.run{margin-top:8px;width:100%;display:flex;justify-content:space-between}.run span{margin:0}.results{margin-top:16px}#status{font-size:11px;color:var(--muted);margin:14px 0 0;overflow-wrap:anywhere}#status.error{color:#a03432}progress{width:100%;height:5px;accent-color:var(--green);margin-top:18px}#image-stack{position:relative;max-width:100%;line-height:0}#original{max-width:100%;max-height:70vh;width:auto;height:auto}#overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#score{font-size:48px;color:var(--green);letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:14px 0}#structures{max-height:220px;overflow:auto}.structure{display:flex;align-items:center;gap:9px;font-size:11px;padding:9px 0;border-bottom:1px solid #edf0e9;cursor:pointer}.structure input{accent-color:var(--green);width:16px;height:16px;margin:0}.structure i{width:7px;height:7px;border-radius:2px;flex-shrink:0}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:22px}#opacity{width:100%;accent-color:var(--green);margin:14px 0 19px}.secondary{background:#eef3ec;color:var(--green);width:100%}#save-mask{display:block;width:100%;margin-top:5px}.metadata{font-size:9px;overflow-wrap:anywhere;color:var(--muted);margin:15px 0 0}.metadata:empty{display:none}.research-note{display:flex;align-items:flex-start;gap:12px;margin:25px 0 33px;max-width:850px;color:var(--muted)}.note-mark{border:1px solid #9ea99c;border-radius:100%;min-width:16px;height:16px;line-height:14px;text-align:center;font-size:11px;margin-top:2px}.research-note p{font-size:11px;line-height:1.7;margin:0}.research-note strong{color:#415449;font-weight:650}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);padding:16px 0 24px}@media(min-width:1450px){.stage{min-height:580px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:14px}.panel{padding:20px}.intro-note{max-width:220px}.stage{min-height:430px}}@media(max-width:700px){header{height:72px}.brand-by{display:none}.intro{padding:32px 0 25px;display:block}.intro-note{margin-top:18px;max-width:none}.intro-note br{display:none}.workspace{grid-template-columns:1fr}.viewer{position:static}.stage{min-height:320px;padding:15px}.panel{padding:22px}.results{margin-top:14px}.mode-list{flex-direction:row}.mode{align-items:flex-start}.mode-number{display:none}.mode small{line-height:1.5}.viewer-bar,.viewer-foot{padding:12px 15px}.research-note{margin-bottom:25px}footer{flex-wrap:wrap;gap:6px 18px}footer>span{width:100%}h1{font-size:36px}.device{font-size:10px}}.runtime-label{display:block;font-size:10px;color:var(--muted);margin:14px 0 6px}#runtime{font:inherit;font-size:11px;color:#415449;width:100%;border:1px solid var(--line);border-radius:5px;padding:10px;background:#fff;margin-bottom:10px}