.library-main{max-width:1500px;margin:auto;padding-bottom:70px}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:65px 0 40px}.library-heading h1{font-size:clamp(44px,5.5vw,76px);line-height:1.04;letter-spacing:-3px;margin:20px 0}.library-heading h1 span{color:var(--lime)}.library-heading p:not(.eyebrow){color:var(--muted);max-width:500px;line-height:1.8}.library-heading>.button{margin-bottom:22px;gap:28px;white-space:nowrap}.library-summary{display:flex;align-items:center;gap:32px;padding:25px 28px;border:1px solid #36482e;border-radius:16px;background:radial-gradient(ellipse at 85% 0,#b8dc6520,transparent 65%),#192117}.library-summary p{display:flex;gap:20px;margin:10px 0 0;align-items:center}.library-summary strong{font:500 25px var(--display)}#library-storage{color:#b5c4aa;font-size:13px}#library-retention{margin-left:auto;font-size:13px;color:#bdcdb2;max-width:310px;line-height:1.6}.library-controls{display:grid;grid-template-columns:1fr 190px 190px;gap:18px;margin-top:30px}.library-controls label,#rename-form label{display:block;color:#c3d0b9;font-size:12px;margin-bottom:8px}.library-controls input,.library-controls select,#rename-name{width:100%;min-width:0;padding:14px 16px;border:1px solid #405537;border-radius:10px;background:#141c12;color:var(--text);font:14px var(--font)}.library-controls input:focus,.library-controls select:focus,#rename-name:focus{outline:2px solid var(--lime);outline-offset:3px}.library-controls input::placeholder{color:#9dab94}.library-selection{display:flex;gap:24px;align-items:center;margin:22px 0 12px;font-size:13px;color:#b9c8af}.library-selection label{display:flex;align-items:center;gap:9px}.library-selection input,.file-select input{accent-color:var(--lime);width:18px;height:18px;cursor:pointer}.library-selection>button{margin-left:auto}.library-danger{color:#f1bcb1!important}button:disabled.library-danger{opacity:.45;cursor:default}#library-status{font-size:13px;color:var(--lime);min-height:0;margin:0 0 12px}#library-status:empty{display:none}#library-status.error,#rename-status{color:#f1bcb1}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.library-card{min-width:0;border:1px solid #34432c;border-radius:15px;overflow:hidden;background:#171e15;transition:border-color .2s,transform .2s;animation:file-enter .35s both}.library-card:hover{border-color:#71875e;transform:translateY(-3px)}.library-card.is-selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.library-preview{position:relative;height:185px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#a6c56221,transparent 70%),#10170f}.file-glyph{font-size:70px;line-height:1;color:#adc487;font-family:system-ui}.library-preview.document .file-glyph{color:#c3b1e4}.library-preview.audio .file-glyph{color:#e3b7ca}.library-preview.video .file-glyph{color:#e3c1a4}.library-preview img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.has-preview .file-glyph{visibility:hidden}.file-kind{position:absolute;bottom:12px;left:12px;background:#10170fea;padding:4px 7px;border:1px solid #536446;border-radius:5px;font:10px var(--font);letter-spacing:.9px;color:#dae9cd;z-index:1}.file-select{position:absolute;right:10px;top:10px;z-index:1;background:#111910df;border:1px solid #506043;border-radius:6px;width:34px;height:34px;display:grid;place-items:center}.library-card-body{padding:18px}.library-card h2{font:500 15px var(--display);margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-card p{font-size:12px;color:#b4c2a9;margin:5px 0}.library-card p.file-retention{font-size:11px;color:#a4b499}.library-card-actions{display:flex;gap:14px;margin-top:19px;padding-top:13px;border-top:1px solid #34432c;align-items:center}.library-card-actions a,.library-card-actions button{font:12px var(--font);padding:5px 0;background:none;border:0;color:#c8e7b1;cursor:pointer;min-height:32px}.library-card-actions a{margin-right:auto}.library-empty{text-align:center;border:1px dashed #405436;border-radius:18px;padding:50px 24px;margin:18px 0;background:radial-gradient(ellipse at 50% 0,#9bc25812,transparent 70%)}.library-empty h2{font:500 25px var(--display);margin:12px 0}.library-empty p{color:#b4c2a9;font-size:14px;line-height:1.8;max-width:470px;margin:0 auto 24px}.library-orbit{font-size:65px;color:var(--lime);display:block}.library-more{display:flex;margin:30px auto}.library-note{text-align:center;color:#a5b598;font-size:12px;margin:30px 0}.library-help{color:var(--muted)}[hidden]{display:none!important}#rename-dialog{max-width:470px;width:calc(100% - 28px)}#rename-form p{color:#b4c2a9;font-size:13px;line-height:1.7}#rename-form>.button{margin-top:12px}.site-header [aria-current=page]{color:var(--lime)}@keyframes file-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-summary{flex-wrap:wrap;gap:18px}#library-retention{max-width:250px}.library-heading>.button{font-size:13px;padding:14px}.library-card-actions{gap:10px}}
@media(max-width:800px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading{align-items:flex-start;flex-direction:column;gap:4px;padding-top:40px}.library-heading>.button{margin:0}.library-controls{grid-template-columns:1fr 1fr}.library-search{grid-column:1/-1}.library-heading h1{font-size:54px}.library-summary>div:first-child{width:100%}#library-retention{margin-left:0;margin-right:auto}.library-help{display:none!important}}
@media(max-width:480px){.library-grid{grid-template-columns:1fr 1fr;gap:10px}.library-preview{height:135px}.library-card-body{padding:12px}.library-card h2{font-size:13px}.library-card-actions{flex-wrap:wrap;gap:6px 12px;margin-top:12px}.library-card-actions a{width:100%}.library-card p{font-size:11px}.library-card p.file-retention{font-size:10px}.library-summary{padding:20px}.library-summary p{align-items:flex-start;flex-direction:column;gap:6px}.library-selection{gap:12px;flex-wrap:wrap}.library-selection>button{font-size:12px}.library-selection #library-count{font-size:11px}.library-controls select,.library-controls input,#rename-name{font-size:16px;padding:12px}.library-heading h1{font-size:46px;letter-spacing:-2px}.library-heading p:not(.eyebrow){font-size:14px}.library-card-actions button{font-size:11px}.library-retention{font-size:11px}}
@media(prefers-reduced-motion:reduce){.library-card{animation:none;transition:none}.library-card:hover{transform:none}}