:root{color-scheme:dark;--bg:#100e13;--panel:#1a171e;--line:#3a343c;--text:#f8f4ee;--muted:#b4a9ad;--gold:#d5b47b;--good:#8acbb4;--bad:#ecaaa9;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.45}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
[hidden]{display:none!important}a{color:inherit}.vault-nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:18px clamp(18px,5vw,70px)}
.vault-logo{text-decoration:none;letter-spacing:.13em;font-size:1.45rem;font-weight:700}.vault-logo span,.vault-title h1 span{color:var(--gold)}
.vault-nav-right,.vault-kicker{font-size:.69rem;letter-spacing:.19em;font-weight:700;color:var(--gold)}
.vault-nav-right span{margin-left:12px}.vault-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:clamp(26px,5vw,60px) 0 80px}
.vault-title{text-align:center;margin:0 auto 42px;max-width:750px}.vault-title h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,5.6rem);line-height:1.1;letter-spacing:-.04em;margin:10px 0 17px;font-weight:400}.vault-title p{margin:0 auto;color:var(--muted);max-width:650px}
.vault-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:clamp(19px,3vw,30px);margin-bottom:20px}
.vault-panel h2{font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2rem);font-weight:400;letter-spacing:-.015em;line-height:1.2;margin:8px 0}
.vault-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.vault-section-head p{max-width:380px;margin:0;color:var(--muted);font-size:.86rem}
.vault-auth{max-width:590px;margin:0 auto}.vault-auth>p{color:var(--muted)}.vault-auth form{display:grid;gap:14px;margin-top:22px}
label{display:grid;gap:8px;color:var(--muted);font-size:.86rem}input,select{min-width:0;width:100%;color:var(--text);background:#110f14;border:1px solid #514951;padding:11px 12px;border-radius:6px}
input:focus,select:focus,.vault-drop:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.vault-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.vault-btn{border:1px solid var(--gold);background:var(--gold);color:#1b1411;font-size:.84rem;font-weight:700;letter-spacing:.04em;border-radius:5px;padding:11px 17px}
.vault-btn-outline{color:var(--gold);background:transparent}.vault-btn:hover:not(:disabled){filter:brightness(1.11)}
.vault-text-btn{background:none;border:0;color:var(--gold);padding:8px 0;text-decoration:underline;text-underline-offset:3px}
.vault-caption,.vault-bottom-note{font-size:.81rem;color:var(--muted)}.vault-alert,.vault-status{font-size:.88rem;color:var(--gold);min-height:1.2em}.vault-status{position:sticky;bottom:8px;z-index:2;text-align:center;background:#1e1920ed;border-radius:6px;width:fit-content;max-width:100%;padding:5px 16px;margin:12px auto 0}
.vault-status:empty{display:none}.vault-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.vault-toolbar div{display:grid;gap:4px}.vault-toolbar strong{font-size:.94rem;font-weight:500}
.vault-drop{padding:35px 18px;border:1.5px dashed #7b6655;border-radius:9px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;transition:background .15s,border-color .15s}
.vault-drop.is-over{background:#4a382b4b;border-color:var(--gold)}.vault-drop strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.vault-drop>span{color:var(--muted);font-size:.9rem}
.vault-drop-icon{font-size:3rem!important;line-height:1;color:var(--gold)!important}.vault-drop-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.vault-storage{font-size:.82rem;color:var(--muted);margin-top:15px}.vault-summary{font-size:.88rem;color:var(--muted);margin:0 0 13px}
.vault-list{display:grid;gap:10px}.vault-item{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(170px,1fr) minmax(110px,.7fr) auto;align-items:center;gap:12px;background:#120f16;border:1px solid var(--line);padding:14px;border-radius:7px;min-width:0}
.vault-name{font-weight:600;overflow-wrap:anywhere;font-size:.91rem}.vault-item-info{min-width:0}.vault-item-path{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:.73rem;margin-top:4px}
.vault-item label{font-size:.72rem;min-width:0}.vault-item select,.vault-item input{padding:8px;font-size:.84rem}
.vault-item-status{display:block;color:var(--muted);font-size:.76rem}.vault-item-status.ok{color:var(--good)}.vault-item-status.warn{color:var(--gold)}.vault-item-status.error{color:var(--bad)}
.vault-item-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.vault-small-button{background:none;border:1px solid #716051;border-radius:4px;color:var(--gold);padding:6px 9px;font-size:.77rem}
.vault-progress{height:4px;border-radius:4px;background:#41373c;overflow:hidden;margin-top:10px}.vault-progress span{display:block;height:100%;background:var(--gold)}
.vault-queue-actions{margin-top:18px}.vault-empty{color:var(--muted);font-size:.87rem}
.vault-library-tools{display:flex;align-items:end;gap:20px;justify-content:space-between;margin-bottom:20px}.vault-library-tools label{min-width:min(350px,100%)}
.vault-bottom-note{text-align:center;margin-top:23px}
@media(max-width:800px){.vault-section-head{align-items:start;display:block}.vault-section-head p{margin-top:9px}.vault-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vault-item-info{grid-column:1/-1}.vault-item-actions{align-items:end;justify-content:end}.vault-nav-right{font-size:.6rem}}
@media(max-width:520px){.vault-item{grid-template-columns:1fr}.vault-item-info,.vault-item-actions{grid-column:auto}.vault-item-actions{flex-direction:row;justify-content:flex-start}.vault-actions{gap:8px}.vault-btn{padding:10px 11px}.vault-library-tools{align-items:stretch;flex-direction:column;gap:5px}.vault-nav-right span{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}