@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17201c;--muted:#69736e;--paper:#f6f5f0;--lime:#d8ff3e;--line:#dfe2dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.page{max-width:1160px;margin:auto;padding:26px 28px 72px}header{display:flex;justify-content:space-between;align-items:center;font:12px 'DM Mono',monospace;letter-spacing:.06em}header p{color:var(--muted);margin:0}.brand{font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.09em}.brand span{color:#85a900;margin:0 5px}.settings-link{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink);font:20px Arial;text-decoration:none;background:#fff}.settings-link:hover{border-color:#849f00;color:#658000}.intro{padding:86px 0 40px;max-width:720px}.eyebrow{font:12px 'DM Mono',monospace;color:#658000;letter-spacing:.12em}.intro h1{font-size:clamp(44px,8vw,88px);line-height:.94;letter-spacing:-.075em;margin:16px 0 24px}.intro em{font-weight:400;color:#899993}.lead{font-size:17px;line-height:1.55;color:var(--muted);max-width:520px}.search-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 20px 60px #1820180b}form{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.drop-zone{min-height:306px;background:#eff1ea;border:1px dashed #b8c0b8;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;cursor:pointer;padding:24px;position:relative;overflow:hidden}.drop-zone.dragging{border-color:#7e9b00;background:#e8f4bf}.drop-zone.selected{justify-content:flex-end}.upload-icon{font:34px 'DM Mono',monospace;color:#749000}.drop-zone strong{font-size:16px}.drop-zone small,.hint{font-size:12px;color:var(--muted)}.drop-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.controls{display:flex;flex-direction:column;justify-content:center;gap:24px}.controls>label:not(.toggle){font-size:13px;font-weight:700;display:grid;grid-template-columns:1fr auto;gap:8px}.controls output{font:12px 'DM Mono',monospace;color:#668000;font-weight:500}.controls input[type=range]{grid-column:1/-1;width:100%;accent-color:#849f00}.hint{grid-column:1/-1;font-weight:400}.toggle{font-size:13px;display:flex;align-items:center;gap:10px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle span{width:38px;height:22px;border-radius:20px;background:#d2d8d1;position:relative}.toggle span:after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.toggle input:checked+span{background:#809d00}.toggle input:checked+span:after{left:19px}button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:15px 18px;text-align:left;font:700 14px Manrope;cursor:pointer}button span{float:right;color:var(--lime);font-size:19px}button:disabled{opacity:.55}#status{margin:30px 0 16px;font-size:14px}.loading,.found{color:#607800}.error{color:#a52d2d}.empty{color:var(--muted)}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.result-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.photos{height:220px;display:flex;gap:2px;background:#e9ece7}.photos img{width:100%;min-width:0;object-fit:cover}.photos img:not(:first-child){max-width:28%}.no-photo{margin:auto;color:var(--muted);font-size:13px}.card-content{padding:17px}.meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:800}.meta small{font:11px 'DM Mono',monospace;color:#718a00;white-space:nowrap}.card-content p{font-size:13px;color:#58625d;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-content a{font-size:13px;font-weight:800;color:var(--ink);text-decoration:none}.card-content a span{color:#749000}.settings-page{max-width:900px}.settings-intro{padding:64px 0 32px}.settings-card form{display:flex;flex-direction:column;gap:24px}.setting-field{display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:700}.setting-field small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}.setting-field input[type=url]{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;font:14px 'DM Mono',monospace;color:var(--ink)}.setting-range{display:grid;grid-template-columns:1fr 55px;align-items:center;gap:14px}.setting-range input{width:100%;accent-color:#849f00}.setting-range output{font:12px 'DM Mono',monospace;color:#668000;text-align:right}.settings-actions{display:flex;gap:12px;align-items:center}.secondary-button{background:#edf0e9;color:var(--ink)}.settings-status{font-size:13px;color:#607800;min-height:1em;margin:0}@media(max-width:760px){.page{padding:20px 16px 48px}header p{display:none}.intro{padding:56px 0 28px}form{grid-template-columns:1fr}.drop-zone{min-height:220px}.results{grid-template-columns:1fr}.photos{height:260px}.settings-intro{padding:48px 0 28px}.settings-actions{align-items:stretch;flex-direction:column}}