@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263d37;background:#f7f8f5;font-synthesis:none;font-size:14px;--green:#236b5e;--green-hover:#185548;--ink:#243b35;--muted:#7a8680;--line:#e5e9e2;--surface:#fff;--danger:#b94539;--shadow:0 12px 48px #263d3714}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #86b7a4;outline-offset:3px}input,select{min-width:0}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted);line-height:1.6}.brand{display:flex;align-items:center;font-weight:740;font-size:28px;letter-spacing:-1.25px;width:max-content}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--green);color:white;border-radius:12px;margin-right:10px}.brand-mark .icon{width:24px;height:24px}.brand-dot{color:var(--green)}.button{border:1px solid transparent;border-radius:9px;min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 17px;font-weight:600;font-size:13px;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .15s}.button:active:not(:disabled){transform:translateY(1px)}.button .icon{width:18px;height:18px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #236b5e13}.primary:hover:not(:disabled){background:var(--green-hover)}.secondary{background:#fff;border-color:#dce3da;color:#45564f}.secondary:hover:not(:disabled){background:#f1f4ee}.danger{background:var(--danger);color:#fff}.danger:hover:not(:disabled){background:#99362d}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;background:transparent;width:36px;height:36px;border-radius:7px;color:#718079}.icon-button:hover{background:#eaf0e8;color:var(--green)}.text-button{border:0;background:none;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-weight:600}.eyebrow,.small-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#728a7e}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.boot .brand-mark{margin:0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #dbe5dd;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Sign in */
.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#eaf0e6;position:relative;overflow:hidden;min-height:800px;padding:44px 64px;display:flex;flex-direction:column}.login-story .brand{z-index:1}.story-copy{z-index:1;margin-top:83px}.story-copy .eyebrow{color:#678473;font-size:11px}.story-copy h1{font-weight:550;letter-spacing:-2.7px;font-size:60px;line-height:1.1;margin:24px 0}.story-copy p{font-size:15px;line-height:1.8;color:#748076}.story-footer{display:flex;align-items:center;gap:8px;font-size:11px;color:#738471;margin:auto 0 0;padding-top:280px;z-index:1}.story-footer .icon{width:14px;height:14px}.harbor-art{position:absolute;width:390px;height:290px;bottom:105px;right:12px;transform:rotate(-6deg)}.art-sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#d9e2c3;left:0;top:65px}.art-wave{position:absolute;height:170px;width:370px;border-radius:48%;transform:rotate(-13deg);top:128px;left:16px;background:#dce7db}.wave-front{background:#c9dbcf;top:153px;left:53px;transform:rotate(6deg)}.art-card{position:absolute;border:1px solid #edf2ea;box-shadow:0 18px 36px #31544414;background:#fff;width:140px;height:176px;border-radius:13px;display:flex;align-items:center;flex-direction:column;padding:26px 20px}.art-card-back{transform:rotate(17deg);top:26px;left:164px;background:#f8f8ee}.art-card-back .icon{width:54px;height:68px;color:#9aab83}.art-card-front{top:70px;left:86px;transform:rotate(-6deg)}.art-card-front .icon{width:84px;height:76px;color:#78a591;background:#eaf2e9;border-radius:7px;padding:14px;margin-bottom:17px}.art-card-line{height:5px;width:78px;background:#dde5db;border-radius:3px;align-self:flex-start}.art-card-line.short{width:47px;margin-top:7px;background:#edf1e9}.art-dot{position:absolute;border-radius:50%;width:12px;height:12px;background:#b8cebb}.dot-one{top:51px;left:73px}.dot-two{top:216px;left:311px;width:8px;height:8px}.login-form-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:56px;background:#fcfcfa}.login-form-inner{width:100%;max-width:350px;margin-top:-28px}.login-form-inner h2{font-size:34px;font-weight:590;letter-spacing:-1.2px;margin:18px 0 9px}.login-form-inner>p{font-size:14px;margin:0 0 37px}label{display:block;font-size:12px;font-weight:620;margin:20px 0 9px}input:not([type=checkbox]):not([type=file]),select{border:1px solid #dce3d9;border-radius:8px;background:#fff;color:var(--ink)}input:not([type=checkbox]):not([type=file]){padding:12px 13px;min-height:45px;width:100%}input::placeholder{color:#929a94}.password-field{position:relative}.password-field input{padding-right:62px!important}.password-toggle{position:absolute;right:11px;top:7px;height:31px;border:0;padding:0 4px;background:transparent;font-size:11px;font-weight:600;color:#74827a}.login-submit{margin-top:27px;width:100%;justify-content:space-between;min-height:46px}.login-note{display:flex;align-items:flex-start;gap:7px;font-size:10px!important;color:#8b958c;margin-top:22px!important;line-height:1.6}.login-note .icon{width:13px;height:13px;margin-top:1px}.login-footer{position:absolute;bottom:46px;color:#a2aaa1;font-size:11px}.form-error{color:var(--danger);background:#fff0ec;border:1px solid #f5d8d1;padding:10px 12px;border-radius:7px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
/* Application shell */
.app-layout{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:#f0f3ec;border-right:1px solid #e4e9df;padding:30px 20px 20px;z-index:20;display:flex;flex-direction:column}.sidebar>.brand{margin:0 10px 51px;font-size:28px}.sidebar-section-label{margin:0 14px 13px;font-size:9px;font-weight:700;letter-spacing:1.4px;color:#8a9487}.library-nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 15px;font-size:12px;color:#6d7c71;border-radius:8px;min-height:45px}.nav-item>.icon{width:18px;height:18px}.nav-item:hover{background:#e5eddf;color:var(--green)}.nav-item.active{color:var(--green);background:#dde9dc;font-weight:650}.nav-count{margin-left:auto;font-size:10px;opacity:.75}.sidebar-bottom{margin-top:auto;padding-top:56px}.storage-card{border:1px solid #dde5d7;border-radius:10px;padding:16px 14px;background:#f5f7f1}.storage-heading{display:flex;align-items:center;font-size:10px;gap:7px;color:#73806e}.storage-heading .icon{width:15px;height:15px}.storage-heading #storage-percent{margin-left:auto;color:#92a087;font-size:9px}progress{appearance:none;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#e0e7d8;display:block}progress::-webkit-progress-bar{background:#e0e7d8;border-radius:5px}progress::-webkit-progress-value{background:#73a182;border-radius:5px}progress::-moz-progress-bar{background:#73a182;border-radius:5px}.storage-card progress{margin:13px 0 11px}.storage-card p{font-size:9px;color:#98a08e;margin:0}.storage-card strong{font-weight:600;color:#64755c}.account-menu{position:relative;margin-top:21px;border-top:1px solid #e0e7d9;padding-top:20px}.account-menu summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:7px}.account-menu summary::-webkit-details-marker{display:none}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#dbe5ce;color:#75865d;font-weight:600;font-size:13px}.account-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.account-copy strong{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy>span{font-size:9px;color:#95a08a}.account-menu summary>.icon{width:18px;height:18px;color:#87927d}.account-options{position:absolute;bottom:57px;left:0;right:0;padding:5px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;z-index:22}.account-options button,.file-menu button,.file-menu a{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;background:none;border-radius:5px;padding:10px;font-size:11px}.account-options button:hover,.file-menu button:hover,.file-menu a:hover{background:#f0f4ec}.account-options .icon,.file-menu .icon{width:15px;height:15px}.workspace{margin-left:242px;min-height:100vh}.topbar{height:75px;border-bottom:1px solid #e7ebe3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 42px;background:#fafbf7}.breadcrumbs{display:flex;align-items:center;gap:10px;min-width:0;overflow:auto;white-space:nowrap;color:#99a193;font-size:11px;padding:5px 0}.breadcrumbs a{display:inline-flex;align-items:center;gap:8px}.breadcrumbs a:hover{color:var(--green)}.breadcrumbs .icon{width:14px;height:14px}.breadcrumbs>.icon{width:11px;height:11px;color:#b0b8a6}.breadcrumbs [aria-current=page]{color:#55654e;overflow:hidden;text-overflow:ellipsis}.private-badge{display:flex;align-items:center;gap:6px;font-size:9px;color:#8a9681;white-space:nowrap}.private-badge span{width:5px;height:5px;background:#74a384;border-radius:50%}.workspace-content{max-width:1540px;margin:0 auto;padding:37px 42px 0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:27px}.page-header h1{font-size:33px;line-height:1.2;margin:10px 0 9px;letter-spacing:-1.1px;font-weight:600;overflow-wrap:anywhere}.title-dot{color:#91ac78}.page-header p{font-size:12px;color:#88927f;margin:0;line-height:1.6}.header-actions{display:flex;gap:10px;flex-shrink:0;margin-top:14px}.drop-zone{display:flex;align-items:center;gap:17px;border:1px dashed #c5d5bc;background:#f2f6ed;border-radius:11px;padding:22px 24px;min-height:95px;margin-bottom:31px}.drop-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid #dfe8d6;background:#eaf1e2;color:#6f9568;flex-shrink:0}.drop-icon .icon{width:22px;height:22px}.drop-zone strong{font-weight:600;font-size:11px;color:#63745a}.drop-zone p{font-size:10px;margin:6px 0 0;color:#98a38e;line-height:1.5}.drop-zone .text-button{font-size:10px;color:#728e66;font-weight:500}.drop-limit{font-size:9px;color:#a0ac95;margin-left:auto;white-space:nowrap}.file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:29px}.search-field{position:relative;max-width:360px;flex:1}.search-field>.icon{position:absolute;left:13px;top:12px;width:17px;height:17px;color:#a4ad9b;pointer-events:none}.search-field input{font-size:11px;min-height:40px!important;padding-left:39px!important;background:#fbfcf9!important;border-color:#e4e9df!important}.toolbar-right{display:flex;align-items:center;gap:14px}.toolbar-right select{font-size:10px;padding:10px 28px 10px 12px;height:38px;background:#fafbf8;border-color:#e4e9df}.view-switch{display:flex;padding:3px;background:#edf1e8;border:1px solid #e5eadd;border-radius:8px}.view-switch .icon-button{width:31px;height:30px;color:#96a18a}.view-switch .icon{width:16px;height:16px}.view-switch .selected{background:#fff;box-shadow:0 1px 4px #314c2710;color:#628251}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:12px;font-weight:650;margin:0;color:#5f6d55}.section-heading>span{font-size:10px;color:#a3ac98}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(187px,1fr));gap:18px}.file-card{position:relative;border:1px solid #e4e9dd;border-radius:11px;background:#fff;min-width:0;transition:box-shadow .18s,border-color .18s}.file-card:hover{box-shadow:0 5px 18px #394e2110;border-color:#cbd8c1}.file-open{display:flex;flex-direction:column;background:transparent;border:0;width:100%;padding:0;text-align:left;border-radius:10px;min-width:0}.file-open:focus-visible{outline-offset:4px}.file-visual{width:100%;height:143px;display:flex;align-items:center;justify-content:center;background:#f0f4eb;border-radius:10px 10px 0 0;overflow:hidden;position:relative}.file-visual .icon{width:41px;height:41px;stroke-width:1.25;color:#83a46d}.file-visual img{width:100%;height:100%;object-fit:cover}.kind-folder .file-visual{background:#f4f4e9}.kind-folder .file-visual .icon{width:50px;height:45px;stroke:#b3b68a;fill:#e6e8ce;stroke-width:1.1}.kind-video .file-visual{background:#e9edf0}.kind-video .file-visual .icon{color:#8296a8;width:44px;height:44px}.kind-audio .file-visual{background:#f2edf2}.kind-audio .file-visual .icon{color:#ae93ae}.kind-document .file-visual{background:#edf2f3}.kind-document .file-visual .icon{color:#8ca3a9}.file-extension{position:absolute;bottom:10px;right:11px;font-size:9px;font-weight:650;letter-spacing:.4px;color:#87947c}.file-info{width:100%;padding:14px 36px 15px 14px;min-width:0}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.6;color:#526247}.file-meta{display:flex;align-items:center;gap:6px;margin-top:5px;color:#a6ae9c;font-size:9px;font-weight:400;white-space:nowrap}.file-meta .meta-dot{width:2px;height:2px;border-radius:50%;background:#c3cab8}.file-menu{position:absolute;right:5px;bottom:24px;z-index:1}.file-menu[open]{z-index:9}.file-menu summary{width:27px;height:26px;list-style:none;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#99a18e}.file-menu summary::-webkit-details-marker{display:none}.file-menu summary:hover{background:#eff3e9}.file-menu summary .icon{width:17px;height:17px}.file-menu-panel{position:absolute;top:30px;right:0;background:#fff;border:1px solid #e2e8dc;box-shadow:var(--shadow);border-radius:8px;padding:5px;min-width:156px}.file-menu .delete-action{color:#b94539}.file-list{display:flex;flex-direction:column;gap:0;background:white;border:1px solid #e4e9dd;border-radius:9px}.file-list .file-card{border:0;border-bottom:1px solid #edf0e8;border-radius:0;background:transparent}.file-list .file-card:last-child{border:0}.file-list .file-card:hover{box-shadow:none;background:#f9fbf6}.file-list .file-open{flex-direction:row;align-items:center;min-height:70px;padding:10px 50px 10px 16px}.file-list .file-visual{width:43px;height:43px;border-radius:7px;flex-shrink:0}.file-list .file-visual .icon{width:23px;height:23px}.file-list .file-extension{display:none}.file-list .file-info{display:grid;grid-template-columns:minmax(50px,1fr) 135px 82px;align-items:center;padding:0 0 0 14px;gap:12px}.file-list .file-meta{display:contents}.file-list .meta-dot{display:none}.file-list .file-date{grid-column:2;grid-row:1;font-size:10px;color:#939e87}.file-list .file-size{grid-column:3;grid-row:1;font-size:10px;color:#939e87}.file-list .file-menu{right:14px;top:22px;bottom:auto}.list-heading{display:grid;grid-template-columns:1fr 135px 82px 49px;gap:12px;font-size:9px;color:#97a18b;padding:0 0 12px 17px}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:333px;padding:35px 20px 48px}.empty-illustration{width:100px;height:91px;position:relative;display:grid;place-items:center;margin-bottom:10px}.empty-circle{position:absolute;width:81px;height:81px;border-radius:50%;background:#eef2e7;transform:translate(1px,-2px)}.empty-illustration>.icon{width:52px;height:52px;z-index:1;color:#b0bd9a;stroke-width:1.2;fill:#e7eddc;transform:rotate(-7deg)}.empty-plus{position:absolute;right:8px;bottom:6px;width:23px;height:23px;display:grid;place-items:center;background:#e1ebd5;color:#91a873;border-radius:50%;z-index:2;font-size:20px;border:3px solid #f7f8f5}.empty-state h2{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:12px 0 10px;color:#66765a}.empty-state p{color:#9aa38e;font-size:11px;line-height:1.8;margin:0 0 22px;max-width:400px}.empty-state .button{font-size:11px;min-height:38px;padding:9px 14px}.workspace-footer{display:flex;justify-content:space-between;font-size:9px;color:#b2b9a7;border-top:1px solid #e9ede2;padding:20px 0 24px;margin-top:35px;gap:12px}.files-loading,.load-error{min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8f9b81;font-size:12px}.load-error{flex-direction:column;text-align:center;gap:5px}.load-error>.icon{width:29px;height:29px;color:#a0ad91}.load-error h2{font-size:17px;font-weight:550;margin:10px 0 0}.load-error p{max-width:470px;overflow-wrap:anywhere;line-height:1.5;margin:8px 0 20px}.mobile-menu,.sidebar-shade{display:none}
/* Uploads and notifications */
.drag-overlay{position:fixed;inset:12px;border:3px dashed #78a182;background:#f0f6eaf0;z-index:50;border-radius:18px;display:grid;place-items:center;pointer-events:none;backdrop-filter:blur(5px)}.drag-overlay>div{text-align:center}.drag-overlay .drop-icon{width:75px;height:75px;margin:auto;border-radius:20px}.drag-overlay .icon{width:36px;height:36px}.drag-overlay h2{font-size:34px;font-weight:550;letter-spacing:-1px;margin:25px 0 10px}.drag-overlay p{color:#819472;font-size:13px}.upload-tray{position:fixed;bottom:21px;right:24px;width:364px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #dfe7d8;border-radius:12px;box-shadow:0 12px 55px #1f39282b;z-index:35;overflow:hidden}.upload-tray-header{display:flex;align-items:center;background:#f2f6ed;border-bottom:1px solid #e0e7d8;padding:8px 10px 8px 17px}.upload-tray-header>button:first-child{flex:1;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;padding:7px 0}.upload-tray-header>button:first-child>.icon{width:13px;height:13px;transform:rotate(90deg)}.upload-tray-header>button[aria-expanded=false]:first-child>.icon{transform:rotate(-90deg)}.upload-tray-header>.icon-button{width:27px;height:27px}.upload-tray-header>.icon-button .icon{width:15px;height:15px}.upload-list{max-height:280px;overflow:auto}.upload-row{padding:14px 15px;border-bottom:1px solid #edf0e7}.upload-row:last-child{border-bottom:0}.upload-row-top{display:flex;align-items:center;gap:10px}.upload-row-top>.icon{width:19px;height:19px;color:#8fa381}.upload-row-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.upload-row .icon-button{width:25px;height:25px}.upload-row .icon-button>.icon{width:14px;height:14px}.upload-row .upload-complete{color:#729965}.upload-row .upload-failed{color:var(--danger)}.upload-row progress{height:3px;margin-top:8px}.upload-row-status{font-size:9px;color:#99a18f;margin-top:6px;line-height:1.5;overflow-wrap:anywhere}.toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:25px;z-index:100;display:flex;flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 36px);pointer-events:none}.toast{border:1px solid #d9e4d2;background:#fff;color:#527049;padding:12px 16px;border-radius:9px;box-shadow:var(--shadow);font-size:11px;display:flex;gap:10px;align-items:center;line-height:1.5;max-width:490px;overflow-wrap:anywhere;animation:toast-in .2s ease-out}.toast>.icon{width:16px;height:16px}.toast.error{color:#ac4c3f;border-color:#edd8d0;background:#fffaf8}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Dialogs */
dialog{border:1px solid #dce5d6;border-radius:16px;box-shadow:0 20px 100px #18341b30;color:var(--ink);padding:0}dialog::backdrop{background:#23382572;backdrop-filter:blur(4px)}.form-dialog{width:440px;max-width:calc(100vw - 30px)}.form-dialog form{padding:26px}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf3e7;color:#749566}.dialog-icon.is-danger{background:#fff0eb;color:#c56b55}.dialog-icon .icon{width:21px;height:21px}.form-dialog h2{font-size:23px;font-weight:570;letter-spacing:-.6px;margin:21px 0 9px}.form-dialog #dialog-description{font-size:12px;overflow-wrap:anywhere;margin:0 0 21px}.form-dialog input{font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #eaf0e3;padding-top:20px;margin-top:27px}.dialog-actions .button{font-size:12px}.field-hint{font-size:10px;color:#95a08a;line-height:1.6;margin:8px 0 0}.preview-dialog{width:1000px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);background:#f8faf5}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:18px;background:white;border-bottom:1px solid #e2e9dc;padding:18px 22px}.preview-title-wrap{min-width:0}.preview-title-wrap h2{font-size:14px;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-title-wrap p{font-size:10px;color:#98a28e;margin:0}.preview-actions{display:flex;align-items:center;gap:14px}.preview-actions .button{min-height:36px;font-size:11px;padding:8px 12px}.preview-content{height:62vh;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px}.preview-content>img,.preview-content>video{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:5px}.preview-content>video{width:100%;height:100%;background:#1e2823}.audio-preview{display:flex;align-items:center;flex-direction:column;gap:26px;width:100%;max-width:470px}.audio-art{width:150px;height:150px;border-radius:24px;background:linear-gradient(140deg,#e5dee8,#f3edf3);display:grid;place-items:center;border:1px solid #e6dce7}.audio-art .icon{width:61px;height:61px;color:#a98bad;stroke-width:1.3}.audio-preview audio{width:100%}.unsupported-preview{text-align:center;max-width:440px;color:#859476;padding:20px}.unsupported-preview>.icon{width:58px;height:58px;stroke-width:1.2;color:#aab99b;margin:0 0 22px}.unsupported-preview h3{font-size:20px;font-weight:550;color:#607250;margin:0 0 10px}.unsupported-preview p{font-size:12px;line-height:1.8;margin:0}.preview-error{font-size:12px;line-height:1.6;color:#9b633e;text-align:center;background:#faf2e4;margin:0;padding:14px 22px}
@media(min-width:1500px){.sidebar{width:262px;padding-left:27px;padding-right:27px}.workspace{margin-left:262px}.topbar{padding-left:50px;padding-right:50px}.workspace-content{padding-left:50px;padding-right:50px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.file-visual{height:162px}}
@media(max-width:1150px){.sidebar{width:215px;padding-left:15px;padding-right:15px}.workspace{margin-left:215px}.workspace-content{padding:30px 28px 0}.topbar{padding:0 28px}.page-header{align-items:flex-start}.page-header .eyebrow{font-size:9px;letter-spacing:1.3px}.header-actions{gap:7px;margin-top:25px}.header-actions .button{padding:10px 12px;font-size:11px}.drop-zone{padding:19px}.drop-limit{display:none}.login-story{padding:40px}.story-copy h1{font-size:52px}.story-copy{margin-top:70px}.harbor-art{right:-10px;transform:scale(.85) rotate(-6deg);transform-origin:bottom right}.login-form-wrap{padding:40px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}}
@media(max-width:900px){.page-header{flex-direction:column;gap:16px}.header-actions{margin:0}.page-header h1{font-size:31px}.drop-zone strong{font-size:10px}.drop-zone{gap:12px}.toolbar-right{gap:8px}.toolbar-right select{max-width:119px;padding-left:8px;padding-right:12px}.file-toolbar{gap:10px}.file-list .file-info{grid-template-columns:minmax(40px,1fr) 73px}.file-list .file-date{display:none}.file-list .file-size{grid-column:2}.list-heading{grid-template-columns:1fr 73px 49px}.list-heading>span:nth-child(2){display:none}.login-story{padding:32px;min-height:740px}.story-copy h1{font-size:46px}.story-copy p{font-size:13px}.login-form-wrap{padding:30px}.login-form-inner h2{font-size:30px}.harbor-art{right:-24px;transform:scale(.75) rotate(-6deg)}.story-footer{font-size:9px}.story-footer .icon{width:12px;height:12px}}
@media(max-width:700px){.sidebar{width:255px;transform:translateX(-100%);transition:transform .2s ease;box-shadow:none;z-index:60;padding:26px 20px 20px}.sidebar.is-open{transform:translateX(0);box-shadow:10px 0 60px #19371c25}.sidebar-shade:not([hidden]){display:block;position:fixed;inset:0;background:#22362366;border:0;z-index:55}.workspace{margin-left:0}.topbar{height:64px;padding:0 20px;gap:12px}.mobile-menu{display:flex;width:31px;height:31px}.breadcrumbs{flex:1;font-size:10px}.private-badge{font-size:8px}.workspace-content{padding:28px 20px 0}.page-header{gap:20px;margin-bottom:23px}.page-header h1{font-size:32px}.page-header .eyebrow{font-size:9px}.page-header p{font-size:11px}.header-actions{width:100%;gap:9px}.header-actions .button{font-size:12px;min-height:42px}.header-actions .primary{flex:1}.header-actions .secondary{flex:1}.drop-zone{padding:17px 15px;min-height:82px;margin-bottom:25px}.drop-icon{height:38px;width:38px;border-radius:10px}.drop-zone p{font-size:10px}.file-toolbar{margin-bottom:24px;flex-wrap:wrap}.search-field{min-width:100%;max-width:none}.toolbar-right{width:100%;justify-content:space-between}.toolbar-right select{max-width:none;min-width:137px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-visual{height:133px}.file-info{padding:12px 31px 14px 11px}.file-name{font-size:10px}.file-meta{font-size:8px;gap:4px}.file-menu{right:3px;bottom:23px}.file-menu summary{width:25px}.file-list .file-open{padding-left:11px;padding-right:41px;min-height:68px}.file-list .file-visual{width:35px;height:39px}.file-list .file-info{padding-left:10px;grid-template-columns:minmax(10px,1fr) 62px;gap:9px}.file-list .file-size{font-size:9px}.file-list .file-menu{right:7px}.list-heading{grid-template-columns:1fr 62px 41px;gap:9px}.section-heading{margin-bottom:14px}.workspace-footer{font-size:8px;padding-bottom:22px;margin-top:26px}.empty-state{padding:23px 10px 30px;min-height:320px}.upload-tray{bottom:12px;right:12px;max-width:calc(100vw - 24px)}.toasts{bottom:17px}.preview-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.preview-header{padding:13px 12px;gap:8px}.preview-title-wrap h2{font-size:12px}.preview-actions{gap:4px}.preview-actions .button{padding:8px}.preview-actions .button span{display:none}.preview-content{padding:13px;height:60vh}.preview-actions .icon-button{width:30px;height:32px}.preview-error{font-size:11px;padding:13px}.login-view{grid-template-columns:1fr;min-height:100dvh}.login-story{min-height:0;padding:26px 28px 34px}.login-story .brand{font-size:25px}.login-story .brand-mark{width:35px;height:35px}.story-copy{margin-top:34px}.story-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.story-copy h1{font-size:34px;line-height:1.12;letter-spacing:-1.2px;margin:14px 0 0}.story-copy h1 br:nth-child(2){display:none}.story-copy p,.story-footer{display:none}.harbor-art{bottom:-6px;right:-12px;transform:scale(.5) rotate(-6deg)}.story-copy{position:relative;z-index:2;max-width:240px}.login-form-wrap{padding:36px 28px 76px;justify-content:flex-start}.login-form-inner{margin:0;max-width:420px}.login-form-inner .small-label{display:none}.login-form-inner h2{font-size:28px;margin-top:0}.login-form-inner>p{margin-bottom:25px;font-size:12px}.login-form-inner label{margin-top:19px}.login-footer{bottom:24px;font-size:10px}.login-note{font-size:9px!important}.login-submit{margin-top:23px}.login-form-inner>p.login-note{margin-bottom:0}.form-dialog form{padding:22px}.form-dialog h2{font-size:22px}}
@media(max-width:360px){.workspace-content{padding-left:14px;padding-right:14px}.file-visual{height:112px}.file-meta .file-date,.file-meta .meta-dot{display:none}.private-badge{display:none}.drop-zone strong{font-size:9px}.drop-zone p{font-size:9px}.drop-zone .text-button{font-size:9px}.story-copy h1{font-size:30px}.harbor-art{right:-44px}.preview-title-wrap{max-width:180px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Appearance */
:root{color-scheme:light}
.topbar .breadcrumbs{flex:1}.topbar-right{display:flex;align-items:center;gap:22px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe6d8;background:#f4f7ef;color:#718064;border-radius:8px;min-height:34px;padding:7px 10px;font-size:10px;white-space:nowrap;transition:background .15s,border-color .15s}.theme-toggle .icon{width:15px;height:15px}.theme-toggle:hover{background:#e9efdf;border-color:#cbd9be}.theme-toggle[aria-pressed=true]{background:#253e34;color:#b4d3b4;border-color:#395647}.login-theme{position:absolute;right:32px;top:28px}
.document-loading{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted);font-size:12px;padding:28px;line-height:1.7}.document-preview-host{padding:0;align-items:stretch;justify-content:stretch}.document-preview-host>.document-loading{width:100%}

/* Administration */
.admin-dialog{width:760px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 48px);background:#fcfdf9}.admin-dialog[open]{display:flex;flex-direction:column}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 30px 24px;border-bottom:1px solid #e4ebdc;background:#f6f9f1;flex-shrink:0}.admin-header h2{font-size:27px;letter-spacing:-.9px;font-weight:590;margin:9px 0 7px}.admin-header p{font-size:11px;color:#8c9980;margin:0;line-height:1.7}.admin-header .icon-button{margin-top:-4px}.admin-body{padding:26px 30px 23px;overflow:auto}.admin-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:180px;font-size:12px;color:#93a084}.admin-body>.form-error{margin:0 0 18px}.admin-section{margin:0 0 26px}.admin-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.admin-section-heading>.dialog-icon{width:38px;height:38px;border-radius:10px}.admin-section-heading .icon{width:19px;height:19px}.admin-section h3{font-size:14px;letter-spacing:-.15px;font-weight:640;margin:0 0 5px;color:#526c45}.admin-section-heading p,.admin-new-location>.muted{font-size:11px;line-height:1.6;margin:0;color:#8d9b80}.admin-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 23px}.admin-field-grid label{margin-top:0}.admin-dialog label{font-size:11px;font-weight:600;color:#607352}.admin-dialog label>span{color:#9aa88d;font-size:10px;font-weight:400;margin-left:5px}.admin-dialog input,.admin-dialog select{font-size:12px}.admin-dialog input{min-height:42px!important;padding:10px 12px!important}.admin-dialog select{width:100%;padding:11px 12px;min-height:42px}.admin-dialog .field-hint{font-size:10px;margin-top:7px;color:#929f86}.unit-input{display:flex}.unit-input input{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.unit-input select{width:76px;flex-shrink:0;border-radius:0 8px 8px 0;border-left:0;background:#f1f5eb;padding:9px;font-size:11px}.storage-location-detail{padding:11px 13px;margin-top:8px;border:1px solid #e6ecdf;border-radius:8px;background:#f6f9f1}.readonly-path{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:10px;color:#7c8d6d;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.storage-location-detail>p:last-child{font-family:inherit;font-size:10px;color:#99a58e;margin:4px 0 0}.admin-note{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.7;color:#829376;margin:13px 0 20px}.admin-note>.icon{width:15px;height:15px;margin-top:1px;color:#9bac8c}.readonly-field{border-top:1px solid #e9eddf;padding-top:16px}.readonly-field>span,.admin-deployment>span{display:block;font-size:10px;color:#829474;font-weight:600;margin-bottom:6px}.readonly-field .readonly-path{color:#667e54}.admin-save-row{border-top:1px solid #e2e9d9;border-bottom:1px solid #e2e9d9;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 26px}.admin-save-row>span{font-size:10px;color:#7c9667;line-height:1.6}.admin-save-row .button{font-size:11px;min-height:39px}.admin-save-row .spinner{border-top-color:currentColor;width:15px;height:15px}.admin-new-location label{margin-top:16px}.add-storage-row{display:flex;gap:10px;align-items:center}.add-storage-row .button{font-size:11px;min-height:42px}.admin-inline-status{font-size:10px;color:#708d5b;line-height:1.7;margin:10px 0 0}.admin-deployment{border-top:1px solid #e9eddf;padding-top:16px}.admin-deployment>span{font-size:9px;font-weight:400;color:#a0ad94;margin-bottom:3px}.admin-deployment .readonly-path{font-size:9px;color:#9ba88f}

/* Slate blue and gray dark palette. */
:root[data-theme=dark]{color-scheme:dark;color:#e2e8f0;background:#141b27;--green:#a9c4eb;--green-hover:#c3d7f5;--ink:#e2e8f0;--muted:#a0aec2;--line:#35445b;--surface:#1e293b;--danger:#d98c7f;--shadow:0 12px 48px #00000040}
[data-theme=dark] body{background:#141b27}
[data-theme=dark] .brand{color:#dbe0e9}[data-theme=dark] .brand-mark{background:#445f84;color:#e2ecfa}[data-theme=dark] .brand-dot{color:#8e9eb8}
[data-theme=dark] .primary{background:#49668d;color:#f5f8ff;box-shadow:0 3px 8px #00000020}[data-theme=dark] .primary:hover:not(:disabled){background:#55759e}[data-theme=dark] .secondary{background:#1f2836;border-color:#344158;color:#b8c1d2}[data-theme=dark] .secondary:hover:not(:disabled){background:#273142}[data-theme=dark] .danger{background:#a75346;color:#fff6f1}[data-theme=dark] .danger:hover:not(:disabled){background:#bb6151}[data-theme=dark] .icon-button{color:#8e9eb8}[data-theme=dark] .icon-button:hover{background:#293345;color:#bcc5d5}[data-theme=dark] .eyebrow,[data-theme=dark] .small-label{color:#8e9eb8}[data-theme=dark] .spinner{border-color:#303c52;border-top-color:#96a4bd}
[data-theme=dark] input:not([type=checkbox]):not([type=file]),[data-theme=dark] select{background:#19202b;border-color:#344259;color:#d2d8e3}[data-theme=dark] input::placeholder{color:#8e9eb8}[data-theme=dark] .password-toggle{color:#8e9eb8}[data-theme=dark] .form-error{background:#3b2923;border-color:#684337;color:#e4aa93}[data-theme=dark] .field-hint{color:#8e9eb8}
[data-theme=dark] .login-story{background:#202d42}[data-theme=dark] .story-copy h1{color:#ced5e1}[data-theme=dark] .story-copy .eyebrow{color:#91a0ba}[data-theme=dark] .story-copy p{color:#8e9eb8}[data-theme=dark] .story-footer{color:#8e9eb8}[data-theme=dark] .login-form-wrap{background:#161f2e}[data-theme=dark] .login-note{color:#8e9eb8}[data-theme=dark] .login-footer{color:#8e9eb8}[data-theme=dark] .art-sun{background:#2d384c}[data-theme=dark] .art-wave{background:#283243}[data-theme=dark] .wave-front{background:#334056}[data-theme=dark] .art-card{background:#2f3b4f;border-color:#3a4962;box-shadow:0 18px 36px #00000025}[data-theme=dark] .art-card-back{background:#2e3a4f}[data-theme=dark] .art-card-back .icon{color:#8e9eb8}[data-theme=dark] .art-card-front .icon{color:#8e9eb8;background:#242d3d}[data-theme=dark] .art-card-line{background:#4b5e7f}[data-theme=dark] .art-card-line.short{background:#3b4a64}[data-theme=dark] .art-dot{background:#61769a}
[data-theme=dark] .sidebar{background:#1a2434;border-color:#303e53}[data-theme=dark] .sidebar-section-label{color:#8e9eb8}[data-theme=dark] .nav-item{color:#8e9eb8}[data-theme=dark] .nav-item:hover{background:#252f3f;color:#b2bdcf}[data-theme=dark] .nav-item.active{background:#334762;color:#d6e5fa}[data-theme=dark] .storage-card{background:#1f2735;border-color:#334056}[data-theme=dark] .storage-heading{color:#8e9eb8}[data-theme=dark] .storage-heading #storage-percent{color:#8e9eb8}[data-theme=dark] progress,[data-theme=dark] progress::-webkit-progress-bar{background:#303d53}[data-theme=dark] progress::-webkit-progress-value{background:#7487a8}[data-theme=dark] progress::-moz-progress-bar{background:#7487a8}[data-theme=dark] .storage-card p{color:#8e9eb8}[data-theme=dark] .storage-card strong{color:#a7b3c8}[data-theme=dark] .account-menu{border-color:#2e3a4f}[data-theme=dark] .avatar{background:#313d53;color:#a2afc5}[data-theme=dark] .account-copy>span{color:#8e9eb8}[data-theme=dark] .account-menu summary>.icon{color:#8e9eb8}[data-theme=dark] .account-options,[data-theme=dark] .file-menu-panel{background:#222b3a;border-color:#35435a}[data-theme=dark] .account-options button:hover,[data-theme=dark] .file-menu button:hover,[data-theme=dark] .file-menu a:hover{background:#2e3a4f}[data-theme=dark] .file-menu .delete-action{color:#e6a28e}
[data-theme=dark] .topbar{background:#182130;border-color:#303e53}[data-theme=dark] .breadcrumbs{color:#8e9eb8}[data-theme=dark] .breadcrumbs>.icon{color:#8e9eb8}[data-theme=dark] .breadcrumbs [aria-current=page]{color:#a6b2c7}[data-theme=dark] .private-badge{color:#8e9eb8}[data-theme=dark] .private-badge span{background:#8092b0}[data-theme=dark] .page-header p{color:#8e9eb8}[data-theme=dark] .title-dot{color:#8e9eb8}[data-theme=dark] .drop-zone{background:#202d40;border-color:#526b8d}[data-theme=dark] .drop-icon{background:#283345;border-color:#37455d;color:#8e9eb8}[data-theme=dark] .drop-zone strong{color:#9caac1}[data-theme=dark] .drop-zone p{color:#8e9eb8}[data-theme=dark] .drop-zone .text-button{color:#9dabc2}[data-theme=dark] .drop-limit{color:#8e9eb8}[data-theme=dark] .search-field input{background:#1b222d!important;border-color:#2e394d!important}[data-theme=dark] .search-field>.icon{color:#8e9eb8}[data-theme=dark] .toolbar-right select{background:#1c2330;border-color:#323e54}[data-theme=dark] .view-switch{background:#1f2735;border-color:#2e394d}[data-theme=dark] .view-switch .icon-button{color:#8e9eb8}[data-theme=dark] .view-switch .selected{background:#323f56;color:#aeb9cc;box-shadow:0 1px 4px #00000030}[data-theme=dark] .section-heading h2{color:#94a3bc}[data-theme=dark] .section-heading>span{color:#8e9eb8}
[data-theme=dark] .file-card{background:#1f2836;border-color:#2f3c51}[data-theme=dark] .file-card:hover{border-color:#516382;box-shadow:0 5px 18px #00000025}[data-theme=dark] .file-visual{background:#263041}[data-theme=dark] .file-visual .icon{color:#8e9eb8}[data-theme=dark] .kind-folder .file-visual{background:#263042}[data-theme=dark] .kind-folder .file-visual .icon{stroke:#7b8dad;fill:#3f506c}[data-theme=dark] .kind-video .file-visual{background:#273142}[data-theme=dark] .kind-video .file-visual .icon{color:#88a8b2}[data-theme=dark] .kind-audio .file-visual{background:#3c3040}[data-theme=dark] .kind-audio .file-visual .icon{color:#b496b9}[data-theme=dark] .kind-document .file-visual{background:#263041}[data-theme=dark] .kind-document .file-visual .icon{color:#8e9eb8}[data-theme=dark] .file-extension{color:#8e9eb8}[data-theme=dark] .file-name{color:#b2bdcf}[data-theme=dark] .file-meta{color:#8e9eb8}[data-theme=dark] .file-meta .meta-dot{background:#516382}[data-theme=dark] .file-menu summary{color:#8e9eb8}[data-theme=dark] .file-menu summary:hover{background:#2f3b4f}[data-theme=dark] .file-list{background:#1d2532;border-color:#313d53}[data-theme=dark] .file-list .file-card{border-color:#2b3648}[data-theme=dark] .file-list .file-card:hover{background:#263041}[data-theme=dark] .file-list .file-date,[data-theme=dark] .file-list .file-size,[data-theme=dark] .list-heading{color:#8e9eb8}
[data-theme=dark] .empty-circle{background:#222a39}[data-theme=dark] .empty-illustration>.icon{color:#8e9eb8;fill:#2c384c}[data-theme=dark] .empty-plus{background:#394862;color:#9eabc2;border-color:#121720}[data-theme=dark] .empty-state h2{color:#92a1ba}[data-theme=dark] .empty-state p{color:#8e9eb8}[data-theme=dark] .workspace-footer{border-color:#252f40;color:#8e9eb8}[data-theme=dark] .files-loading,[data-theme=dark] .load-error{color:#8e9eb8}[data-theme=dark] .load-error>.icon{color:#8e9eb8}[data-theme=dark] .drag-overlay{background:#1b222ded;border-color:#7a8cab}[data-theme=dark] .drag-overlay p{color:#8e9eb9}[data-theme=dark] .upload-tray{background:#202836;border-color:#3a4962;box-shadow:0 12px 55px #00000055}[data-theme=dark] .upload-tray-header{background:#273143;border-color:#36435b}[data-theme=dark] .upload-row{border-color:#2c384c}[data-theme=dark] .upload-row-top>.icon{color:#8e9eb8}[data-theme=dark] .upload-row-status{color:#8e9eb8}[data-theme=dark] .upload-row .upload-complete{color:#9dabc2}[data-theme=dark] .upload-row .upload-failed{color:#e6aa89}[data-theme=dark] .toast{background:#273142;border-color:#465877;color:#bfc8d7}[data-theme=dark] .toast.error{background:#432f27;border-color:#77523c;color:#eec6aa}
[data-theme=dark] dialog{background:#1e2634;border-color:#3a4963;color:#c9d0dd;box-shadow:0 20px 100px #00000070}[data-theme=dark] dialog::backdrop{background:#0a0d12c9}[data-theme=dark] .dialog-icon{background:#2c384c;color:#93a2bb}[data-theme=dark] .dialog-icon.is-danger{background:#553a2b;color:#e3b18c}[data-theme=dark] .dialog-actions{border-color:#323f55}[data-theme=dark] .preview-dialog{background:#171c26}[data-theme=dark] .preview-header{background:#222b3a;border-color:#38465e}[data-theme=dark] .preview-title-wrap p{color:#8e9eb8}[data-theme=dark] .audio-art{background:linear-gradient(140deg,#483e4c,#342b39);border-color:#5b4960}[data-theme=dark] .audio-art .icon{color:#c0a5c8}[data-theme=dark] .unsupported-preview{color:#8e9eb8}[data-theme=dark] .unsupported-preview>.icon{color:#8e9eb8}[data-theme=dark] .unsupported-preview h3{color:#aeb9cc}[data-theme=dark] .preview-error{background:#463921;color:#dfc296}
[data-theme=dark] .theme-toggle{background:#252f40;border-color:#3b4a64;color:#8f9eb9}[data-theme=dark] .theme-toggle:hover{background:#2f3c51;border-color:#566989}[data-theme=dark] .theme-toggle[aria-pressed=true]{background:#354b69;color:#dae8fb;border-color:#607ba2}
[data-theme=dark] .admin-dialog{background:#1c232f}[data-theme=dark] .admin-header{background:#252f3f;border-color:#35435a}[data-theme=dark] .admin-header p{color:#8e9eb8}[data-theme=dark] .admin-loading{color:#8e9eb8}[data-theme=dark] .admin-section h3{color:#aeb9cd}[data-theme=dark] .admin-section-heading p,[data-theme=dark] .admin-new-location>.muted{color:#8e9eb8}[data-theme=dark] .admin-dialog label{color:#a7b3c8}[data-theme=dark] .admin-dialog label>span{color:#8e9eb8}[data-theme=dark] .admin-dialog .field-hint{color:#8e9eb8}[data-theme=dark] .unit-input select{background:#2b3648}[data-theme=dark] .storage-location-detail{background:#242d3d;border-color:#354259}[data-theme=dark] .readonly-path{color:#a7b3c8}[data-theme=dark] .storage-location-detail>p:last-child{color:#8e9eb8}[data-theme=dark] .admin-note{color:#8f9eb9}[data-theme=dark] .admin-note>.icon{color:#8e9eb8}[data-theme=dark] .readonly-field,[data-theme=dark] .admin-deployment,[data-theme=dark] .admin-save-row{border-color:#303c52}[data-theme=dark] .readonly-field>span,[data-theme=dark] .admin-deployment>span{color:#8e9eb8}[data-theme=dark] .readonly-field .readonly-path{color:#aeb9cd}[data-theme=dark] .admin-save-row>span,[data-theme=dark] .admin-inline-status{color:#abb6ca}[data-theme=dark] .admin-deployment .readonly-path{color:#8e9eb8}
[data-theme=dark] :is(button,a,summary,input,select):focus-visible{outline-color:#a9c4eb}
[data-theme=dark] .sidebar-shade:not([hidden]){background:#10182799}[data-theme=dark] .sidebar.is-open{box-shadow:10px 0 60px #080d1840}
[data-theme=dark] .preview-content>video{background:#101722}
@media(max-width:700px){.topbar-right{gap:12px}.theme-toggle{width:33px;height:33px;padding:7px}.topbar .theme-toggle>span{display:none}.login-theme{position:static;align-self:flex-end;margin:0 0 19px;width:auto;padding:7px 10px}.admin-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.admin-header{padding:23px 21px 20px}.admin-header h2{font-size:24px}.admin-header .eyebrow{font-size:8px;letter-spacing:1.6px}.admin-body{padding:22px 21px}.admin-field-grid{grid-template-columns:1fr;gap:17px}.admin-section{margin-bottom:23px}.admin-dialog label{font-size:11px}.admin-dialog input,.admin-dialog select{font-size:13px}.add-storage-row{flex-direction:column;align-items:stretch}.add-storage-row .button{align-self:flex-start;min-height:38px}.admin-save-row{gap:14px}.admin-save-row>span{font-size:9px}.admin-section h3{font-size:13px}}
@media(max-width:390px){.topbar-right .private-badge{display:none}.admin-header h2{font-size:22px}}

/* Muted file colors stay consistent in cards, lists, uploads, and previews. */
.kind-document{--file-tint:#edf3fa;--file-ink:#6887ad;--file-border:#dce6f2}
.kind-spreadsheet{--file-tint:#eef5ef;--file-ink:#739580;--file-border:#dce9df}
.kind-pdf{--file-tint:#faeeee;--file-ink:#b77b80;--file-border:#f0dddd}
.kind-presentation{--file-tint:#fbf2e8;--file-ink:#b88b62;--file-border:#efdfcc}
[data-theme=dark] .kind-document{--file-tint:#28364b;--file-ink:#a1b9d8;--file-border:#394b64}
[data-theme=dark] .kind-spreadsheet{--file-tint:#2b3935;--file-ink:#a1c1ae;--file-border:#3a5046}
[data-theme=dark] .kind-pdf{--file-tint:#3d3039;--file-ink:#d3a5aa;--file-border:#56414b}
[data-theme=dark] .kind-presentation{--file-tint:#3d3530;--file-ink:#d8b694;--file-border:#55483d}
.file-card:is(.kind-document,.kind-spreadsheet,.kind-pdf,.kind-presentation) .file-visual{background:var(--file-tint)}
.file-card:is(.kind-document,.kind-spreadsheet,.kind-pdf,.kind-presentation) .file-visual>.file-type-symbol{color:var(--file-ink)}
.file-card:is(.kind-document,.kind-spreadsheet,.kind-pdf,.kind-presentation) .file-extension{color:var(--file-ink)}
.upload-row:is(.kind-document,.kind-spreadsheet,.kind-pdf,.kind-presentation) .upload-row-top>.file-type-symbol{color:var(--file-ink)}
.file-type-icon{display:grid;place-items:center;background:var(--file-tint,#edf1f2);color:var(--file-ink,#8a9da4);border:1px solid var(--file-border,#e0e6e8);flex-shrink:0}
[data-theme=dark] .file-type-icon{background:var(--file-tint,#283243);color:var(--file-ink,#a0afc5);border-color:var(--file-border,#3a485d)}
.file-type-icon>.file-type-symbol{color:inherit;stroke-width:1.4}
.preview-title-wrap{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:11px;align-items:center}
.preview-type-icon{grid-column:1;grid-row:1 / span 2;width:36px;height:40px;border-radius:8px}
.preview-type-icon>.file-type-symbol{width:24px;height:24px}
.preview-title-wrap h2,.preview-title-wrap p{grid-column:2}
.preview-title-wrap p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-fallback-icon{width:84px;height:96px;margin:0 auto 23px;border-radius:15px}
.preview-fallback-icon>.file-type-symbol{width:54px;height:54px;stroke-width:1.2}
@media(max-width:700px){.preview-title-wrap{grid-template-columns:29px minmax(0,1fr);column-gap:8px}.preview-type-icon{width:29px;height:34px;border-radius:7px}.preview-type-icon>.file-type-symbol{width:21px;height:21px}.preview-title-wrap p{font-size:9px}}