:root{color-scheme:light;--bg:#f4f2eb;--surface:#fffef9;--fg:#19382e;--muted:#4c6057;--border:#bbc5b9;--accent:#145640;--onaccent:#fff;--warn:#6b3a0b;--notice:#f4e5c8;--focus:#a34013;font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}body.dark{color-scheme:dark;--bg:#14211c;--surface:#1e3027;--fg:#f0f2e8;--muted:#bbcabe;--border:#526b5a;--accent:#b8e6c0;--onaccent:#16261b;--warn:#ffe0aa;--notice:#3c3323;--focus:#f6b57d}a{color:inherit;text-underline-offset:.2em}button,input,textarea{font:inherit}button{border:1px solid var(--accent);background:var(--accent);color:var(--onaccent);font-weight:650;padding:.7rem 1rem;border-radius:4px;cursor:pointer;min-height:44px}button.secondary,button.quiet,#theme{background:transparent;color:var(--fg);border-color:var(--border)}button.quiet{border-color:transparent;text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}header,nav,main,footer{max-width:1120px;margin:auto;padding:1.25rem 2rem}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border)}.brand{text-decoration:none;font-size:1.7rem;font-weight:850;letter-spacing:-.08em;line-height:1.1}.brand span{color:var(--accent)}.brand small{display:block;letter-spacing:.13em;font-size:.55rem;margin-top:.5rem}#theme{font-size:.8rem;padding:.5rem .75rem}nav{display:flex;gap:1.75rem;flex-wrap:wrap;font-size:.9rem;padding-top:.8rem;padding-bottom:.8rem}nav a{text-decoration:none}nav a[aria-current]{text-decoration:underline;font-weight:750}main{padding-top:2.5rem;min-height:65vh}h1{font-size:clamp(2.5rem,6vw,4.7rem);letter-spacing:-.055em;line-height:1.05;max-width:950px;margin:.5rem 0 1.5rem}h2{font-size:1.4rem;letter-spacing:-.025em}p{max-width:75ch}.eyebrow,.number{font-size:.7rem;letter-spacing:.14em;font-weight:750;color:var(--muted)}.lead{font-size:1.3rem;line-height:1.4;max-width:42ch}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.5rem 0}.cards>a{background:var(--surface);border:1px solid var(--border);text-decoration:none;padding:1.5rem;min-width:0}.cards>a:hover{border-color:var(--accent)}.cards h2{margin-top:1.5rem}.cards p{font-size:.95rem;color:var(--muted)}.badge{font-size:.72rem;background:var(--notice);color:var(--warn);padding:.35rem;display:inline-block}aside{border-top:1px solid var(--border);padding:1rem 0}aside p{color:var(--muted)}label{display:block;font-weight:650;margin:1.25rem 0 .5rem}label span,.hint{font-size:.85rem;font-weight:400;color:var(--muted)}textarea{display:block;width:100%;resize:vertical;min-height:8rem;padding:1rem;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:4px}input{max-width:100%;color:var(--fg);background:var(--surface);border:1px solid var(--border);padding:.6rem;border-radius:3px}input[type=file]{width:100%}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.warning{color:var(--warn);font-size:.9rem}.notice{padding:1rem 1.5rem;background:var(--notice);color:var(--warn);border-left:4px solid var(--warn);margin-bottom:1.5rem}.notice p{margin:.35rem 0}#matches{margin:1rem 0}.match{padding:.6rem .8rem;border:1px solid var(--border);background:var(--surface);margin:.4rem 0;display:flex;gap:.75rem;align-items:flex-start;font-weight:400;overflow-wrap:anywhere}.match input{margin-top:.35rem;flex:none;accent-color:var(--accent);width:1.2rem;height:1.2rem}.match strong{font-size:.75rem;display:block;color:var(--muted)}details{border-top:1px solid var(--border);margin-top:1.5rem;padding:1rem 0}summary{font-weight:700;cursor:pointer}details p{color:var(--muted)}.photo-result{background:var(--surface);padding:1.5rem;border:1px solid var(--border);margin:1rem 0;overflow-wrap:anywhere}.photo-result img{max-width:100%;max-height:240px;object-fit:contain}.photo-result dl{display:grid;grid-template-columns:5rem 1fr;gap:.5rem}.photo-result dt{font-weight:700}.photo-result dd{margin:0;min-width:0;overflow-wrap:anywhere}.download{display:inline-block;padding:.65rem 1rem;border:1px solid var(--accent);border-radius:4px;font-weight:700;min-height:44px}canvas{max-width:100%;height:auto;border:1px solid var(--border);display:block;margin:1rem 0;touch-action:none}fieldset{padding:1rem;border:1px solid var(--border);min-width:0}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.region-grid input{width:100%}.region-grid label{margin-top:0}footer{border-top:1px solid var(--border);margin-top:3rem;font-size:.9rem;color:var(--muted)}.skip{position:absolute;left:1rem;top:-10rem;background:var(--surface);padding:1rem;z-index:4}.skip:focus{top:1rem}[hidden]{display:none!important}#text-status,#photo-status,#blur-status{font-weight:650;overflow-wrap:anywhere}@media(max-width:700px){header,nav,main,footer{padding-left:1.25rem;padding-right:1.25rem}.cards{grid-template-columns:1fr}.cards>a{padding:1.25rem}.cards h2{margin:.6rem 0}nav{gap:1rem}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:2.8rem}main{padding-top:1.5rem}.actions button{flex-grow:1}.photo-result{padding:1rem}}

header{flex-wrap:wrap}#clear-all{font-size:.8rem;margin-left:auto}#theme{flex:none}

.home-feature{padding:2.5rem 0;border-top:1px solid var(--border)}.home-feature h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.example-grid,.use-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.example-grid>div{padding:1.5rem;border:1px solid var(--border);background:var(--surface)}.example-grid .after{border-color:var(--accent);border-left:5px solid var(--accent)}.sample{font-size:1.25rem;overflow-wrap:anywhere}.use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.use-grid article{padding-right:1.5rem}.use-grid h3{font-size:1.2rem}.guide{display:grid;grid-template-columns:1fr 1.3fr;gap:2rem;padding:2rem;margin-top:3rem;background:var(--surface);border:1px solid var(--accent);border-top:5px solid var(--accent)}.guide h2{font-size:2rem;line-height:1.2}.guide input{width:100%}.question-chips{display:flex;flex-wrap:wrap;gap:.5rem}.question-chips button{font-size:.8rem;background:transparent;color:var(--fg);border-color:var(--border)}#guide-answer{border-top:1px solid var(--border);padding-top:1rem;overflow-wrap:anywhere}#guide-answer p{margin-top:0}@media(max-width:700px){.example-grid,.use-grid,.guide{grid-template-columns:1fr}.guide{padding:1.25rem;gap:.5rem}.home-feature{padding:1.75rem 0}.use-grid{gap:.5rem}}

.maker-promo{background:var(--accent);color:var(--onaccent);padding:2rem;margin:1rem 0}.maker-promo .eyebrow,.maker-promo .hint{color:inherit}.maker-promo .download{border-color:currentColor}.maker-promo h2{font-size:2rem;line-height:1.2}