@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink-950:#0f1724;--ink-800:#1b2a3c;--ink-700:#27405f;--ink-500:#4f6a89;--ink-300:#92a5bc;--ink-200:#b8c6d6;--paper-100:#f6f2ea;--paper-200:#eee7db;--paper-300:#e2d7c7;--accent:#0f3d67;--accent-hover:#19568d;--accent-soft:#0f3d671f;--sun:#cb7e2c;--danger:#a12b2b;--success:#1f6a46;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--shadow-sm:0 10px 20px #0d1f3214;--shadow-md:0 16px 34px #0d1f321f;--shadow-lg:0 24px 60px #0d1f322e}body{color:var(--ink-800);background:radial-gradient(circle at 5% 10%,#fff8eb 0%,#f8f4ec 42%,#f0e8db 100%);min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5}::selection{color:#231f18;background:#cb7e2c3d}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#27405f14}::-webkit-scrollbar-thumb{background:#27405f57;border-radius:999px}.app-shell{min-height:100vh;position:relative}.app-bg{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.app-bg:before,.app-bg:after{content:"";filter:blur(2px);border-radius:100%;position:absolute}.app-bg:before{background:radial-gradient(circle,#0f3d6729 0%,#0f3d6700 70%);width:520px;height:520px;top:-140px;right:-120px}.app-bg:after{background:radial-gradient(circle,#cb7e2c29 0%,#cb7e2c00 72%);width:640px;height:640px;bottom:-240px;left:-180px}.app-main{width:min(1360px,100% - 48px);margin:0 auto;padding:26px 0 40px}.navbar{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(1360px,100% - 48px);box-shadow:var(--shadow-sm);z-index:120;background:#f6f2eadb;border:1px solid #27405f24;justify-content:space-between;align-items:center;gap:16px;margin:20px auto 0;padding:12px 18px;display:flex;position:sticky;top:14px}.navbar-brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#f5efe5;letter-spacing:.08em;background:linear-gradient(145deg,#154a7b,#0d2e4d);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-family:IBM Plex Mono,monospace;font-size:.8rem;display:inline-flex}.brand-text{color:var(--ink-900,#162639);flex-direction:column;display:inline-flex}.brand-text strong{letter-spacing:.01em;font-family:Fraunces,serif;font-size:1.18rem;font-weight:700;line-height:1}.brand-text small{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-500);font-size:.67rem;font-weight:700}.navbar-links{background:#27405f0f;border-radius:999px;align-items:center;gap:10px;padding:4px;display:inline-flex}.navbar-links a{color:var(--ink-700);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:.83rem;font-weight:700;text-decoration:none;transition:all .2s}.navbar-links a:hover,.navbar-links a.active{color:#f7f2ea;background:#163b61;box-shadow:0 6px 16px #0e3d6738}.navbar-user{align-items:center;gap:10px;min-width:0;display:inline-flex}.navbar-avatar{width:34px;height:34px;color:var(--ink-700);letter-spacing:.03em;background:#0f3d671f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:inline-flex}.navbar-email{color:var(--ink-600,#345170);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.83rem;overflow:hidden}.btn{color:var(--ink-800);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#f8f4ec;border:1px solid #27405f2e;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Manrope,sans-serif;font-size:.83rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary,.btn-upload{color:#f5efe4;background:linear-gradient(145deg,#174c7e,#0f365b);border-color:#0f365b}.btn-primary:hover,.btn-upload:hover{background:linear-gradient(145deg,#1d5f9b,#154771);box-shadow:0 14px 26px #0e3d6747}.btn-ghost{color:var(--ink-700);background:0 0;border-color:#27405f33}.btn-toolbar{color:var(--ink-700);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#f9f6f0eb;border:1px solid #27405f2e;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:.76rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-toolbar:hover{color:var(--accent);border-color:#0f3d6757;transform:translateY(-1px)}.btn-toolbar-danger{color:var(--danger);border-color:#a12b2b3d}.btn-toolbar-danger:hover{background:#a12b2b14;border-color:#a12b2b61}.btn-sm{padding:8px 13px;font-size:.72rem}.btn-lg{padding:13px 24px}.btn-full{width:100%}.form-group{margin-bottom:16px}.form-group label,.new-file-label{color:var(--ink-700);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:.82rem;font-weight:700;display:flex}.form-group input,.new-file-name-input,.new-file-textarea,.new-folder-input,.vault-search-input{width:100%;color:var(--ink-900,#132338);background:#fbf8f2;border:1px solid #27405f33;border-radius:12px;padding:11px 13px;font-family:Manrope,sans-serif;font-size:.93rem;transition:border-color .18s,box-shadow .18s}.new-file-textarea{resize:vertical;min-height:260px;font-family:IBM Plex Mono,monospace;font-size:.82rem;line-height:1.6}.form-group input::placeholder,.new-file-name-input::placeholder,.new-file-textarea::placeholder,.new-folder-input::placeholder,.vault-search-input::placeholder{color:#8ea0b8}.form-group input:focus,.new-file-name-input:focus,.new-file-textarea:focus,.new-folder-input:focus,.vault-search-input:focus{border-color:#0f3d678a;outline:none;box-shadow:0 0 0 3px #0f3d671f}.error-text{color:var(--danger);margin-top:8px;font-size:.82rem}.link-button{color:var(--accent);text-underline-offset:2px;cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;text-decoration:underline}.loading{border-radius:var(--radius-md);width:100%;min-height:180px;color:var(--ink-600,#4f6887);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(95deg,#27405f0a 25%,#27405f17 37%,#27405f0a 63%) 0 0/200% 100%;place-items:center;font-weight:700;animation:1.8s linear infinite pulse-bg;display:grid}@keyframes pulse-bg{0%{background-position:100% 0}to{background-position:-100% 0}}.login-page{grid-template-columns:1.1fr minmax(320px,460px);align-items:center;gap:26px;min-height:calc(100vh - 120px);display:grid}.login-hero{box-shadow:var(--shadow-md);background:linear-gradient(160deg,#0f3d6714,#cb7e2c14);border:1px solid #27405f24;border-radius:28px;padding:46px}.login-kicker,.dashboard-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-600,#3c5f83);margin-bottom:14px;font-size:.68rem;font-weight:800;display:inline-block}.login-hero h1{color:var(--ink-950);max-width:16ch;margin-bottom:16px;font-family:Fraunces,serif;font-size:clamp(2.2rem,3.8vw,3.4rem);line-height:1.05}.login-subtitle{color:var(--ink-600,#486683);max-width:52ch;font-size:.97rem}.login-card{box-shadow:var(--shadow-lg);background:#fbf8f1eb;border:1px solid #27405f24;border-radius:26px;padding:34px}.login-card h2{color:var(--ink-950);margin-bottom:4px;font-family:Fraunces,serif;font-size:2rem}.login-card-subtitle{color:var(--ink-500);margin-bottom:22px;font-size:.9rem}.toggle-auth{color:var(--ink-500);text-align:center;margin-top:16px;font-size:.84rem}.dashboard-page{gap:20px;display:grid}.dashboard-header{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(160deg,#0f3d6714,#f6f2eaf0);border:1px solid #27405f24;padding:30px}.dashboard-header h1{color:var(--ink-950);margin-bottom:10px;font-family:Fraunces,serif;font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.1}.dashboard-header p{color:var(--ink-600,#456585);max-width:68ch}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.dashboard-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fbf8f2f2;border:1px solid #27405f24;padding:22px}.status-card{grid-column:span 4}.dashboard-cta{flex-direction:column;grid-column:span 4;gap:12px;display:flex}.account-info{grid-column:span 4}.dashboard-tips{grid-column:span 8}.dashboard-grid>.dashboard-card:last-child{grid-column:span 4}.dashboard-card h3{color:var(--ink-900,#182b40);margin-bottom:10px;font-family:Fraunces,serif;font-size:1.2rem}.dashboard-card p{color:var(--ink-600,#476786);margin-bottom:6px;font-size:.9rem}.dashboard-card p strong{color:var(--ink-800)}.status-pill{color:var(--danger);letter-spacing:.1em;text-transform:uppercase;background:#a12b2b14;border:1px solid #a12b2b29;border-radius:999px;align-items:center;margin-bottom:10px;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.status-pill.is-active{color:var(--success);background:#1f6a461c;border-color:#1f6a4638}.dashboard-tips ul{gap:8px;list-style:none;display:grid}.dashboard-tips li{color:var(--ink-700);padding-left:18px;font-size:.9rem;position:relative}.dashboard-tips li:before{content:"•";color:var(--sun);position:absolute;left:4px}.subscription-gate{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(170deg,#0f3d6714,#fbf8f1f5);border:1px solid #27405f24;padding:34px}.gate-content{max-width:560px}.gate-content h2{color:var(--ink-950);margin-bottom:8px;font-family:Fraunces,serif;font-size:2.1rem}.gate-content>p{color:var(--ink-600,#456483);margin-bottom:20px}.plan-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fbf8f3f2;border:1px solid #27405f29;padding:24px}.plan-card h3{margin-bottom:4px;font-family:Fraunces,serif;font-size:1.3rem}.plan-price{color:var(--accent);margin-bottom:12px;font-family:Fraunces,serif;font-size:2.3rem}.plan-price span{color:var(--ink-500);margin-left:2px;font-size:1rem}.plan-card ul{gap:8px;margin-bottom:16px;list-style:none;display:grid}.plan-card ul li{color:var(--ink-700);padding-left:18px;font-size:.92rem;position:relative}.plan-card ul li:before{content:"✓";color:var(--success);font-weight:800;position:absolute;left:0}.vault-page{box-shadow:var(--shadow-md);background:#f9f5eee0;border:1px solid #27405f24;border-radius:28px;flex-direction:column;min-height:calc(100vh - 170px);display:flex;overflow:hidden}.vault-toolbar{background:#f6f0e6e6;border-bottom:1px solid #27405f24;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.vault-toolbar-left{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.vault-toolbar-left h1{color:var(--ink-900,#1b2c42);font-family:Fraunces,serif;font-size:1.45rem}.vault-file-count{color:var(--ink-600,#496a8b);font-size:.85rem}.vault-location-pill,.vault-selected-count{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-700);background:#0f3d670f;border:1px solid #27405f33;border-radius:999px;margin-top:2px;padding:4px 9px;font-size:.7rem;font-weight:800}.vault-toolbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.btn-upload{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:.75rem;display:inline-flex}.upload-btn-progress{text-align:center;min-width:50px;font-family:IBM Plex Mono,monospace}.vault-search-bar{background:#f6f0e6a8;border-bottom:1px solid #27405f24;align-items:center;gap:9px;padding:11px 18px;display:flex}.vault-search-icon{color:var(--ink-500)}.vault-search-input{flex:1}.vault-search-hint{letter-spacing:.11em;text-transform:uppercase;color:var(--ink-500);white-space:nowrap;padding:0 4px;font-size:.68rem}.vault-search-clear{color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .16s;display:inline-flex}.vault-search-clear:hover{color:var(--ink-700);background:#27405f1a}.vault-breadcrumb{background:#f9f5ecdb;border-bottom:1px solid #27405f1f;flex-wrap:wrap;align-items:center;gap:3px;padding:8px 18px;display:flex}.breadcrumb-item{color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 7px;font-size:.78rem;font-weight:700}.breadcrumb-item:hover,.breadcrumb-item.active{color:var(--ink-800);background:#0f3d6714}.breadcrumb-sep{color:var(--ink-300);font-size:.76rem}.new-folder-bar{background:#fcfaf5e6;border-bottom:1px solid #27405f24;align-items:center;gap:8px;padding:12px 18px;display:flex}.new-folder-input{max-width:320px}.vault-split-pane{flex:1;grid-template-columns:minmax(280px,420px) minmax(0,1fr);min-height:0;display:grid}.vault-panel-left{background:#f9f6f0eb;border-right:1px solid #27405f24;overflow:auto}.vault-panel-right{background:#fefcf8f2;min-width:0}.vault-panel-left.drag-over{position:relative}.vault-panel-left.drag-over:after{content:"";pointer-events:none;background:#0f3d670f;border:2px dashed #0f3d6770;border-radius:12px;position:absolute;inset:8px}.file-grid{flex-direction:column;min-height:100%;display:flex}.file-section-title{z-index:2;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-600,#446482);background:#f6f0e6f5;border-bottom:1px solid #27405f1f;padding:9px 14px;font-size:.7rem;font-weight:800;position:sticky;top:0}.file-grid-empty{text-align:center;min-height:320px;color:var(--ink-500);flex:1;place-items:center;padding:32px 20px;display:grid}.file-grid-empty p:first-of-type{color:var(--ink-800);font-family:Fraunces,serif;font-size:1.2rem}.file-grid-empty-sub{font-size:.86rem}.file-card{cursor:pointer;border-bottom:1px solid #27405f17;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,transform .15s;display:flex}.file-card:hover{background:#0f3d6712}.file-card.previewing,.file-card.checked{background:#0f3d671f}.file-card.drop-target{background:#0f3d6729}.file-card-checkbox{opacity:0;border:1px solid #27405f57;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;transition:all .16s;display:inline-flex}.file-card:hover .file-card-checkbox,.file-card-checkbox.visible,.file-card-checkbox.checked{opacity:1}.file-card-checkbox.checked{background:var(--accent);border-color:var(--accent)}.file-card-icon{background:#0f3d6714;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.folder-icon-bg{background:#cb7e2c24}.file-card-info{flex:1;gap:3px;min-width:0;display:grid}.file-card-name{color:var(--ink-800);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:700;overflow:hidden}.file-card-meta{color:var(--ink-500);font-size:.72rem}.file-card-actions{opacity:0;gap:4px;transition:opacity .16s;display:inline-flex}.file-card:hover .file-card-actions,.file-card.previewing .file-card-actions,.file-card.checked .file-card-actions{opacity:1}.btn-icon{width:28px;height:28px;color:var(--ink-500);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon svg{width:14px;height:14px}.btn-icon:hover{color:var(--ink-700);background:#27405f14;border-color:#27405f30}.btn-icon.btn-danger:hover{color:var(--danger);background:#a12b2b17;border-color:#a12b2b40}.preview-panel{flex-direction:column;height:100%;display:flex}.preview-header{background:#f6f0e7d9;border-bottom:1px solid #27405f21;align-items:center;gap:10px;padding:14px 16px;display:flex}.preview-file-meta{flex:1;gap:2px;min-width:0;display:grid}.preview-filename{color:var(--ink-900,#1a2d43);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.preview-subline,.preview-size{color:var(--ink-500);font-size:.72rem}.preview-content{flex:1;justify-content:center;align-items:center;padding:18px;display:flex;overflow:auto}.preview-empty{text-align:center;color:var(--ink-500);place-items:center;gap:8px;padding:30px;display:grid}.preview-empty-title{color:var(--ink-900,#1b3047);font-family:Fraunces,serif;font-size:1.2rem}.preview-empty-subtitle{font-size:.86rem}.preview-empty-icon{color:var(--accent);opacity:.3}.preview-loading{text-align:center;color:var(--ink-600);gap:9px;display:grid}.spinner{border:3px solid #27405f33;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-error{color:var(--danger);font-size:.86rem}.preview-image,.preview-video{max-width:100%;max-height:100%;box-shadow:var(--shadow-sm);border-radius:12px}.preview-iframe{border:1px solid #27405f1f;border-radius:12px;width:100%;height:100%}.preview-audio-wrap,.preview-unsupported{text-align:center;color:var(--ink-500);place-items:center;gap:12px;display:grid}.preview-audio{width:min(500px,100%)}.preview-text-wrap{flex-direction:column;width:100%;height:100%;display:flex}.preview-text-content{color:#263d5b;white-space:pre-wrap;background:#f8f5ee;border:1px solid #27405f1f;border-radius:12px;flex:1;margin:0;padding:14px;font-family:IBM Plex Mono,monospace;font-size:.79rem;line-height:1.7;overflow:auto}.preview-truncated{text-align:center;color:var(--ink-500);padding-top:10px;font-size:.78rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:260;background:#121f2e73;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(700px,100% - 28px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);background:#fbf8f2fa;border:1px solid #27405f26;border-radius:20px;flex-direction:column;display:flex}.modal-header,.modal-footer{border-bottom:1px solid #27405f1f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-footer{border-top:1px solid #27405f1f;border-bottom:0;gap:8px}.modal-header h3{color:var(--ink-900,#1f334a);font-family:Fraunces,serif;font-size:1.2rem}.modal-body{gap:12px;padding:16px;display:grid;overflow:auto}.modal-hint{color:var(--ink-500);letter-spacing:.08em;text-transform:uppercase;margin-right:auto;font-size:.72rem}.upload-toast{z-index:240;width:min(380px,100vw - 30px);box-shadow:var(--shadow-md);background:#fcf8f2f0;border:1px solid #27405f33;border-radius:14px;gap:6px;padding:10px;display:grid;position:fixed;bottom:22px;right:22px}.upload-toast-item{color:var(--ink-700);background:#27405f0a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;font-size:.79rem;display:grid}.upload-toast-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-toast-pct{color:var(--accent);font-family:IBM Plex Mono,monospace}.upload-toast-error{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.upload-toast-dismiss{cursor:pointer;color:var(--ink-700);text-transform:uppercase;letter-spacing:.08em;background:#27405f14;border:none;border-radius:999px;justify-self:end;padding:6px 10px;font-size:.72rem;font-weight:700}.upload-toast-dismiss:hover{background:#27405f24}input:-webkit-autofill{-webkit-text-fill-color:#13263c;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fbf8f2}input:-webkit-autofill:hover{-webkit-text-fill-color:#13263c;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fbf8f2}input:-webkit-autofill:focus{-webkit-text-fill-color:#13263c;transition:background-color 9999s ease-out;-webkit-box-shadow:inset 0 0 0 1000px #fbf8f2}.btn:focus-visible,.btn-toolbar:focus-visible,.btn-icon:focus-visible,.btn-upload:focus-visible,.breadcrumb-item:focus-visible,.link-button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #0f3d678f}@media (width<=1180px){.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.status-card,.dashboard-cta,.account-info,.dashboard-tips,.dashboard-grid>.dashboard-card:last-child{grid-column:span 3}.vault-split-pane{grid-template-columns:minmax(250px,340px) minmax(0,1fr)}}@media (width<=920px){.navbar,.app-main{width:calc(100% - 28px)}.navbar{flex-wrap:wrap;gap:8px}.navbar-user{justify-content:flex-end;width:100%}.navbar-email{max-width:100%}.login-page{grid-template-columns:1fr;gap:18px}.login-hero,.login-card{padding:28px}.dashboard-grid{grid-template-columns:1fr}.status-card,.dashboard-cta,.account-info,.dashboard-tips,.dashboard-grid>.dashboard-card:last-child{grid-column:span 1}.vault-toolbar{flex-direction:column;align-items:flex-start}.vault-toolbar-right{justify-content:flex-start;width:100%}.vault-search-hint{display:none}.vault-split-pane{grid-template-columns:1fr;min-height:auto}.vault-panel-left{border-bottom:1px solid #27405f24;border-right:none;max-height:360px}.vault-panel-right{min-height:440px}}@media (width<=640px){.navbar-links{justify-content:space-between;width:100%}.navbar-links a{text-align:center;flex:1}.brand-text small,.navbar-email,.vault-location-pill{display:none}.vault-page{border-radius:20px}.vault-search-bar,.vault-toolbar,.new-folder-bar,.vault-breadcrumb{padding-left:12px;padding-right:12px}.upload-toast{bottom:12px;right:12px}}.apikey-card{gap:16px;display:grid}.apikey-card h3{color:var(--ink-950);font-family:Fraunces,serif;font-size:1.15rem}.apikey-form{gap:14px;display:grid}.apikey-field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-600,#3c5f83);margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.apikey-input{max-width:420px}.scope-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.scope-option{border-radius:var(--radius-md);cursor:pointer;background:#fbf8f2;border:1px solid #27405f2e;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.scope-option:hover{border-color:#0f3d6766}.scope-option.is-selected{background:var(--accent-soft);box-shadow:var(--shadow-sm);border-color:#0f365b}.scope-option input{accent-color:#0f365b;width:16px;height:16px;margin-top:3px}.scope-option span{flex-direction:column;gap:3px;display:flex}.scope-option strong{color:var(--ink-900,#132338);font-size:.92rem}.scope-option small{color:var(--ink-500);font-size:.78rem}.apikey-note{color:var(--ink-500);font-size:.82rem}.apikey-empty{color:var(--ink-500);font-size:.9rem}.apikey-list{gap:10px;list-style:none;display:grid}.apikey-row{border-radius:var(--radius-md);background:#fbf8f2;border:1px solid #27405f24;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.apikey-row-main{gap:5px;min-width:0;display:grid}.apikey-row-title{align-items:center;gap:10px;display:flex}.apikey-row-title strong{color:var(--ink-900,#132338);font-size:.98rem}.apikey-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--danger);background:#a12b2b1a;border:1px solid #a12b2b33;border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:800}.apikey-access{color:var(--ink-700);word-break:break-all;font-family:IBM Plex Mono,monospace;font-size:.82rem}.apikey-row-meta{color:var(--ink-500);font-size:.78rem}.secret-box{word-break:break-all;color:var(--ink-900,#132338);background:#fbf8f2;border:1px solid #27405f33;border-radius:12px;padding:11px 13px;font-family:IBM Plex Mono,monospace;font-size:.85rem;display:block}.apikey-row-actions{flex-shrink:0;gap:8px;display:flex}.apikey-tag-muted{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-600,#3c5f83);background:#27405f14;border:1px solid #27405f29;border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:800}.modal-close-btn{cursor:pointer;color:var(--ink-500);background:0 0;border:none;padding:0 6px;font-size:1.4rem;line-height:1}.share-page{background:radial-gradient(circle at 5% 10%,#fff8eb 0%,#f8f4ec 42%,#f0e8db 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.share-card{border-radius:var(--radius-lg);width:min(560px,100%);box-shadow:var(--shadow-md);text-align:center;background:#fbf8f2fa;border:1px solid #27405f24;gap:14px;padding:32px;display:grid}.share-brand{color:var(--ink-900,#132338);justify-content:center;align-items:center;gap:10px;margin-bottom:6px;font-family:Fraunces,serif;font-weight:700;display:inline-flex}.share-title{color:var(--ink-950);word-break:break-word;font-family:Fraunces,serif;font-size:1.5rem}.share-sub{margin-top:-6px;font-size:.85rem}.share-unlock{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.share-unlock .new-folder-input{max-width:240px}.share-folder{text-align:left;margin-top:8px}.share-entry-list{gap:8px;list-style:none;display:grid}.share-entry{border-radius:var(--radius-md);background:#fbf8f2;border:1px solid #27405f1f;align-items:center;gap:10px;padding:10px 12px;display:flex}.share-entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.share-entry-meta{flex-shrink:0;font-size:.78rem}.muted{color:var(--ink-500)}.share-page.is-file .share-card{text-align:left;width:min(920px,100%)}.share-preview{border:1px solid var(--border,#27405f29);background:var(--paper-2,#fbf8f2);border-radius:16px;gap:0;display:grid;overflow:hidden}.share-preview-header{background:#fbf8f2f2;border-bottom:1px solid #27405f1f;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.share-preview-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.share-preview-name{color:var(--ink-900,#132338);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.share-preview-meta .muted{font-size:.78rem}.share-download-icon{width:40px;height:40px;color:var(--accent,#0f3d67);cursor:pointer;background:#fff;border:1px solid #27405f2e;border-radius:10px;flex-shrink:0;place-items:center;transition:background .15s,transform .15s,border-color .15s;display:grid}.share-download-icon:hover{background:var(--accent,#0f3d67);color:#f5efe4;border-color:var(--accent,#0f3d67)}.share-download-icon:disabled{opacity:.5;cursor:default}.share-preview-body{background:repeating-conic-gradient(#27405f0a 0% 25%,#0000 0% 50%) 50%/22px 22px;place-items:center;min-height:280px;max-height:72vh;padding:14px;display:grid;overflow:auto}.share-preview-img{object-fit:contain;max-width:100%;max-height:70vh;box-shadow:var(--shadow-sm,0 10px 20px #0d1f3214);border-radius:8px}.share-preview-frame{background:#fff;border:none;border-radius:8px;width:100%;height:70vh}.share-preview-audio{width:100%}.share-preview-text{color:#e8edf3;white-space:pre-wrap;word-break:break-word;background:#0f1f2e;border-radius:8px;align-self:stretch;width:100%;max-height:70vh;margin:0;padding:16px 18px;font-family:IBM Plex Mono,ui-monospace,Menlo,monospace;font-size:.82rem;line-height:1.55;overflow:auto}.share-fallback{color:var(--ink-500,#4f6a89);justify-items:center;gap:10px;padding:30px 16px;display:grid}