/* Shared preference controls; all three appearances share the same operations. */
.preferences{display:flex;gap:8px;align-items:center;flex-shrink:0}.preferences label{display:flex;align-items:center;gap:6px}.preferences label>span{display:none}.preferences select{height:34px;border:1px solid var(--line,#e6ebf1);border-radius:8px;padding:0 8px;background:#fff;color:#63728b;font-size:11px;max-width:150px}.preferences.floating{position:fixed;top:20px;right:24px;z-index:30}.topbar-right{min-width:0}.topbar-right .searchbox{flex-shrink:1;min-width:120px}.topbar:has(.preferences){gap:16px;padding-left:28px;padding-right:28px}.topbar:has(.preferences) .topbar-title{display:none}.topbar:has(.preferences) .topbar-right{width:100%;justify-content:flex-end}.topbar:has(.preferences) .searchbox{margin-right:auto}.public-header .preferences{margin-left:auto}.public-header{gap:16px}.preferences select:focus-visible{outline:3px solid #8baef4;outline-offset:2px}
/* Linen: warm editorial type, calm sage accents, rounded surfaces and roomy cards. */
:root[data-ui=linen]{--blue:#47715a;--muted:#928d80;--line:#e7e3d9;--ink:#343b32;--sidebar:224px;background:#f5f3ec;color:#343b32;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
[data-ui=linen] body{background:#f5f3ec;color:#343b32}[data-ui=linen] .sidebar{background:#eeece3;border-right:1px solid #e0ddd1;padding-top:36px}[data-ui=linen] .brand-symbol{background:#47715a;border-radius:50%;box-shadow:none}[data-ui=linen] .brand{letter-spacing:-.7px}[data-ui=linen] .brand small{color:#8c917e}[data-ui=linen] .topbar{background:#f5f3ec;border-bottom:1px solid #e5e1d5;height:85px}[data-ui=linen] .main{padding-top:36px;max-width:1450px;margin:auto}[data-ui=linen] h1,[data-ui=linen] .login-card h2{font-family:Georgia,"Songti SC","SimSun",serif;font-weight:500;letter-spacing:-1px}[data-ui=linen] .title-row h1{font-size:38px}[data-ui=linen] .eyebrow{color:#76846c;letter-spacing:2px}[data-ui=linen] .nav button{color:#697363;border-radius:11px}[data-ui=linen] .nav button.active,[data-ui=linen] .nav button:hover{background:#dde4d6;color:#3c6049}[data-ui=linen] .nav-caption{color:#8d9685}[data-ui=linen] .storage-box{background:#e6e8dc}[data-ui=linen] .track{background:#d5ddcb}[data-ui=linen] .avatar{background:#dce5d2;color:#47715a}[data-ui=linen] .searchbox{background:#edece4;border-color:#dfdfd0;border-radius:20px}[data-ui=linen] .searchbox input{color:#46513f}[data-ui=linen] .keycap{background:#f6f4ed;border-color:#d4d7c9;color:#7d8872}[data-ui=linen] .preferences select{background:#fdfcf7;border-color:#deded0;color:#56674d;border-radius:20px}[data-ui=linen] .btn{border-radius:20px}[data-ui=linen] .btn.primary{background:#47715a;box-shadow:none}[data-ui=linen] .btn.secondary{background:#fcfbf7;border-color:#deded1;color:#58664f}[data-ui=linen] .folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-ui=linen] .folder-card{background:#fcfbf6;border-color:#dfdfd2;border-radius:16px;min-height:116px;padding:22px 22px 18px 80px;position:relative}[data-ui=linen] .folder-card .folder-graphic{position:absolute;top:30px;left:22px;margin:0;background:#e9e8d6;color:#777b4b}[data-ui=linen] .folder-card strong{font-size:15px;font-weight:600}[data-ui=linen] .folder-card small{color:#8b8d7b;display:block;margin-top:10px}[data-ui=linen] .folder-card .folder-status{position:absolute;right:18px;top:16px}[data-ui=linen] .files-panel{background:#fffef9;border-color:#e0ded1;border-radius:18px}[data-ui=linen] .panel-toolbar{border-color:#e5e3d8}[data-ui=linen] th{background:#f6f5ec;color:#8b8d7d}[data-ui=linen] td{border-color:#efede3}[data-ui=linen] tr:hover td{background:#f5f6ec}[data-ui=linen] .badge{background:#efeee4;color:#807e68}[data-ui=linen] .badge.green{background:#e8eedf;color:#5d7952}[data-ui=linen] .file-icon{background:#eeefe5;color:#81906b}[data-ui=linen] .file-icon.folder,[data-ui=linen] .file-icon.sheet{background:#e6eddc;color:#688057}[data-ui=linen] .file-grid{gap:12px}[data-ui=linen] .grid-file{border-color:#e3e2d5;border-radius:16px;background:#fffef9}[data-ui=linen] .grid-file:hover,[data-ui=linen] .grid-file.selected{background:#eff2e6;border-color:#9eae8e}[data-ui=linen] .view-toggle{background:#eceee2;border-radius:20px}[data-ui=linen] .view-toggle button[aria-pressed=true]{background:#fffef9;color:#47715a}[data-ui=linen] .demo-banner{background:#f0ebd7;border-color:#e4dbb8;color:#938154}[data-ui=linen] dialog,[data-ui=linen] .menu,[data-ui=linen] .transfer-panel{background:#fffef9;color:#343b32;border-color:#e0ded1}[data-ui=linen] input,[data-ui=linen] select{accent-color:#47715a}[data-ui=linen] .login-art{background:#e5e9da}[data-ui=linen] .login-main{background:#f8f6ef}[data-ui=linen] .mini-window{background:#fcfbf5;border-color:#dce0cf}[data-ui=linen] .preview-body{background:#eeeee2}[data-ui=linen] .preview-header{background:#fffef9;border-color:#e0ded1}
/* Midnight: compact workspace, dark surfaces, teal focus, restrained borders. */
:root[data-ui=midnight]{--blue:#76d6bd;--muted:#95a5b8;--line:#293747;--ink:#e3eaf3;--sidebar:212px;background:#141c26;color:#e3eaf3;color-scheme:dark;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
[data-ui=midnight] body{background:#141c26;color:#e3eaf3}[data-ui=midnight] .sidebar{background:#10161f;border-right:1px solid #263240;padding:26px 16px}[data-ui=midnight] .brand{font-size:18px}[data-ui=midnight] .brand-symbol{background:#76d6bd;color:#102a24;border-radius:9px;box-shadow:none}[data-ui=midnight] .brand small{color:#7f94a9}[data-ui=midnight] .topbar{background:#10161f;border-color:#263240;height:70px}[data-ui=midnight] .main{padding-top:30px}[data-ui=midnight] .title-row{margin-bottom:25px}[data-ui=midnight] .title-row h1{font-size:30px;font-weight:600;letter-spacing:-.8px}[data-ui=midnight] .eyebrow{color:#76b8ab;font-size:10px}[data-ui=midnight] .subtitle,[data-ui=midnight] .bottom-note{color:#91a2b6}[data-ui=midnight] .nav button{color:#a8b5c6;border-radius:7px}[data-ui=midnight] .nav button.active,[data-ui=midnight] .nav button:hover{background:#203b39;color:#91e4ce}[data-ui=midnight] .nav .count{background:#2d5149;color:#9ee9d4}[data-ui=midnight] .nav-caption{color:#7a8ea3}[data-ui=midnight] .storage-box{background:#1b2734;border-color:#2a3a49}[data-ui=midnight] .track{background:#2c3e4e}[data-ui=midnight] .avatar{background:#274c48;color:#9ae9d3}[data-ui=midnight] .searchbox{background:#1b2633;border-color:#2b3a4a}[data-ui=midnight] .searchbox input{color:#e3eaf3}[data-ui=midnight] .keycap{background:#263444;border-color:#354557;color:#9cafc3}[data-ui=midnight] .preferences select{background:#1d2a38;color:#b7c8d9;border-color:#314455;border-radius:6px}[data-ui=midnight] .btn{border-radius:7px}[data-ui=midnight] .btn.primary{background:#76d6bd;color:#153329;box-shadow:none}[data-ui=midnight] .btn.secondary{background:#1e2b39;color:#c0d0e0;border-color:#334456}[data-ui=midnight] .btn.danger{background:#ba515e;color:#fff}[data-ui=midnight] .subtle-danger{background:#38232c!important;color:#f7a2a9!important}[data-ui=midnight] .folders{gap:10px}[data-ui=midnight] .folder-card{background:#1b2634;border-color:#2b3a4b;border-radius:9px;padding:18px;min-height:125px}[data-ui=midnight] .folder-card strong{color:#e3eaf3}[data-ui=midnight] .folder-card small{color:#91a4b9}[data-ui=midnight] .folder-graphic{background:#2b413a!important;color:#8ac8a5!important}[data-ui=midnight] .folder-status{color:#91a5b9}[data-ui=midnight] .files-panel{background:#1a2431;border-color:#2b3a4a;border-radius:10px}[data-ui=midnight] .panel-toolbar,[data-ui=midnight] .panel-footer{border-color:#2c3b4c}[data-ui=midnight] .panel-footer{color:#91a2b5}[data-ui=midnight] th{background:#202d3c;color:#a0b2c7}[data-ui=midnight] td{border-color:#293747;height:60px}[data-ui=midnight] tr:hover td{background:#223243}[data-ui=midnight] .file-name strong{color:#e0e9f4}[data-ui=midnight] .file-name small{color:#94a5bb}[data-ui=midnight] .badge{background:#2c3847;color:#b5c4d5}[data-ui=midnight] .badge.green{background:#23433d;color:#99d9bd}[data-ui=midnight] .tabs button{color:#94a6bb}[data-ui=midnight] .tabs button.active{color:#8de0c6}[data-ui=midnight] .table-tools select{color:#afc1d4;background:#1a2431}[data-ui=midnight] .view-toggle{background:#293748;border-radius:7px}[data-ui=midnight] .view-toggle button[aria-pressed=true]{background:#3a4d5d;color:#99ead1}[data-ui=midnight] .grid-file{background:#1d2938;border-color:#304052;border-radius:9px}[data-ui=midnight] .grid-file:hover,[data-ui=midnight] .grid-file.selected{border-color:#5a9e91;background:#223b3b}[data-ui=midnight] .grid-open{color:#e3eaf3}[data-ui=midnight] .grid-open small{color:#9db1c5}[data-ui=midnight] .file-icon{background:#2c3c4e;color:#a5bcd4}[data-ui=midnight] .file-icon.folder{background:#4a4230;color:#e6c982}[data-ui=midnight] .file-icon.sheet{background:#284c42;color:#8cdbb7}[data-ui=midnight] .file-icon.pdf{background:#4b303a;color:#e0a0ab}[data-ui=midnight] .file-icon.image{background:#35425b;color:#a2b8ef}[data-ui=midnight] .demo-banner{background:#2c2c24;border-color:#444333;color:#d4c797}[data-ui=midnight] dialog,[data-ui=midnight] .menu,[data-ui=midnight] .transfer-panel{background:#1c2836;color:#e3eaf3;border-color:#334455}[data-ui=midnight] .menu button:hover,[data-ui=midnight] .move-folder:hover{background:#2a3e4e}[data-ui=midnight] .dialog-head,[data-ui=midnight] .dialog-tabs,[data-ui=midnight] .ownership-item,[data-ui=midnight] .move-location{border-color:#344556}[data-ui=midnight] .field input,[data-ui=midnight] .field select,[data-ui=midnight] .share-link input{background:#14202c;border-color:#3a4d60;color:#e3edf7}[data-ui=midnight] .move-folder{color:#c5d5e3}[data-ui=midnight] .inline-note,[data-ui=midnight] .dialog-subtitle,[data-ui=midnight] .field small,[data-ui=midnight] .owner-consent{color:#a2b3c7}[data-ui=midnight] .field label,[data-ui=midnight] .section-label{color:#cfdae7}[data-ui=midnight] .permanent-warning{background:#3f2830;color:#ffb2b9}[data-ui=midnight] .preview-header{background:#1b2837;border-color:#34485a}[data-ui=midnight] .preview-body{background:#101923}[data-ui=midnight] .text-preview,[data-ui=midnight] .paper,[data-ui=midnight] .sheet-preview{color:#23314a;background:white;color-scheme:light}[data-ui=midnight] .preview-note{color:#adc0d5}[data-ui=midnight] .member-results{background:#223343;border-color:#3a4d60}[data-ui=midnight] .member-results button:hover{background:#314c55}[data-ui=midnight] .chosen-member{background:#234b42;color:#aeebd2}[data-ui=midnight] .login-art{background:#172c2b;color:#daeee7}[data-ui=midnight] .login-main{background:#141c26}[data-ui=midnight] .mini-window{background:#1c2e36;border-color:#354e58;color:#c2d5df}[data-ui=midnight] .login-card h2{color:#e3edf7}[data-ui=midnight] .login-card p{color:#9fb2c6}[data-ui=midnight] .trash-origin,[data-ui=midnight] .trash-date{color:#a5b6c8}[data-ui=midnight] .error-block{color:#f6b6be}
@media(max-width:1100px){.topbar:has(.preferences){padding-left:20px;padding-right:20px}.topbar:has(.preferences) .connection{display:none}.topbar:has(.preferences) .topbar-right{gap:10px}.preferences select{max-width:135px}}
@media(max-width:720px){.topbar:has(.preferences){height:auto;min-height:108px;padding:12px 16px;align-items:flex-start}.topbar:has(.preferences) .mobile-menu{margin-top:7px}.topbar:has(.preferences) .topbar-right{flex-wrap:wrap;gap:9px}.topbar:has(.preferences) .searchbox{flex:1;max-width:none}.topbar:has(.preferences) .preferences{order:3;width:100%;justify-content:flex-end}.topbar:has(.preferences) .topbar-right>.avatar{width:30px;height:30px}.preferences select{height:30px;max-width:160px;font-size:11px}.preferences.floating{top:12px;right:12px;gap:6px}.public-header{flex-wrap:wrap}.public-header .preferences{order:3;width:100%;justify-content:flex-end}[data-ui=linen] .folder-card{padding:52px 12px 15px;min-height:145px}[data-ui=linen] .folder-card .folder-graphic{top:16px;left:12px}[data-ui=linen] .folder-card .folder-status{top:15px;right:8px;font-size:9px}[data-ui=linen] .folder-card strong{font-size:13px}[data-ui=linen] .title-row h1{font-size:29px}[data-ui=midnight] .folder-card{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}