:root{color-scheme:light;--ink:#142b39;--muted:#536c7b;--line:#d9e3e8;--blue:#066678;--bg:#edf2f6;--accent:#00ddaa;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}button,input,select{font:inherit}button,.button-label,.upload{cursor:pointer}button,select,.button-label{border:1px solid #bbcdd5;border-radius:6px;background:#fff;color:var(--ink);padding:.5rem .7rem;min-height:42px;font-size:.875rem}button:hover:not(:disabled),.button-label:hover{background:#e5f4f5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #109eaf;outline-offset:3px}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--blue);color:white;border:1px solid var(--blue);font-weight:600;border-radius:6px;padding:.7rem 1.15rem}.primary:hover:not(:disabled){background:#075061}.topbar{background:#112b39;color:#f4faff;min-height:68px;display:flex;gap:2rem;align-items:center;padding:1rem 3vw;flex-wrap:wrap}.topbar a{color:inherit;font-size:.875rem;text-decoration:none}.topbar .brand{display:flex;align-items:center;gap:.4rem;font-size:1.125rem;letter-spacing:.02em}.brand-icon{color:#6dfad9;font-size:1.6rem;margin-right:.25rem}.privacy{margin-left:auto;color:#c7dae3;font-size:.875rem}main{max-width:1800px;margin:auto;padding:1.7rem 3vw}.intro{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.3rem}.eyebrow{font-size:.75rem;font-weight:700;color:var(--blue);letter-spacing:.12em;margin:0 0 .35rem}h1{font-size:clamp(1.45rem,2.1vw,2.15rem);font-weight:650;line-height:1.2;margin:0}.intro p:not(.eyebrow){margin:.55rem 0 0;color:var(--muted);max-width:760px}.upload{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:48px}.upload input,.button-label input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within,.button-label:focus-within{outline:3px solid #18a5b5;outline-offset:3px}.status{padding:.65rem 1rem;margin-bottom:1.1rem;border-left:3px solid #96b6c2;background:#e1eaf0;font-size:.875rem}.status.error{border-color:#bb3d2c;background:#fff0ea;color:#853b2e}progress{width:100%;height:8px;accent-color:var(--blue);margin-bottom:1rem}.workspace{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(320px,1.3fr) minmax(360px,1.4fr);background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 7px 20px #1c405108}.controls{padding:1.35rem;background:#f8fafc;border-right:1px solid var(--line)}h2{font-size:1rem;margin:0 0 1rem;font-weight:650}h2 span{margin-left:.35rem}.file-info{font-size:.875rem;word-break:break-word;color:var(--muted);margin-bottom:1.2rem}.file-info strong{color:var(--ink)}.controls>label{display:block;font-size:.875rem;margin:.8rem 0}.controls select{display:block;width:100%;margin-top:.25rem}hr{border:0;border-top:1px solid var(--line);margin:1.3rem 0}.hint{font-size:.8125rem;color:var(--muted);line-height:1.5}.button-row{display:flex;gap:.45rem;flex-wrap:wrap;margin:.6rem 0}.button-row>*{flex:1}.button-label{display:flex;align-items:center;justify-content:center}.button-label:has(input:disabled){opacity:.45;cursor:not-allowed}.active{background:#d8f2ed;border-color:#13816c;color:#084c42}.roi-list{max-height:280px;overflow:auto}.roi-item{padding:.45rem 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.4rem;font-size:.875rem}.roi-item input{accent-color:var(--blue);width:18px;height:18px}.roi-item .roi-pick{flex:1;text-align:left;padding:.25rem .4rem;min-height:36px}.roi-item .delete{font-size:1.1rem;min-height:36px;padding:0 .5rem}.empty-small{font-size:.875rem;color:var(--muted)}.image-panel,.results{padding:1.35rem;min-width:0}.image-panel{border-right:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.meta{font-size:.75rem;color:var(--muted)}.canvas-wrap{background:#071923;position:relative;aspect-ratio:1;border-radius:7px;overflow:hidden}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair}#image-empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:none;text-align:center;color:#b9d0db;font-size:1.1rem}#image-empty small{font-size:.875rem;margin-top:.4rem}.image-caption{min-height:2rem;padding-top:.5rem}.display-controls{display:flex;gap:1.2rem}.display-controls label{font-size:.875rem;flex:1}.display-controls input{display:block;width:100%;accent-color:var(--blue)}.coordinate{font-size:.875rem;margin-top:1rem}.coordinate input{width:100%;min-width:0;padding:.4rem;border:1px solid #b7c9d1;border-radius:4px}.coordinate button{align-self:end}.coordinate label{min-width:50px}.calculate{width:100%;margin-top:1.3rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-bottom:1px solid var(--line);padding:.2rem 0 1rem;margin-bottom:1rem}.metrics span{font-size:.75rem;color:var(--muted);display:block}.metrics strong{font-size:1.35rem;font-weight:650}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.85rem 0 .4rem}.chart-heading h3{font-size:.95rem;margin:0}.chart-heading select{min-height:32px;padding:.25rem .4rem;max-width:60%}.chart{width:100%;aspect-ratio:1.85}.chart svg{display:block;width:100%;height:100%;overflow:visible}.empty-chart{background:#f6f9fb;border:1px dashed #cedde4;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);font-size:.875rem;padding:1rem}.legend{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}.line-key{width:18px;height:2px;background:#087782}.line-key.noise{background:#8797a2;margin-left:1rem}.downloads{margin-top:1rem}.roi-results{font-size:.8125rem;max-height:200px;overflow:auto;margin-top:.7rem}.roi-results p{margin:.35rem 0}.roi-results .bad{color:#9b4636}.methods{background:white;border:1px solid var(--line);border-radius:8px;margin-top:1.3rem;padding:1rem 1.3rem}.methods summary{font-size:.95rem;font-weight:600;cursor:pointer}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 2.5rem;margin-top:1rem}.method-grid h3{font-size:1rem;margin:.6rem 0}.method-grid p,#method-detail{font-size:.875rem;color:var(--muted)}footer{font-size:.75rem;color:var(--muted);padding:1.5rem .2rem}a{color:var(--blue)}[hidden]{display:none!important}@media(max-width:1200px){.workspace{grid-template-columns:220px 1fr}.results{grid-column:1/-1;border-top:1px solid var(--line)}.image-panel{border:0}.results .chart{max-height:300px;aspect-ratio:2.2}.topbar{gap:1rem}}@media(max-width:650px){main{padding:1.2rem .85rem}.topbar{padding:.8rem 1rem}.privacy{display:none}.topbar>a:last-child{margin-left:auto}.intro{align-items:start;flex-direction:column}.intro .upload{width:100%}.workspace{display:flex;flex-direction:column}.controls{border:0;border-bottom:1px solid var(--line)}.controls,.results,.image-panel{padding:1rem}.roi-list{max-height:180px}.method-grid{grid-template-columns:1fr}.chart-heading{flex-wrap:wrap}.chart{min-height:220px}.display-controls{gap:1rem}.metrics{gap:.4rem}.methods{padding:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}