:root{--paper:#f8f6f2;--ink:#242622;--muted:#73766c;--line:#dedfd6;--green:#2a6b43;--green-bg:#e9f4ec;--red:#ae4540;--red-bg:#fff0ed;--accent:#d6e6ab}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,input,select{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}header{padding:24px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px;background:var(--paper)}.brand{font-weight:900;font-size:32px;letter-spacing:-1.5px;display:flex;align-items:center;gap:24px}.brand span{font-size:10px;font-weight:500;letter-spacing:1.3px;line-height:1.6;max-width:155px;border-left:1px solid #bfc2b5;padding-left:24px}.header-actions{display:flex;align-items:center;gap:12px}#save-state{font-size:11px;color:var(--muted);margin-right:10px}.primary,.quiet{border-radius:5px;padding:12px 16px;border:1px solid var(--line);background:transparent;font-size:12px;font-weight:600}.primary{background:var(--ink);border-color:var(--ink);color:white}.primary span{padding-left:20px}.quiet:hover{background:#eeeee7}.primary:hover{background:#3a4134}main{max-width:1700px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:45px 0 38px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(30px,4.5vw,64px);font-weight:500;letter-spacing:-2.5px;margin:16px 0 12px}h1 span{color:var(--green)}.intro p{font-size:14px;color:#63665c;margin:0}.review-note{text-align:right;font-size:11px;line-height:1.8;color:#4e5546}.review-note span{color:var(--muted)}.review-tools{background:var(--paper);position:sticky;top:0;z-index:2;padding-top:12px}.filter-row,.search-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.filter-row{border-bottom:1px solid var(--line);padding-bottom:14px}#status-filters{display:flex;gap:6px}.filter{border:0;border-radius:5px;background:none;padding:12px 14px;font-size:12px;color:#606559}.filter b{font-size:11px;margin-left:9px;font-weight:500;opacity:.8}.filter.active{background:var(--ink);color:white}.filter[data-filter=select].active{background:var(--green)}.filter[data-filter=reject].active{background:var(--red)}.search-row{padding:14px 0}.search{display:flex;align-items:center;gap:10px;flex:1;max-width:460px;background:white;border:1px solid var(--line);border-radius:5px;padding-left:12px}.search span{font-size:24px}.search input{width:100%;border:0;background:transparent;padding:11px 10px 11px 0;font-size:12px;min-width:0}.look-label select{border:1px solid var(--line);background:white;border-radius:5px;padding:11px 30px 11px 12px;font-size:12px;max-width:250px}#progress{font-size:11px;color:var(--muted);margin-left:auto;white-space:nowrap}.progress-track{height:3px;background:#e8e9e0}#progress-bar{height:3px;background:var(--green);width:0;transition:width .2s}.results-heading{display:flex;justify-content:space-between;margin:23px 0 18px;color:var(--muted);font-size:11px}.hint{font-size:10px}#gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.card{min-width:0;background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:border-color .12s}.card[data-decision=select]{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.card[data-decision=reject]{border-color:var(--red)}.photo{position:relative;display:block;border:0;background:#ebe7e0;width:100%;padding:0;aspect-ratio:2/3;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .25s}.photo:hover img{transform:scale(1.015)}.number{position:absolute;left:10px;top:10px;background:#ffffffed;color:#3c4435;padding:5px 7px;font-size:10px;border-radius:3px;font-weight:bold}.badge{position:absolute;right:10px;top:10px;font-size:10px;border-radius:3px;padding:5px 7px;background:var(--green);color:white}.card[data-decision=reject] .badge{background:var(--red)}.card:not([data-decision]) .badge{display:none}.card-info{padding:13px 12px 10px}.filename{font-size:11px;font-weight:bold;overflow-wrap:anywhere;line-height:1.5}.group{font-size:10px;color:var(--muted);margin-top:3px}.decisions{display:flex;gap:8px;padding:0 12px 12px}.decision{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border:1px solid var(--line);border-radius:4px;padding:10px;font-size:11px;font-weight:bold;cursor:pointer;background:white;user-select:none}.decision input{width:14px;height:14px;margin:0;accent-color:var(--green)}.decision.reject input{accent-color:var(--red)}.decision:has(input:checked).select{color:var(--green);background:var(--green-bg);border-color:#84aa90}.decision:has(input:checked).reject{color:var(--red);background:var(--red-bg);border-color:#d49692}.decision:hover{background:#f4f5ed}#empty{text-align:center;padding:70px 0}#pagination{display:flex;justify-content:center;gap:28px;align-items:center;padding:40px 0}#page-label{font-size:12px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0 40px;display:flex;align-items:center;gap:18px;font-size:10px;color:var(--muted)}footer>span{letter-spacing:1px}footer p{margin-left:auto;line-height:1.6}.text-button{padding:0;background:none;border:0;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:3px}dialog{border:0;padding:0;width:min(1100px,96vw);max-height:96vh;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #0006}dialog::backdrop{background:#131610da}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid var(--line);gap:15px}.viewer-header strong{font-size:13px}.viewer-header span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.icon-button{border:0;background:none;font-size:20px;padding:8px}.viewer-stage{height:calc(92vh - 180px);min-height:180px;display:flex;align-items:center;background:#e9e5de}.image-scroll{height:100%;flex:1;overflow:auto;display:flex;justify-content:center;align-items:center}.image-scroll img{max-width:100%;height:100%;object-fit:contain;display:block}.image-scroll.zoomed{display:block;text-align:center}.image-scroll.zoomed img{height:auto;width:auto;max-width:none;margin:auto}.photo-arrow{border:0;background:none;font-size:40px;color:#555d4f;padding:14px}.viewer-bottom{display:flex;align-items:center;gap:20px;padding:15px 22px 0}.viewer-bottom .decisions{width:300px;padding:0}#viewer-decisions{margin:auto}#viewer-position{font-size:11px;color:var(--muted)}.keyboard-hint{text-align:center;font-size:10px;color:var(--muted);margin:13px 0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#242622;color:white;font-size:12px;padding:13px 20px;border-radius:5px;z-index:10;display:none;max-width:90vw}#toast.visible{display:block}[hidden]{display:none!important}
@media(min-width:1550px){#gallery{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1000px){.brand span,#save-state{display:none}h1{font-size:45px}#gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}footer{flex-wrap:wrap}footer p{margin-left:0}.hint{display:none}}@media(max-width:700px){header{padding:18px 4%;gap:12px}.brand{font-size:27px}.header-actions{gap:7px}.header-actions button{padding:10px;font-size:10px}.primary span{padding-left:6px}.intro{padding:30px 0 25px}.review-note{display:none}h1{font-size:36px;letter-spacing:-1.5px}.intro p{font-size:12px}.filter-row{flex-wrap:wrap}.filter-row>.quiet{display:none}#status-filters{width:100%;gap:2px}.filter{padding:11px 8px;flex:1;font-size:11px}.filter b{margin-left:4px;font-size:10px}.search-row{gap:8px;flex-wrap:wrap}.search{min-width:180px}.look-label select{max-width:155px;width:100%;font-size:11px}#progress{margin:0;font-size:10px;flex-basis:100%}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.card-info{padding:10px 8px}.filename{font-size:10px}.decisions{padding:0 7px 8px;gap:5px}.decision{font-size:10px;padding:9px 5px;gap:5px}.number,.badge{font-size:9px;top:7px;left:7px}.badge{left:auto;right:7px}.results-heading{margin:18px 0 13px}footer{gap:14px}.viewer-header{padding:12px}.viewer-header strong{font-size:11px}.photo-arrow{padding:6px;font-size:30px}.viewer-bottom{gap:10px;padding:12px 10px 0;flex-wrap:wrap}.viewer-bottom .decisions{width:210px}#viewer-position{display:none}.keyboard-hint{font-size:9px}.viewer-bottom>.quiet{padding:10px;font-size:10px}.viewer-stage{height:calc(90vh - 170px)}.image-scroll.zoomed img{max-width:1200px}}
