:root{--bg: #1c1f26;--bg-2: #13161c;--surface: #232732;--surface-2: #2a3040;--ink: #d4dbe6;--ink-2: #8a99ae;--ink-3: #6b7a90;--ink-4: #3d4a5c;--accent: #6ea8c8;--danger: #d97a7a;--good: #7ac896}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Roboto,Segoe UI,sans-serif;font-weight:300;letter-spacing:.01em;overflow-x:hidden}.shell{display:flex;min-height:100vh;width:100%}.app{flex:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:64px 24px 96px;gap:36px}.sidebar{width:260px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--surface-2);padding:24px 16px;display:flex;flex-direction:column;gap:14px;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 6px 12px;border-bottom:1px solid var(--surface-2)}.sidebar-title{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.sidebar-count{font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sidebar-empty{text-align:center;color:var(--ink-4);font-size:12px;padding:24px 8px}.sidebar-list{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.sidebar-item{background:var(--surface);border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .15s ease;display:flex;flex-direction:column;gap:6px}.sidebar-item:hover{background:var(--surface-2)}.sidebar-item-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-item-name{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-item-x{background:transparent;border:none;color:var(--ink-4);cursor:pointer;padding:2px 6px;border-radius:4px;font-size:16px;line-height:1}.sidebar-item-x:hover{color:#f3b9b9;background:#d97a7a1a}.sidebar-item-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sidebar-item-actions{display:flex;gap:6px;margin-top:2px}.sidebar-item-actions button{flex:1;background:var(--bg-2);border:1px solid var(--surface-2);color:var(--ink-2);font-family:inherit;font-size:11px;padding:4px 0;border-radius:6px;cursor:pointer;letter-spacing:.06em;transition:color .15s ease,border-color .15s ease}.sidebar-item-actions button:hover{color:var(--accent);border-color:var(--accent)}.sidebar-clear{background:transparent;border:1px solid var(--surface-2);color:var(--ink-4);font-family:inherit;font-size:11px;padding:6px 0;border-radius:8px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.sidebar-clear:hover{color:#f3b9b9;border-color:#d97a7a66}@media (max-width: 720px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;max-height:220px;position:relative;border-right:none;border-bottom:1px solid var(--surface-2)}}.brand{display:flex;align-items:baseline;gap:12px}.brand h1{font-size:28px;font-weight:500;letter-spacing:.04em;color:var(--ink)}.brand .tag{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-3);font-weight:500}.lead{max-width:560px;text-align:center;color:var(--ink-2);font-size:14px;line-height:1.6}.bucket{position:relative;width:min(720px,100%);min-height:280px;border-radius:24px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.bucket .border-trail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;pointer-events:none}.bucket-empty-text{color:var(--ink-2);font-size:16px}.bucket-sub{color:var(--ink-4);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.bucket-count{font-size:56px;font-weight:200;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bucket-count-label{color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.thumb-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;width:100%}.thumb{position:relative;aspect-ratio:1;border-radius:8px;background-size:cover;background-position:center;background-color:var(--bg-2)}.thumb .x{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#000000a6;color:#fff;font-size:11px;display:grid;place-items:center;cursor:pointer;border:none}.controls{display:flex;gap:12px;align-items:center}.btn{border:none;cursor:pointer;font-family:inherit;background:var(--surface);color:var(--ink-2);border-radius:12px;padding:12px 18px;font-size:14px;font-weight:400;letter-spacing:.02em;transition:background .2s ease,color .2s ease,transform .15s ease}.btn:hover{background:var(--surface-2);color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg-2);font-weight:500;padding:14px 26px;border-radius:14px;position:relative}.btn-primary:hover{background:#84b8d4}.stages{width:min(720px,100%);display:flex;flex-direction:column;gap:8px}.stage{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:var(--surface);font-size:14px;color:var(--ink-2)}.stage .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-4);flex-shrink:0}.stage.active .dot{background:var(--accent);box-shadow:0 0 0 4px #6ea8c82e}.stage.done .dot{background:var(--good)}.stage .name{font-weight:500;color:var(--ink)}.stage .meta{margin-left:auto;color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums}.event-log{width:min(720px,100%);max-height:200px;overflow-y:auto;background:var(--bg-2);border-radius:12px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--ink-3);line-height:1.7}.result{width:min(720px,100%);background:var(--surface);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:18px}.result h2{font-weight:400;font-size:18px;color:var(--ink)}.result .row{display:flex;gap:12px;align-items:center}.result .meta{color:var(--ink-3);font-size:12px}.error{width:min(720px,100%);background:#d97a7a1f;color:#f3b9b9;border-radius:12px;padding:14px 18px;font-size:13px}.spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}@keyframes border-trail{0%{stroke-dashoffset:0}to{stroke-dashoffset:-800}}.pin-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.pin-card{position:relative;width:min(420px,100%);background:var(--surface);border-radius:20px;padding:40px 36px 32px;display:flex;flex-direction:column;align-items:center;gap:18px;overflow:hidden}.pin-brand{font-size:22px;font-weight:500;letter-spacing:.04em;color:var(--ink)}.pin-sub{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.18em}.pin-row{display:flex;gap:12px;margin-top:8px}.pin-cell{width:60px;height:72px;background:var(--bg-2);border:1px solid var(--surface-2);color:var(--ink);border-radius:12px;font-family:inherit;font-size:30px;font-weight:300;text-align:center;outline:none;caret-color:var(--accent);transition:border-color .15s ease,background .15s ease}.pin-cell:focus{border-color:var(--accent);background:#1a1f2c}.pin-cell:disabled{opacity:.5}.pin-err{margin-top:4px;color:#f3b9b9;font-size:13px;text-transform:lowercase;letter-spacing:.04em}.pin-busy{margin-top:4px}.sidebar-actions{display:flex;align-items:center;gap:10px}.sidebar-refresh{background:transparent;border:1px solid var(--surface-2);color:var(--ink-3);width:22px;height:22px;border-radius:6px;cursor:pointer;font-size:12px;line-height:1;transition:color .15s ease,border-color .15s ease;display:grid;place-items:center}.sidebar-refresh:hover{color:var(--accent);border-color:var(--accent)}