.vault{padding:40px 16px 0}.vault-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.vault-sys{font-family:var(--font-family-mono);letter-spacing:.3em;color:var(--color-accent);text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.vault-h1{font-family:var(--font-family-display);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-primary);margin:0;font-size:clamp(24px,4vw,48px);font-weight:700;line-height:1}.vault-foot{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px 14px;margin:0 4px;padding:20px 12px 56px;display:flex}.vault-foot-sys{font-family:var(--font-family-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-dim);margin-right:auto;font-size:10px}.vault-user{font-family:var(--font-family-mono);color:var(--color-text-dim);letter-spacing:.05em;font-size:11px}.vault-btn{font-family:var(--font-family-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-primary);border:1px solid var(--color-border-bright);cursor:pointer;background:0 0;min-height:44px;padding:9px 18px;font-size:11px;transition:border-color .15s,color .15s}.vault-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.vault-btn--dim{color:var(--color-text-dim);border-color:var(--color-border);font-size:10px}.vault-upload-zone{margin-bottom:16px}.vault-drop{border:1px dashed var(--color-border-bright);background:var(--color-surface);cursor:pointer;align-items:center;gap:16px;padding:18px 20px;transition:border-color .2s,background .2s;display:flex}.vault-drop:hover,.vault-drop.drag{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface))}.vault-drop-label{font-family:var(--font-family-mono);letter-spacing:.3em;color:var(--color-accent);border:1px solid var(--color-border-bright);white-space:nowrap;flex-shrink:0;padding:5px 9px;font-size:10px}.vault-drop-hint{font-family:var(--font-family-mono);color:var(--color-text-dim);letter-spacing:.06em;font-size:11px}.vault-drop-hint u{color:var(--color-status-live);border-bottom:1px solid var(--color-status-live);text-decoration:none}.vault-queue{flex-direction:column;gap:3px;margin-top:6px;display:flex}.vault-queue-item{background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-family-mono);letter-spacing:.06em;color:var(--color-text-dim);justify-content:space-between;gap:12px;padding:6px 12px;font-size:10px;display:flex}.vault-queue-item .q-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vault-queue-item .q-status{flex-shrink:0}.vault-queue-item .q-status.ok{color:var(--color-status-live)}.vault-queue-item .q-status.err{color:var(--color-accent)}.vault-controls{background:var(--color-surface);border:1px solid var(--color-border);font-family:var(--font-family-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;font-size:10px;display:flex}.vault-bar-dot{background:var(--color-status-live);width:6px;height:6px;box-shadow:0 0 6px var(--color-status-live);border-radius:50%;flex-shrink:0;animation:2.4s infinite blink}@keyframes blink{0%,92%,to{opacity:1}95%{opacity:.25}}.vc-label{color:var(--color-text-dim)}.vc-count{color:var(--color-status-live);font-weight:700}.vc-sep{color:var(--color-border-bright)}.vc-status{color:var(--color-text-dim);margin-left:auto}.vc-btn{font-family:var(--font-family-mono);letter-spacing:.16em;text-transform:uppercase;background:var(--color-surface-elev);color:var(--color-text-primary);border:1px solid var(--color-border-bright);cursor:pointer;padding:6px 12px;font-size:10px;transition:border-color .15s,color .15s}.vc-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.vc-btn.on{border-color:var(--color-status-live);color:var(--color-status-live)}.vc-btn--danger{color:var(--color-text-dim);border-color:var(--color-border)}.vc-btn--danger:hover{color:var(--color-accent);border-color:var(--color-accent)}.vc-slider-wrap{border:1px solid var(--color-border);background:var(--color-surface-elev);align-items:center;gap:8px;padding:5px 10px;display:flex}.vc-slider-wrap input[type=range]{appearance:none;background:var(--color-border-bright);cursor:pointer;width:100px;height:3px}.vc-slider-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);border:1px solid #000;width:12px;height:16px}.vc-slider-wrap input[type=range]::-moz-range-thumb{background:var(--color-accent);border:1px solid #000;border-radius:0;width:12px;height:16px}.vault-gallery{flex-direction:column;width:100%;padding:0 0 80px;display:flex}.vault-row{display:flex}.vault-tile{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;min-width:0;transition:border-color .2s;animation:.3s both tile-in;position:relative;overflow:hidden}.vault-tile:hover{border-color:var(--color-accent);z-index:2}@keyframes tile-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.vault-tile img{object-fit:cover;filter:saturate(.92);user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:filter .2s,transform .35s;display:block}.vault-tile:hover img{filter:saturate(1.05);transform:scale(1.025)}.vault-kill{border:1px solid var(--color-border-bright);width:26px;height:26px;color:var(--color-text-dim);cursor:pointer;opacity:0;z-index:2;background:#060c0fb8;font-size:16px;line-height:1;transition:opacity .18s,color .15s,border-color .15s;position:absolute;top:6px;right:6px}.vault-tile:hover .vault-kill{opacity:1}.vault-kill:hover{color:var(--color-accent);border-color:var(--color-accent)}.vault-like{border:1px solid var(--color-border-bright);color:var(--color-text-primary);font-family:var(--font-family-mono);cursor:pointer;opacity:0;z-index:2;background:#060c0fb8;align-items:center;gap:5px;padding:4px 8px 4px 6px;font-size:11px;font-weight:500;line-height:1;transition:opacity .18s,border-color .15s;display:flex;position:absolute;top:6px;left:6px}.vault-tile:hover .vault-like{opacity:1}.vault-like.has-likes,.vault-like.liked{opacity:.8}.vault-tile:hover .vault-like.liked{opacity:1}.vault-like:hover{border-color:var(--color-accent)}.vault-like.liked{border-color:var(--color-accent);color:var(--color-accent)}.vault-like.liked .vl-heart{display:inline-block;transform:scale(1.15)}.vl-heart{transition:transform .15s}.vl-num{min-width:8px}.vl-num.hide{display:none}.vault-tile-meta{font-family:var(--font-family-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-primary);opacity:0;z-index:2;background:linear-gradient(#0000,#060c0fe0);justify-content:space-between;gap:8px;padding:6px 9px 5px;font-size:9px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.vault-tile:hover .vault-tile-meta{opacity:1}.vault-tile-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vtm-dim{color:var(--color-status-live);flex-shrink:0}.vault-lb{z-index:9000;cursor:zoom-out;background:#060c0ff2;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.vault-lb-img{object-fit:contain;cursor:default;user-select:none;-webkit-user-drag:none;pointer-events:none;max-width:95vw;max-height:88vh;display:block;box-shadow:0 0 60px #000c}.vault-lb-meta{font-family:var(--font-family-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);font-size:11px}.vault-lb-close{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:color .15s;position:fixed;top:16px;right:20px}.vault-lb-close:hover{color:var(--color-accent)}.vault-lb-fs{width:30px;height:30px;color:var(--color-text-dim);cursor:pointer;z-index:9100;background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .15s;display:flex;position:fixed;top:18px;right:60px}.vault-lb-fs:hover{color:var(--color-accent)}.vault-lb.is-fs .vault-lb-fs{color:var(--color-status-live)}.vault-lb-img{opacity:1;transition:opacity .35s}.vault-lb.is-fs{gap:0}.vault-lb.is-fs .vault-lb-img{width:100vw;max-width:100vw;height:100vh;max-height:100vh}.vault-lb.is-fs .vault-lb-meta{white-space:nowrap;background:#060c0fb8;padding:4px 10px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.vault-lb-nav{border:1px solid var(--color-border-bright);width:48px;height:64px;color:var(--color-text-primary);cursor:pointer;z-index:9100;background:#060c0f80;justify-content:center;align-items:center;font-size:28px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.vault-lb-nav:hover{color:var(--color-accent);border-color:var(--color-accent);background:#060c0fc7}.vault-lb-prev{left:16px}.vault-lb-next{right:16px}.vault-lb-play{font-family:var(--font-family-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-dim);border:1px solid var(--color-border-bright);cursor:pointer;z-index:9100;background:#060c0f99;min-height:44px;padding:8px 16px;font-size:10px;transition:color .15s,border-color .15s;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.vault-lb-play:hover{color:var(--color-accent);border-color:var(--color-accent)}@media (width<=600px){.vault-lb-nav{width:40px;height:56px;font-size:24px}.vault-lb-prev{left:6px}.vault-lb-next{right:6px}}@media (prefers-reduced-motion:reduce){.vault-lb-img{transition:none}.vault-tile,.vault-bar-dot{animation:none}}.vault-empty{font-family:var(--font-family-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-dim);text-align:center;border:1px dashed var(--color-border);margin:0 4px;padding:60px 16px;font-size:11px}.vault-pending-zone{border:1px solid color-mix(in srgb, var(--color-accent) 40%, transparent);background:color-mix(in srgb, var(--color-accent) 4%, var(--color-surface));margin-bottom:16px}.vault-pending-hdr{border-bottom:1px solid color-mix(in srgb, var(--color-accent) 25%, transparent);font-family:var(--font-family-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-dim);align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.vph-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 6px var(--color-accent);border-radius:50%;flex-shrink:0;animation:1.6s infinite blink}.vph-sys{color:var(--color-accent)}.vph-count{color:var(--color-accent);font-weight:700}.vph-sep{color:var(--color-border-bright)}.vph-hint{color:var(--color-text-dim)}.vault-pending-grid{flex-wrap:wrap;gap:8px;padding:12px;display:flex}.vault-ptile{background:var(--color-surface-elev);border:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:6px;width:448px;display:flex}.vault-ptile img{object-fit:cover;filter:saturate(.85);width:448px;height:252px;display:block}.vpt-meta{font-family:var(--font-family-mono);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:2px;padding:0 8px;font-size:9px;display:flex;overflow:hidden}.vpt-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vpt-uploader{color:var(--color-text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vpt-actions{gap:4px;padding:0 8px 8px;display:flex}.vpt-btn{font-family:var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--color-border-bright);background:var(--color-surface);color:var(--color-text-dim);cursor:pointer;flex:1;min-height:30px;padding:6px 4px;font-size:9px;transition:border-color .15s,color .15s}.vpt-btn:disabled{opacity:.4;cursor:default}.vpt-approve:hover:not(:disabled){border-color:var(--color-status-live);color:var(--color-status-live)}.vpt-reject:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}@media (width<=480px){.vault-ptile{width:100%}.vault-ptile img{aspect-ratio:16/9;width:100%;height:auto}}.vault-rejected-zone{border:1px solid var(--color-border);background:var(--color-surface);margin:0}.vault-rejected-hdr{border-bottom:1px solid var(--color-border);font-family:var(--font-family-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-dim);align-items:center;gap:8px;padding:8px 12px;font-size:10px;display:flex}.vrh-sys{color:var(--color-text-dim)}.vrh-count{color:var(--color-text-primary);font-weight:700}.vrh-sep{color:var(--color-border-bright)}.vrh-hint{color:var(--color-text-dim)}.vault-rejected-grid{flex-wrap:wrap;gap:8px;padding:12px;display:flex}.vault-rejected-grid .vault-ptile img{filter:saturate(.3)brightness(.7)}.vrj-approve:hover:not(:disabled){border-color:var(--color-status-live);color:var(--color-status-live)}.vrj-delete:hover:not(:disabled){color:#e03333;border-color:#e03333}.vault-plb{z-index:9000;cursor:zoom-out;background:#060c0ff2;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.vault-plb-img{object-fit:contain;cursor:default;user-select:none;-webkit-user-drag:none;pointer-events:none;opacity:1;max-width:95vw;max-height:78vh;transition:opacity .35s;display:block;box-shadow:0 0 60px #000c}.vault-plb-meta{font-family:var(--font-family-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dim);text-align:center;padding:0 16px;font-size:11px}.vault-plb-close{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:color .15s;position:fixed;top:16px;right:20px}.vault-plb-close:hover{color:var(--color-accent)}.vault-plb-nav{border:1px solid var(--color-border-bright);width:48px;height:64px;color:var(--color-text-primary);cursor:pointer;z-index:9100;background:#060c0f80;justify-content:center;align-items:center;font-size:28px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.vault-plb-nav:hover{color:var(--color-accent);border-color:var(--color-accent)}.vault-plb-prev{left:16px}.vault-plb-next{right:16px}.vault-plb-nav[hidden]{display:none}@media (width<=600px){.vault-plb-nav{width:40px;height:56px;font-size:24px}}.vault-plb-actions{cursor:default;gap:12px;display:flex}.vault-plb-btn{font-family:var(--font-family-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--color-border-bright);background:var(--color-surface);color:var(--color-text-dim);cursor:pointer;min-height:44px;padding:12px 28px;font-size:12px;transition:border-color .15s,color .15s}.vault-plb-btn:disabled{opacity:.4;cursor:default}.vault-plb-approve:hover:not(:disabled){border-color:var(--color-status-live);color:var(--color-status-live)}.vault-plb-reject:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}@media (width<=600px){.vault-plb-actions{width:100%;padding:0 16px}.vault-plb-btn{flex:1;padding:12px}}
