:root{--bg:#faf7f2;--card:#fff;--text:#2b2724;--muted:#6f6760;--line:#e6dfd6;--accent:#b5562f;--accent-text:#fff;--ok:#2f7d4f;--bad:#b3261e}@media (prefers-color-scheme:dark){:root{--bg:#1c1a18;--card:#262320;--text:#f1ece6;--muted:#a99f95;--line:#3a3531;--accent:#e07a4f;--accent-text:#1c1a18;--ok:#6cc28d;--bad:#f08a80}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:960px;margin:0 auto;padding:24px 16px 64px}h1{margin:8px 0 4px;font-size:28px}p.lead{color:var(--muted);margin:0 0 24px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}label{margin-bottom:6px;font-weight:600;display:block}input[type=text]{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:12px;font-size:17px}.btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.btn.big{width:100%;padding:20px;font-size:19px}.btn.plain{color:var(--text);border:1px solid var(--line);background:0 0}.btn.danger{color:var(--bad);border:1px solid var(--bad);background:0 0}.btn:disabled{opacity:.5;cursor:default}.list{margin:16px 0 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;display:flex}.list li span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ok{color:var(--ok)}.bad{color:var(--bad)}.muted{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.tile{background:var(--line);aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:10px;position:relative;overflow:hidden}.tile.selected{border-color:var(--accent)}.tile img{object-fit:cover;width:100%;height:100%;display:block}.tile .who{color:#fff;background:linear-gradient(#0000,#0009);padding:4px 8px;font-size:13px;position:absolute;bottom:0;left:0;right:0}.tile .check{color:#000;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.viewer{z-index:10;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;max-width:100%;max-height:calc(100vh - 120px)}.viewer .row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.drop{border:2px dashed var(--line);border-radius:14px;padding:16px;transition:border-color .15s,background .15s}.drop.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.hint{text-align:center;margin:10px 0 0;font-size:15px}.steps{margin:0 0 16px;padding-left:22px}.steps li{margin-bottom:8px}a{color:var(--accent)}.btn{color:var(--accent-text)}