:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--panel:#111827e6;--panel-border:#94a3b82e;--panel-soft:#1e293bbf;--text:#e5e7eb;--muted:#94a3b8;--accent:#7c3aed;--accent-strong:#8b5cf6;--danger:#dc2626;--danger-soft:#dc26262e;--shadow:0 24px 60px #0f172a52;--radius:20px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#7c3aed2e,#0000 30%),radial-gradient(circle at 100% 0,#3b82f629,#0000 26%),linear-gradient(#07101f 0%,#0b1020 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{padding:24px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}code{background:#0f172af2;border:1px solid #94a3b82e;border-radius:.5rem;padding:.15rem .4rem}.app-shell{flex-direction:column;gap:16px;max-width:1600px;margin:0 auto;display:flex}.vault-grid{grid-template-columns:310px minmax(0,1.2fr) minmax(320px,.9fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.sidebar-panel{position:sticky;top:24px}.card-block{background:var(--panel-soft);border:1px solid #94a3b824;border-radius:18px;padding:16px}.top-banner,.error-banner,.toast-banner,.loading-screen{border-radius:16px;padding:14px 16px}.top-banner{background:#1e293be6;border:1px solid #3b82f633}.error-banner{background:#7f1d1d66;border:1px solid #f8717147}.toast-banner{background:#064e3b6b;border:1px solid #4ade803d}.loading-screen{place-items:center;min-height:240px;display:grid}.title-large{margin:0;font-size:1.7rem;line-height:1.2}.title-medium{margin:0;font-size:1.2rem;line-height:1.3}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#a78bfa;font-size:.76rem;font-weight:700}.label{font-size:.92rem;font-weight:600}.muted{color:var(--muted)}.small-text{font-size:.88rem}.row{display:flex}.wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.align-center{align-items:center}.align-start{align-items:flex-start}.gap-xs{gap:6px}.gap-sm{gap:10px}.gap-md{gap:16px}.gap-lg{gap:20px}.stack{flex-direction:column;display:flex}.min-height-panel{min-height:620px}.badge{color:#ddd6fe;letter-spacing:.04em;background:#7c3aed26;border:1px solid #a78bfa47;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.badge-ghost{color:var(--muted);background:#0f172a73;border-color:#94a3b83d}.input,.textarea,.select{width:100%;color:var(--text);background:#0f172ae0;border:1px solid #94a3b833;border-radius:14px;outline:none;padding:12px 14px}.input:focus,.textarea:focus,.select:focus{border-color:#a78bfa80;box-shadow:0 0 0 4px #7c3aed26}.textarea{resize:vertical;min-height:220px}.textarea-detail{min-height:340px}.button{border-radius:12px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;transition:transform .12s,opacity .12s,background .12s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.button-secondary{color:#bfdbfe;background:#3b82f626;border:1px solid #3b82f63d}.button-ghost{color:var(--text);background:#0f172ab8;border:1px solid #94a3b82e}.button-danger{background:var(--danger-soft);color:#fecaca;border:1px solid #dc262647}.progress-track{background:#0f172af2;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#38bdf8);height:100%}.folder-list,.item-list{flex-direction:column;gap:10px;display:flex}.folder-button,.item-row{text-align:left;width:100%;color:var(--text);background:#0f172aa8;border:1px solid #94a3b826;border-radius:16px;padding:14px 16px}.folder-button:hover,.item-row:hover{background:#1e293be6}.folder-button.is-active,.item-row.is-active{background:#6d28d926;border-color:#a78bfa61}.folder-button__name,.item-row__title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.item-row__content{flex:1;min-width:0}.item-row__subtitle{line-height:1.45;display:block}.empty-state,.image-placeholder{text-align:center;background:#0f172a6b;border:1px dashed #94a3b838;border-radius:18px;place-items:center;min-height:180px;padding:20px;display:grid}.image-frame{background:#020617d1;border:1px solid #94a3b824;border-radius:20px;overflow:hidden}.detail-image{object-fit:contain;width:100%;height:auto;max-height:540px;display:block}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.create-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;display:grid}.tip-box{margin-top:auto}@media (max-width:1260px){.vault-grid{grid-template-columns:280px minmax(0,1fr)}.vault-grid>:last-child{grid-column:1/-1}}@media (max-width:960px){body{padding:16px}.vault-grid,.create-grid,.metadata-grid{grid-template-columns:1fr}.sidebar-panel{position:static}.min-height-panel{min-height:auto}}