:root{--ink:#17201c;--muted:#65706a;--paper:#f4f7f5;--card:#fff;--line:#dce5df;--accent:#176b4b;--brand:#102b21;--highlight:#f2c94c;--danger:#a12626}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.top{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:84px;padding:.75rem max(4vw,1rem);background:#fff;color:var(--brand);border-bottom:1px solid var(--line);box-shadow:0 4px 18px #102b210a}.top a,.top .link{color:var(--brand);text-decoration:none}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:auto;height:58px}.top nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.top nav>a{font-weight:650}.top nav>a:hover,.top nav>a:focus-visible,.top .link:hover,.top .link:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.container{max-width:1180px;margin:auto;padding:2rem 1rem 4rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #1633260b}.hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.hero h1{margin:0}.hero p,.lede{margin:.25rem 0;color:var(--muted)}.button,button{border:0;border-radius:8px;background:var(--accent);color:white;padding:.65rem .9rem;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.55;cursor:wait}.link{background:transparent;padding:0}.danger{background:var(--danger);margin-left:auto}.filters{display:grid;grid-template-columns:2fr 1fr auto auto;gap:.75rem;padding:1rem;margin-bottom:1.2rem}.filters a{align-self:center}.grid{display:grid;gap:.8rem}.filament{display:grid;grid-template-columns:74px 1fr auto;gap:1rem;align-items:center;padding:1rem}.swatch,.label-thumb{width:62px;height:62px;border-radius:13px;border:1px solid #0002}.swatch{background:var(--swatch);box-shadow:inset 0 0 0 3px #fff5}.label-thumb{object-fit:cover}.filament h2{font-size:1.15rem;margin:.15rem 0}.filament p{color:var(--muted);margin:0}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.quick{text-align:right}.quick form{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;margin-bottom:.5rem}.quick button{background:#e7efe9;color:#173f2f;padding:.4rem .6rem}.auth,.editor{max-width:880px;margin:2rem auto;padding:1.5rem}.auth{max-width:480px}.auth form,.editor form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:650}input,select,textarea{width:100%;border:1px solid #bbc9c0;border-radius:8px;padding:.65rem;background:white;color:var(--ink);font:inherit}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:400}.check input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.actions{display:flex;gap:.75rem;align-items:center}.flash,.error{padding:.8rem 1rem;border-radius:8px;margin-bottom:1rem}.flash{background:#dff4e9;color:#125b3c}.error{background:#fbe2e2;color:#811d1d}.empty{text-align:center;padding:3rem}.inline{display:inline-flex;gap:.5rem;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.8rem}.photo-assistant{padding:1rem;border:1px solid var(--line);border-radius:12px;background:#f7faf8}.photo-copy h2{font-size:1.05rem;margin:0}.photo-copy p{color:var(--muted);margin:.25rem 0 1rem}.file-label input{margin-top:.25rem}.photo-workspace,.saved-photo{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr);gap:1rem;align-items:center;margin-top:1rem}.photo-workspace[hidden]{display:none}.photo-workspace img,.saved-photo img{display:block;width:100%;max-height:300px;object-fit:contain;border-radius:10px;background:#e8eeea;cursor:crosshair}.saved-photo img{cursor:default}.hint,#ocr-status{color:var(--muted);font-size:.88rem}.ocr-controls{display:grid;gap:.6rem;justify-items:start}.ocr-controls progress{width:100%}.recognized-text{border:1px solid var(--line);border-radius:8px;padding:.75rem}.recognized-text summary{cursor:pointer;font-weight:650}.recognized-text textarea{margin-top:.75rem}.saved-photo{border-top:1px solid var(--line);padding-top:1rem}@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}.brand img{height:52px}.filters{grid-template-columns:1fr}.filament{grid-template-columns:58px 1fr}.swatch,.label-thumb{width:50px;height:50px}.quick{grid-column:1/-1;text-align:left}.quick form{justify-content:flex-start}.form-grid,.photo-workspace,.saved-photo{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}.danger{margin-left:0}}