.preview[data-v-2974346d]{place-items:center;display:grid}:root{color:#20241f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#20241f;--muted:#686d65;--line:#dedfd8;--surface:#fff;--surface-soft:#f0f1eb;--accent:#315d46;--accent-hover:#274c39;--accent-soft:#e4eee8;--danger:#a33a32;--shadow:0 12px 32px #23282014;background:#f5f5f1;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5f5f1;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#dde6dd73,#0000 34rem),#f5f5f1;margin:0}button,summary{font:inherit}button{color:inherit}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #315d4647}.app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:0 32px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1rem;font-weight:750;display:inline-flex}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}.brand-mark{background:linear-gradient(90deg,#0000 47%,#b9bcb4 48% 52%,#0000 53%),linear-gradient(#0000 47%,#b9bcb4 48% 52%,#0000 53%),#ece2c7;border:1.5px solid #4c514a;border-radius:7px;width:26px;height:26px;position:relative}.brand-mark:after{content:"";background:#252825;border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.site-tagline{color:var(--muted);margin:0;font-size:.875rem}main{padding:58px 0 64px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:center;gap:10px;padding:24px 0 32px;font-size:.78rem;display:flex}.page-intro{max-width:680px;margin-bottom:48px}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:750;display:block}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.06}.page-intro p,.tracer-heading p{max-width:660px;color:var(--muted);margin-bottom:0;font-size:1rem;line-height:1.65}.image-group+.image-group{margin-top:44px}.group-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px;display:flex}.group-heading h2{letter-spacing:-.015em;margin:0;font-size:1.05rem}.group-heading span{color:var(--muted);font-size:.8rem}.image-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:14px;display:grid}.image-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;min-width:0;padding:7px 7px 10px;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden;box-shadow:0 2px 8px #23282008}.image-card:hover{border-color:#aeb8ad;transform:translateY(-2px);box-shadow:0 10px 24px #2328201a}.thumbnail{aspect-ratio:1;object-fit:cover;background:var(--surface-soft);border-radius:7px;width:100%;display:block}.image-card-label{color:#4e544c;text-align:left;padding:9px 4px 0;font-size:.77rem;font-weight:650;display:block}.tracer-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.tracer-heading h1{margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.6rem)}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:.86rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-primary:disabled{color:#8b9089;cursor:not-allowed;background:#e3e5df}.button-secondary{border-color:var(--line);background:var(--surface)}.button-secondary:hover{background:#fafbf8;border-color:#b9bdb5}.back-button{flex:none}.workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;display:grid}.canvas-card,.results-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px}.canvas-card{min-width:0;padding:10px}.canvas-toolbar{color:var(--muted);justify-content:space-between;gap:12px;padding:5px 5px 13px;font-size:.77rem;font-weight:650;display:flex}.drag-hint:before{background:var(--accent);content:"";border-radius:50%;width:6px;height:6px;margin:0 7px 1px 0;display:inline-block}#image{cursor:crosshair;touch-action:none;background:#e8e8e4;border-radius:8px;max-width:100%;display:block;height:auto!important}.results-panel{padding:22px;position:sticky;top:20px}.results-heading{flex-wrap:wrap;justify-content:space-between;gap:8px 12px;margin-bottom:18px;display:flex}.results-heading h2{letter-spacing:-.02em;margin:0;font-size:1.05rem}.results-heading .eyebrow{margin-bottom:5px}.status{color:#696e67;background:var(--surface-soft);border-radius:99px;align-self:start;align-items:center;gap:6px;min-height:25px;padding:0 9px;font-size:.68rem;font-weight:750;display:inline-flex}.status-dot{background:#9da29a;border-radius:50%;width:6px;height:6px}.status-ready{color:var(--accent);background:var(--accent-soft)}.status-ready .status-dot{background:#3f7a58}.status-error{color:var(--danger);background:#f7e7e5}.status-error .status-dot{background:var(--danger)}.preview-frame{border:1px solid var(--line);background-color:#f5ecd6;background-image:radial-gradient(#d7c49b .7px,#0000 .7px);background-size:6px 6px;border-radius:10px;place-items:center;min-height:226px;padding:12px;display:grid}#preview{border-radius:3px;width:min(100%,200px);height:auto;display:block}.results-note,.scan-error{color:var(--muted);margin:14px 0;font-size:.8rem;line-height:1.5}.scan-error{color:var(--danger)}.download{width:100%}.diagnostics{border-top:1px solid var(--line);margin-top:16px}.diagnostics summary{color:#565c54;cursor:pointer;padding:15px 0 0;font-size:.78rem;font-weight:700}.diagnostics-content{grid-template-columns:82px 1fr;gap:12px;padding-top:13px;display:grid}#colorPlot{border:1px solid var(--line);border-radius:6px;width:82px;height:82px;display:block}.diagnostics-content p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.5}@media (width<=900px){.workspace{grid-template-columns:1fr}.results-panel{position:static}.preview-frame{min-height:250px}}@media (width<=640px){.app-shell{padding:0 18px}.site-header{min-height:66px}.site-tagline{display:none}main{padding:38px 0 48px}.page-intro{margin-bottom:36px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tracer-heading{flex-direction:column;align-items:start;gap:20px}.back-button{width:100%}.drag-hint{display:none}.results-panel{padding:18px}.site-footer{flex-direction:column;align-items:center;gap:4px}.site-footer span[aria-hidden]{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}