:root{--bg:#f4f4f1;--surface:#fff;--ink:#23282a;--muted:#59605f;--teal:#3c8b80;--teal-deep:#2c665d;--line:#e1e0da;--danger:#b4453c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:560px;margin:0 auto;padding:20px 16px 64px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:18px;padding:4px 0 18px;display:flex}.brand-logo{flex:none;width:44px;height:44px;display:block}.brand-text{flex-direction:column;flex:1;min-width:0;display:flex}.brand-name{letter-spacing:.01em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.brand-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin:2px 0 0;font-size:.82rem;font-weight:500}.brand-action{flex:none}h1{margin:0;font-size:1.35rem}.btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:16px;font-size:1.05rem;font-weight:600;display:block}.btn:disabled{opacity:.55}.btn-ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.link{color:var(--teal-deep);cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:14px 0;padding:16px}label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.help{color:var(--muted);margin:0 0 10px;font-size:.85rem}select,textarea,input{width:100%;font:inherit;border:1.5px solid var(--line);background:var(--bg);border-radius:10px;padding:12px}.names{gap:8px;display:grid}.thumbs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.thumb{aspect-ratio:1;background:var(--line);border-radius:10px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.state{color:#fff;text-align:center;background:#0000009e;padding:3px 6px;font-size:.68rem;position:absolute;inset:auto 0 0}.state.err{background:var(--danger);cursor:pointer}.done{text-align:center;padding:40px 0}.app-foot{border-top:1px solid var(--line);text-align:center;margin-top:28px;padding-top:18px}.app-foot a{color:var(--teal-deep);border:1.5px solid var(--line);border-radius:10px;padding:10px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.app-foot a:hover{border-color:var(--teal)}.app-foot .help{margin:8px 0 0;font-size:.78rem}
