:root { --ink:#17382f; --forest:#1f4b3f; --mint:#deebe2; --cream:#f7f5ef; --line:#dfe4dc; --muted:#718079; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--cream); color:var(--ink); }
body { font-family:Arial, Helvetica, sans-serif; }
button, input { font:inherit; }
button { color:inherit; }
.app-shell { min-height:100vh; background:var(--cream); overflow:hidden; }
.site-header { height:78px; padding:0 4.6vw; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(23,56,47,.11); position:relative; z-index:10; background:rgba(248,246,240,.83); backdrop-filter:blur(18px); }
.brand { border:0; background:none; display:flex; align-items:center; gap:11px; padding:0; font-family:Georgia, serif; font-size:25px; font-weight:700; cursor:pointer; width:max-content; }
.brand-mark { width:29px; height:29px; position:relative; display:inline-block; transform:rotate(-4deg); }
.brand-mark i { position:absolute; width:17px; height:19px; border:2px solid var(--forest); border-radius:14px 14px 4px 4px; transform-origin:bottom center; bottom:3px; left:6px; }
.brand-mark i:nth-child(1){transform:rotate(-43deg)} .brand-mark i:nth-child(3){transform:rotate(43deg)}
.site-header nav { display:flex; gap:38px; height:100%; align-items:center; }
.site-header nav button { border:0; background:none; color:#63716b; height:100%; padding:2px 3px 0; cursor:pointer; position:relative; }
.site-header nav button.nav-active { color:var(--forest); font-weight:700; }
.site-header nav button.nav-active:after { content:""; position:absolute; bottom:-1px; left:0; right:0; height:2px; background:var(--forest); }
.login-link { justify-self:end; border:0; background:none; display:flex; gap:9px; align-items:center; cursor:pointer; font-weight:700; }
.login-link span { font-size:18px; transform:rotate(90deg); }
.upload-page { min-height:calc(100vh - 78px); position:relative; padding:74px 20px 46px; display:flex; flex-direction:column; align-items:center; }
.ambient { position:absolute; border-radius:999px; filter:blur(1px); pointer-events:none; }
.ambient-one { width:480px; height:480px; left:-300px; top:40px; background:rgba(202,222,207,.28); }
.ambient-two { width:380px; height:380px; right:-230px; top:220px; background:rgba(233,220,182,.22); }
.upload-intro { text-align:center; position:relative; z-index:1; }
.eyebrow { color:#a46f42; font-weight:700; font-size:12px; letter-spacing:1.6px; text-transform:uppercase; margin-bottom:20px; }
.eyebrow span { margin-right:8px; }
.upload-intro h1 { font-family:Georgia, 'Times New Roman', serif; font-size:clamp(44px,5vw,68px); line-height:1.02; letter-spacing:-2.4px; margin:0; font-weight:500; }
.upload-intro h1 em { color:#527967; font-weight:400; }
.upload-intro p { color:#718079; font-size:17px; line-height:1.65; margin:21px 0 32px; }
.upload-card { width:min(680px,calc(100vw - 40px)); background:#fffdfa; border:1px solid #e4e4dc; border-radius:20px; padding:12px; box-shadow:0 22px 70px rgba(39,59,50,.1); position:relative; z-index:2; }
.drop-zone { min-height:285px; border:1.5px dashed #b9cabe; border-radius:14px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:26px; transition:.2s ease; }
.drop-zone.is-dragging { background:#edf4ee; border-color:var(--forest); transform:scale(.992); }
.drop-zone input { display:none; }
.upload-orbit { width:64px; height:64px; display:grid; place-items:center; border-radius:50%; background:#e7efe7; margin-bottom:16px; position:relative; }
.upload-orbit:before { content:""; position:absolute; inset:-7px; border:1px solid #dbe7dd; border-radius:50%; }
.upload-orbit span { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--forest); color:white; font-size:20px; font-weight:700; }
.drop-zone h2 { font-family:Georgia, serif; font-size:23px; margin:0 0 7px; }
.drop-zone p { color:#7d8984; margin:0 0 20px; }
.primary-button, .upload-now, .signin-button { border:0; background:var(--forest); color:white; border-radius:9px; padding:12px 23px; cursor:pointer; font-weight:700; box-shadow:0 5px 12px rgba(31,75,63,.16); }
.drop-zone small { color:#99a29d; margin-top:18px; font-size:11px; }
.trust-row { display:flex; padding:20px 22px 10px; align-items:center; justify-content:space-between; }
.trust-row > span { display:flex; gap:11px; align-items:center; }
.trust-row b { font-size:22px; font-weight:400; color:#577a69; }
.trust-row small { display:flex; flex-direction:column; font-size:10px; color:#89958f; line-height:1.45; }
.trust-row small strong { font-size:11px; color:#334e45; }
.trust-row > i { height:29px; width:1px; background:#e2e6df; }
.library-prompt { border:0; background:none; margin-top:27px; color:#7c8883; cursor:pointer; }
.library-prompt strong { color:var(--forest); margin-left:6px; }
.library-prompt strong span { margin-left:5px; transition:.2s; }.library-prompt:hover strong span { margin-left:9px; }
.file-queue { padding:12px 10px 6px; }
.queue-item { padding:11px 5px; display:flex; gap:12px; align-items:center; border-bottom:1px solid #ebece7; }
.queue-icon { width:35px; height:35px; border-radius:7px; background:#e5eee7; display:grid; place-items:center; color:var(--forest); }
.queue-item > span:nth-child(2) { display:flex; flex-direction:column; flex:1; min-width:0; }.queue-item strong { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }.queue-item small { color:#8b9690; font-size:11px; margin-top:3px; }
.queue-item button { border:0; background:none; font-size:21px; cursor:pointer; color:#87918c; }.done-mark { color:#4f8168; }
.upload-now { width:100%; margin-top:13px; }.upload-now span { float:right; }
.success-note { display:flex; align-items:center; gap:12px; padding:13px; color:#386b55; }.success-note > span { width:33px; height:33px; display:grid; place-items:center; background:#dfeee4; border-radius:50%; }.success-note div { display:flex; flex-direction:column; }.success-note small { color:#829088; margin-top:3px; }

/* Login */
.login-page { min-height:100vh; display:grid; grid-template-columns:52% 48%; background:#fffdfa; }
.login-art { min-height:100vh; background:#dce9df; position:relative; overflow:hidden; display:flex; align-items:flex-end; padding:8%; }
.art-grain { position:absolute; inset:0; opacity:.18; background-image:radial-gradient(#315f51 0.5px,transparent .5px); background-size:8px 8px; }
.arch { position:absolute; border-radius:50% 50% 0 0; border:1px solid rgba(35,82,67,.13); bottom:-210px; left:-40px; width:620px; height:760px; }.arch-two { width:470px; height:610px; left:90px; bottom:-180px; }
.floating-card { position:absolute; background:#fffdfa; box-shadow:0 20px 50px rgba(40,67,56,.18); border-radius:11px; }
.card-doc { width:150px; height:188px; top:16%; left:19%; transform:rotate(-8deg); padding:28px 22px; }.card-doc span { font-size:32px; }.card-doc i { display:block; margin-top:26px; font-family:Georgia,serif; font-size:13px; line-height:1.4; }
.card-photo { width:190px; height:145px; top:10%; right:9%; transform:rotate(7deg); padding:9px; }.card-photo div { width:100%; height:100%; border-radius:7px; background:linear-gradient(165deg,#edb56b 0 44%,#466d5d 45% 63%,#234b42 64%); clip-path:polygon(0 0,100% 0,100% 100%,0 82%); }
.card-audio { width:210px; height:90px; top:43%; right:13%; transform:rotate(-3deg); padding:23px; display:flex; flex-direction:column; gap:9px; color:#3f725f; }.card-audio span { letter-spacing:4px; }.card-audio i { font-size:9px; }
.art-copy { position:relative; z-index:2; color:#274f42; }.art-copy > span { font-size:24px; }.art-copy h2 { font:400 37px/1.12 Georgia,serif; margin:14px 0 12px; }.art-copy p { opacity:.68; }
.login-panel { position:relative; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:70px; }
.back-link { position:absolute; top:38px; left:48px; border:0; background:none; color:#6f7e77; cursor:pointer; }
.login-form-wrap { width:min(410px,100%); }
.mini-brand { display:flex; align-items:center; gap:10px; font:bold 23px Georgia,serif; margin-bottom:54px; }.mini-brand .brand-mark { transform:scale(.85); }
.login-heading > span, .library-title > div > span { color:#a06c3e; font-size:10px; font-weight:800; letter-spacing:1.6px; }
.login-heading h1 { font:500 42px/1.05 Georgia,serif; letter-spacing:-1px; margin:13px 0 12px; }.login-heading p { color:#78847e; margin:0 0 33px; }
.login-form-wrap form > label { display:block; font-size:12px; font-weight:700; margin-bottom:19px; }.login-form-wrap input[type="email"], .password-field { display:flex; width:100%; margin-top:8px; border:1px solid #d9dfda; border-radius:8px; height:48px; background:#fff; }
.login-form-wrap input[type="email"], .password-field input { padding:0 14px; outline:none; color:#26443a; }.password-field input { flex:1; border:0; background:transparent; min-width:0; }.password-field button { border:0; background:none; width:44px; cursor:pointer; }.login-form-wrap input:focus, .password-field:focus-within { border-color:#6d9480; box-shadow:0 0 0 3px rgba(109,148,128,.1); }
.form-options { display:flex; justify-content:space-between; align-items:center; margin:3px 0 23px; font-size:11px; }.form-options label { display:flex; align-items:center; gap:7px; color:#6c7a74; }.form-options button { border:0; background:none; font-weight:700; cursor:pointer; color:#315d4d; }.form-error { font-size:11px; color:#a4453f; margin:-8px 0 12px; }
.signin-button { width:100%; padding:15px 19px; }.signin-button span { float:right; }
.secure-note { text-align:center; font-size:10px; color:#9aa39f; margin-top:22px; }.secure-note span { margin-right:6px; color:#557a69; }

/* Library */
.user-menu { justify-self:end; display:flex; align-items:center; gap:9px; font-size:12px; }.user-menu > span { width:34px; height:34px; background:#dfeae1; border-radius:50%; display:grid; place-items:center; font-weight:700; color:#426452; }.user-menu button { border:0; background:none; cursor:pointer; }
.library-page { min-height:calc(100vh - 78px); display:grid; grid-template-columns:220px 1fr; }
.side-rail { border-right:1px solid #dfe4dd; padding:34px 20px 27px; display:flex; flex-direction:column; background:#f4f3ed; }
.side-top { display:flex; flex-direction:column; gap:6px; }.side-item { border:0; background:none; border-radius:7px; min-height:42px; display:grid; grid-template-columns:25px 1fr auto; align-items:center; text-align:left; padding:0 11px; font-size:12px; color:#6d7a75; cursor:pointer; }.side-item.active { background:#e0eae1; color:#315a4c; font-weight:700; }.side-item b { font-size:10px; color:#84918b; }.side-item span { font-size:17px; }
.storage { margin-top:auto; padding:18px 10px; border-top:1px solid #dfe3dc; border-bottom:1px solid #dfe3dc; }.storage > div { display:flex; justify-content:space-between; font-size:9px; margin-bottom:10px; }.storage > div span { font-weight:700; }.storage > div b { color:#89938e; font-weight:400; }.storage > i { display:block; height:4px; border-radius:9px; background:#d8ddd6; }.storage > i em { display:block; height:100%; width:24%; background:#507665; border-radius:9px; }.storage small { font-size:9px; color:#929c97; display:block; margin-top:7px; }.logout { margin-top:16px; border:0; background:none; text-align:left; color:#74817a; cursor:pointer; padding:10px; font-size:11px; }
.library-content { padding:46px 4.5vw 60px; min-width:0; }
.library-title { display:flex; justify-content:space-between; align-items:center; }.library-title h1 { font:500 40px Georgia,serif; margin:9px 0 8px; letter-spacing:-1px; }.library-title p { color:#818c87; margin:0; font-size:13px; }.library-title > button { background:var(--forest); color:white; border:0; border-radius:8px; padding:12px 17px; font-weight:700; font-size:11px; cursor:pointer; }.library-title > button span { font-size:16px; margin-right:6px; }
.library-tools { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:13px; margin-top:36px; }.search-box { height:42px; border:1px solid #dce1db; background:#fff; border-radius:8px; display:flex; align-items:center; padding:0 13px; gap:9px; }.search-box span { font-size:20px; color:#75827d; }.search-box input { border:0; outline:0; background:transparent; width:100%; font-size:11px; }.filter-row { display:flex; background:#ebece6; padding:4px; border-radius:8px; }.filter-row button, .view-toggle button { border:0; background:none; border-radius:6px; padding:0 13px; font-size:10px; cursor:pointer; color:#718079; }.filter-row button.selected, .view-toggle button.selected { background:#fff; color:#2f594b; font-weight:700; box-shadow:0 1px 4px rgba(30,55,46,.08); }.view-toggle { display:flex; background:#ebece6; padding:4px; border-radius:8px; }.view-toggle button { font-size:17px; padding:0 10px; }
.results-meta { display:flex; align-items:center; margin:34px 0 15px; }.results-meta strong { font:500 18px Georgia,serif; }.results-meta span { color:#939d98; font-size:10px; margin-left:9px; }.results-meta button { margin-left:auto; border:0; background:none; color:#727f79; font-size:10px; cursor:pointer; }
.asset-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.asset-card { background:#fff; border:1px solid #e0e4de; border-radius:11px; overflow:hidden; transition:.2s; }.asset-card:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(40,62,54,.1); }.asset-preview { height:158px; position:relative; background:#e7e8e0; display:grid; place-items:center; overflow:hidden; }.asset-preview > button { position:absolute; right:9px; top:9px; border:0; background:rgba(255,255,255,.88); border-radius:6px; width:30px; height:27px; font-size:9px; cursor:pointer; }.file-badge { position:absolute; left:10px; bottom:9px; color:#fff; background:rgba(21,47,40,.72); border-radius:4px; padding:4px 6px; font-size:8px; font-weight:700; letter-spacing:.6px; }
.paper-preview { width:92px; height:116px; background:#fff; box-shadow:0 9px 19px rgba(49,63,58,.13); border-radius:3px; padding:23px 16px; transform:rotate(-2deg); }.paper-preview i { display:block; height:3px; background:#d8dfd9; margin:9px 0; }.paper-preview i:first-child { width:50%; height:7px; background:#8ba495; }
.asset-preview.doc .paper-preview { transform:rotate(3deg); }.asset-preview.doc { background:#e5ece5; }.asset-preview.image { display:block; }.sunset { position:absolute; inset:0; background:linear-gradient(#e8bf80 0 42%,#d98359 43% 50%,#385b51 51%); }.sunset i { position:absolute; width:58px; height:58px; background:#f3d89b; border-radius:50%; top:24px; left:33px; }.sunset b { position:absolute; left:0; right:0; bottom:0; height:43%; background:linear-gradient(140deg,transparent 0 20%,#27473f 21% 49%,transparent 50%),linear-gradient(215deg,transparent 0 31%,#183b34 32% 63%,transparent 64%); }
.video-still { position:absolute; inset:0; background:linear-gradient(140deg,#1f3c36,#6d7f68 52%,#c7a365); }.video-still:before { content:""; position:absolute; inset:0; background:linear-gradient(30deg,transparent 40%,rgba(255,255,255,.08) 41% 43%,transparent 44%); }.video-still span { position:absolute; width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.9); display:grid; place-items:center; top:58px; left:calc(50% - 21px); color:#305448; padding-left:2px; }
.asset-preview.audio { background:#dee9e2; }.waveform { color:#4d7765; font-size:23px; letter-spacing:3px; white-space:nowrap; }.asset-preview.image-alt { background:#eadbc8; }.shapes i { position:absolute; border-radius:50%; }.shapes i:nth-child(1){width:100px;height:100px;background:#d58a5c;left:22%;top:22%}.shapes i:nth-child(2){width:90px;height:90px;background:#4d7764;right:17%;bottom:7%}.shapes i:nth-child(3){width:55px;height:130px;border-radius:50px;background:#e7b86d;left:45%;top:-10px;transform:rotate(25deg)}
.asset-info { height:66px; display:grid; grid-template-columns:27px 1fr auto; gap:7px; align-items:center; padding:10px 12px; }.asset-type { width:26px; height:31px; border-radius:5px; background:#e8efe8; display:grid; place-items:center; color:#4f7565; }.asset-info h3 { font-size:11px; margin:0 0 4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.asset-info p, .asset-info time { margin:0; font-size:8px; color:#919a96; }.asset-info time { align-self:end; padding-bottom:3px; }
.asset-grid.list { grid-template-columns:1fr; }.asset-grid.list .asset-card { display:grid; grid-template-columns:130px 1fr; }.asset-grid.list .asset-preview { height:85px; }.asset-grid.list .paper-preview { transform:scale(.55); }.asset-grid.list .video-still span { top:22px; }.empty-state { grid-column:1/-1; text-align:center; padding:70px; color:#83908a; }.empty-state span { font-size:35px; }.empty-state h3 { color:#38584d; margin:10px 0 6px; }.empty-state p { font-size:12px; }

@media (max-width:1000px) { .asset-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.filter-row button { padding:0 8px; }.login-page { grid-template-columns:44% 56%; }.card-photo { right:-30px; }.floating-card { transform:scale(.85); } }
@media (max-width:760px) {
  .site-header { height:67px; padding:0 20px; grid-template-columns:1fr auto; }.site-header nav { display:none; }.brand { font-size:22px; }.login-link,.user-menu { grid-column:2; }.user-menu strong { display:none; }
  .upload-page { min-height:calc(100vh - 67px); padding-top:48px; }.upload-intro h1 { font-size:43px; letter-spacing:-1.4px; }.upload-intro p { font-size:14px; }.desktop-break { display:none; }.upload-card { border-radius:15px; }.drop-zone { min-height:260px; }.trust-row { padding:18px 5px 5px; }.trust-row small { display:none; }.trust-row > i { height:22px; }
  .login-page { display:block; }.login-art { display:none; }.login-panel { padding:72px 27px 40px; }.back-link { top:27px; left:25px; }.mini-brand { margin-bottom:45px; }.login-heading h1 { font-size:38px; }
  .library-page { display:block; }.side-rail { display:none; }.library-content { padding:34px 20px 50px; }.library-title h1 { font-size:32px; }.library-title > button { font-size:0; width:42px; height:42px; padding:0; }.library-title > button span { font-size:20px; margin:0; }.library-tools { grid-template-columns:1fr auto; }.filter-row { grid-column:1/-1; order:2; overflow-x:auto; }.filter-row button { min-height:34px; white-space:nowrap; }.asset-grid { grid-template-columns:1fr 1fr; gap:11px; }.asset-preview { height:130px; }.asset-info time { display:none; }.asset-info { grid-template-columns:24px 1fr; padding:8px; }.asset-type { width:23px; }.asset-info h3 { font-size:10px; }
}
@media (max-width:480px) { .asset-grid { grid-template-columns:1fr; }.asset-preview { height:165px; }.upload-intro h1 { font-size:37px; }.trust-row { justify-content:space-around; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }

.asset-preview{filter:none!important}.asset-preview>img,.asset-preview>video,.asset-preview>iframe{width:100%;height:100%;object-fit:cover;border:0;background:#0c091d}.asset-preview>iframe{object-fit:initial}.asset-preview>video{object-fit:contain}.audio-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;background:linear-gradient(135deg,#24173e,#3c2461)}.audio-preview audio{width:90%;height:34px}.download-file{position:absolute;z-index:4;right:9px;top:9px;width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.92);color:#4f2a7a;text-decoration:none;font-size:18px;font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.18)}.download-file:hover{background:#fff;transform:translateY(-1px)}

/* Shipproad */
:root{--ink:#f7f5ff;--forest:#7c5cff;--mint:#2b2049;--cream:#100c26;--line:#30264d;--muted:#a7a0bd}
html,body,.app-shell{background:#100c26;color:#f7f5ff}.app-shell{background:radial-gradient(circle at 82% 8%,rgba(137,82,185,.28),transparent 31%),radial-gradient(circle at 12% 62%,rgba(75,45,116,.22),transparent 34%),#100c26}.site-header{border-color:rgba(255,255,255,.09);background:rgba(16,12,38,.82)}
.brand{color:#fff;font-family:Arial,sans-serif;font-weight:900;font-size:15px;letter-spacing:-.8px;line-height:.75;text-align:left}.brand-dot{display:block;font-size:11px}.shipproad-logo{flex:0 0 auto;display:inline-block;width:42px;height:42px;border-radius:10px;background:url('/shipproad-logo.png') center/175px no-repeat;box-shadow:0 8px 24px rgba(117,68,194,.22)}
.site-header nav button,.login-link{color:#aaa4bc}.site-header nav button.nav-active,.login-link{color:#fff}.site-header nav button.nav-active:after{background:#8064ff;box-shadow:0 0 12px #8064ff}.ambient-one{background:rgba(123,71,185,.15)}.ambient-two{background:rgba(98,78,255,.13)}.eyebrow,.login-heading>span,.library-title>div>span{color:#9b83ff}
.upload-intro h1{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-3px}.upload-intro h1 em{font-style:normal;color:#8064ff}.upload-intro p,.library-prompt{color:#a9a3b9}.upload-card,.asset-card{background:rgba(25,19,53,.92);border-color:#3c315a;box-shadow:0 25px 80px rgba(0,0,0,.35)}.drop-zone{border-color:#594a7c;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(128,100,255,.035))}.drop-zone.is-dragging{background:rgba(128,100,255,.13);border-color:#8c73ff}.upload-orbit{background:#2c2150}.upload-orbit:before{border-color:#49386f}.upload-orbit span,.primary-button,.upload-now,.signin-button,.library-title>button{background:linear-gradient(135deg,#9d5bde,#5d2ca1);box-shadow:0 8px 22px rgba(104,49,177,.3)}
.drop-zone h2{font-family:Arial,sans-serif}.drop-zone p,.drop-zone small{color:#938ba8}.trust-row b,.library-prompt strong,.queue-icon,.done-mark{color:#9b83ff}.trust-row small{color:#888198}.trust-row small strong{color:#e6e1f2}.trust-row>i,.queue-item{border-color:#372d50}.queue-icon{background:#2b2049}.success-note{color:#ac95ff}.success-note>span{background:#302259}
.login-page,.login-panel{background:#100c26}.login-art{background:radial-gradient(circle at 75% 15%,rgba(132,74,174,.38),transparent 34%),linear-gradient(135deg,#0d0920,#1c1339)}.art-grain{opacity:.12;background-image:radial-gradient(#a47bff .5px,transparent .5px)}.arch{border-color:rgba(148,112,255,.14)}.floating-card{background:#21183d;box-shadow:0 20px 55px rgba(0,0,0,.42);color:#f5f2ff}.card-photo div{background:linear-gradient(165deg,#c393e2 0 44%,#7e3fa9 45% 63%,#321755 64%)}.card-audio,.art-copy{color:#c6b4ff}.art-copy h2,.login-heading h1,.library-title h1,.results-meta strong{font-family:Arial,sans-serif;font-weight:800}.back-link,.login-heading p,.form-options label,.secure-note{color:#9f98b1}.mini-brand{font-family:Arial,sans-serif;font-weight:900;font-size:14px;line-height:.8}.mini-brand .shipproad-logo{width:48px;height:48px;background-size:195px}.login-form-wrap input[type=email],.password-field,.search-box{background:#17112f;border-color:#3a3052;color:#f8f6ff}.login-form-wrap input[type=email],.password-field input,.search-box input{color:#f8f6ff}.form-options button{color:#a88fff}
.user-menu>span,.side-item.active{background:#2b2049;color:#b29cff}.library-page,.side-rail{background:transparent}.side-rail{border-color:#2e2548}.side-item,.logout{color:#9c95ac}.storage{border-color:#302747}.storage>i{background:#2e2741}.storage>i em{background:linear-gradient(90deg,#a35cdf,#785cff)}.library-content{background:rgba(16,12,38,.22)}.library-title p,.results-meta span,.results-meta button{color:#9b94aa}.filter-row,.view-toggle{background:#201a35}.filter-row button,.view-toggle button{color:#9991aa}.filter-row button.selected,.view-toggle button.selected{background:#352753;color:#cbbdff}.asset-card{background:#191431}.asset-preview{filter:saturate(.8) hue-rotate(205deg)}.asset-info h3{color:#f6f3ff}.asset-info p,.asset-info time{color:#8f889e}.asset-type{background:#2c214b;color:#a891ff}.empty-state h3{color:#e7e0ff}