:root{color:#293b38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#147d6b;--primary-dark:#0b6355;--text:#293b38;--muted:#8a959b;--line:#edf0f2;--subtle:#64736f;--sidebar-width:232px;background:#f6f8fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{background:0 0;border:0}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #93cdbb}input:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 0 3px #167d6b12;border-color:#72b5a4!important}input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px;margin:0}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#d0e9df}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:0 17px;font-size:13px;font-weight:550;line-height:1.3;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 2px 2px #123e2708}.button.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.button.secondary{color:#4c5c59;background:#fff;border:1px solid #dfe5e6}.button.secondary:hover{background:#f6f9f8;border-color:#c2d3cd}.button.small{min-height:34px;padding:0 12px;font-size:12px}.button.danger{color:#fff;background:#c34c4e}.button.danger:hover{background:#a8393c}.icon-button{color:#83908e;border-radius:6px;justify-content:center;align-items:center;min-width:31px;height:31px;padding:5px;transition:background .16s,color .16s;display:inline-flex;position:relative}.icon-button:hover{color:#2d6457;background:#eef3f1}.text-button{color:var(--primary);align-items:center;gap:6px;padding:5px 0;font-size:12px;line-height:1.45;display:inline-flex}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.danger-text{color:#bf5b59!important}.success-color{color:var(--primary)}.brand{letter-spacing:1.7px;align-items:center;gap:10px;font-size:24px;font-weight:750;line-height:1.3;display:flex}.brand>span:last-child{padding-top:1px}.brand small{letter-spacing:2px;color:#a0aaa7;margin-top:4px;font-size:8px;font-weight:600;display:block}.brand-mark{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative;box-shadow:0 4px 10px #147d6b12}.brand-arrow{background:var(--primary);border-radius:3px;width:18px;height:18px;position:absolute;top:19px;left:12px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);z-index:30;background:#fff;border-right:1px solid #e9edef;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;height:105px;padding:10px 28px 0;display:flex}.sidebar-close{display:none}.workspace-label{color:#72827b;background:#f5f8f7;border:1px solid #ecf1ee;border-radius:6px;align-items:center;gap:7px;margin:10px 24px 25px;padding:10px 12px;font-size:11px;display:flex}.workspace-label>svg{color:#9aaa9f;margin-left:auto}.workspace-dot{background:#4b9983;border-radius:50%;width:6px;height:6px}.navigation{flex:1;padding:0 15px}.nav-item{color:#71817c;border-radius:7px;align-items:center;gap:12px;width:100%;min-height:40px;margin:3px 0;padding:11px 15px;font-size:12px;transition:background .16s,color .16s;display:flex;position:relative}.nav-item:hover{color:#2a6053;background:#f6f8f7}.nav-item.active{color:#147e6a;background:#eaf5f0;font-weight:600}.nav-item>svg{stroke-width:1.65px}.nav-item small{color:#438e76;background:#dceee5;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.nav-item i{background:var(--primary);border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-item small+i{display:none}.nav-label{color:#a3ada9;letter-spacing:1px;padding:25px 15px 9px;font-size:10px;display:block}.nav-divider{border-top:1px solid #edf1ef;margin:19px 13px 16px}.sidebar-bottom{margin-top:20px;padding:24px 22px 19px}.storage-card{padding:0 2px}.storage-title{color:#89958f;justify-content:space-between;align-items:center;font-size:10px;display:flex}.storage-title>span:first-child{color:#66756d;align-items:center;gap:6px;font-size:11px;display:flex}.storage-track{background:#eaf0ec;border-radius:6px;height:5px;margin:12px 0 9px;overflow:hidden}.storage-track>span{background:#73ad96;border-radius:6px;min-width:2px;height:100%;display:block}.storage-card p{color:#9aa59f;letter-spacing:.3px;font-size:10px}.storage-card strong{color:#66796e;font-weight:550}.storage-footnote{color:#abb4af;margin-top:7px;font-size:9px;display:block}.profile{text-align:left;border-top:1px solid #edf1ef;align-items:center;gap:10px;width:100%;margin-top:25px;padding:20px 0 0;display:flex}.avatar{color:#65816b;background:#eaf2eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.profile>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.profile strong{font-size:11px;font-weight:600}.profile small{color:#9da7a2;font-size:9px}.profile>svg{color:#9aa69e;margin-left:auto}.main-shell{margin-left:var(--sidebar-width);flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e9edef;justify-content:space-between;align-items:center;height:77px;padding:0 39px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:18px;display:flex}.topbar-breadcrumb{color:#9ca5a9;align-items:center;gap:13px;font-size:11px;display:flex}.topbar-breadcrumb strong{color:#62716e;font-weight:500}.topbar-breadcrumb>svg{color:#bbc4c4}.private-badge{color:#7b9183;align-items:center;gap:5px;font-size:10px;display:flex}.topbar-divider{background:#e8edeb;width:1px;height:18px}.mobile-menu{display:none}.activity-dot{background:#0d9a77;border-radius:100%;width:5px;height:5px;position:absolute;top:4px;right:5px}.workspace{max-width:1600px;margin:auto;padding:34px 39px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.section-kicker{letter-spacing:2px;color:#a6b2b0;margin-bottom:8px;font-size:8px;font-weight:600}.page-heading h1{letter-spacing:.6px;font-size:26px;font-weight:620;line-height:1.4}.heading-dot{color:#7bb6a3;margin-left:4px}.page-heading p{color:#95a19e;margin-top:8px;font-size:11px;line-height:1.7}.heading-actions{gap:10px;margin-top:15px;display:flex}.upload-button-wrap{position:relative}.welcome-banner{background:linear-gradient(105deg,#edf6ef,#f1f7ee 63%,#eef4ea);border:1px solid #e1ece7;border-radius:11px;justify-content:space-between;align-items:center;min-height:181px;padding:27px 29px 23px;display:flex;position:relative;overflow:hidden}.banner-kicker{color:#8da791;letter-spacing:1px;align-items:center;gap:7px;font-size:9px;display:flex}.banner-kicker>span{background:#86ab8d;border-radius:50%;width:4px;height:4px}.welcome-banner h2{color:#395e4b;letter-spacing:1px;margin-top:13px;font-size:21px;font-weight:550;line-height:1.55}.welcome-banner p{color:#91a68f;margin-top:9px;font-size:11px;line-height:1.8}.welcome-banner button{color:#6d9278;align-items:center;gap:5px;margin-top:17px;padding:0;font-size:10px;display:flex}.welcome-banner button:hover{color:#147d6b}.banner-art{opacity:.9;flex:0 0 240px;height:144px;margin-right:12px;position:relative}.banner-orbit{border:1px dashed #d4e4cf;border-radius:50%;width:160px;height:160px;position:absolute;top:-2px;left:44px;transform:rotate(-30deg)}.banner-orbit:after{content:"";border:1px solid #dbe8d4;border-radius:50%;width:190px;height:70px;position:absolute;top:43px;left:-13px;transform:rotate(-23deg)}.banner-folder{color:#bad3a7;filter:drop-shadow(0 9px 5px #83a5781a);justify-content:center;align-items:center;width:77px;height:77px;display:flex;position:absolute;top:37px;left:95px;transform:rotate(-7deg)}.banner-folder>span{color:#76a474;background:#f7fbf2;border:3px solid #e9f2e2;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex;position:absolute;bottom:0;right:-3px}.banner-document,.banner-photo{background:#fff;border-radius:7px;padding:8px;position:absolute;box-shadow:0 6px 12px #55705309}.banner-document{top:50px;left:38px;transform:rotate(-12deg)}.banner-photo{top:12px;left:167px;transform:rotate(13deg)}.banner-document .file-glyph,.banner-photo .file-glyph{background:0 0;width:30px;height:34px}.banner-document .file-glyph{color:#a0b89f}.banner-photo .file-glyph{color:#bcbd8f}.banner-spark{color:#b3cba4;position:absolute;top:95px;right:20px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 29px;display:grid}.category-card{text-align:left;background:#fff;border:1px solid #e9edf0;border-radius:9px;align-items:center;gap:12px;min-height:89px;padding:21px 16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.category-card:hover{border-color:#d4e3db;transform:translateY(-2px);box-shadow:0 5px 15px #273a3105}.category-icon{border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.category-card>span:nth-child(2){flex-direction:column;gap:7px;display:flex}.category-card strong{white-space:nowrap;font-size:12px;font-weight:550}.category-card small{color:#a3adaa;white-space:nowrap;font-size:9px}.category-size{color:#aeb8b3;white-space:nowrap;align-self:flex-end;margin-left:auto;padding-bottom:2px;font-size:9px}.category-arrow{color:#cbd2cf;position:absolute;top:14px;right:12px}.rose{color:#d78a8e;background:#fcf0f0}.blue{color:#6c9bc7;background:#edf4fc}.purple{color:#9b8acb;background:#f4f0fc}.orange{color:#d3a16f;background:#fbf3e9}.yellow{color:#baa05c;background:#f9f4e5}.teal{color:#6caa9b;background:#eaf6f1}.gray{color:#97a3ae;background:#f0f3f5}.folder{color:#d3b26d;background:#fcf7e9}.files-section{background:#fff;border:1px solid #e8edef;border-radius:10px;min-height:373px;position:relative}.files-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:80px;padding:20px;display:flex}.file-location{min-width:0;font-size:12px}.file-location>strong{font-weight:550}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.breadcrumbs>button,.breadcrumbs span>button{color:#82908a;white-space:nowrap;text-overflow:ellipsis;max-width:180px;padding:5px 3px;font-size:12px;overflow:hidden}.breadcrumbs>button:last-child,.breadcrumbs span:last-child>button{color:#435a50;font-weight:550}.breadcrumbs span{color:#b5bfba;align-items:center;gap:4px;display:flex}.item-count{color:#a6b1ac;margin-left:10px;font-size:10px;font-weight:400}.file-tools{align-items:center;gap:11px;display:flex}.search-field{color:#a7b2b0;background:#f9fafb;border:1px solid #edf0f2;border-radius:6px;align-items:center;gap:8px;width:190px;min-width:150px;height:34px;padding:0 9px;display:flex}.search-field input{color:#4b6558;background:0 0;border:0;width:100%;min-width:0;height:31px;padding:0;font-size:10px;box-shadow:none!important}.search-field input::placeholder{color:#acb7b3}.search-field kbd{color:#b1bab6;white-space:nowrap;border:1px solid #e9edeb;border-radius:3px;padding:2px 3px;font-size:8px;line-height:1}.search-field .icon-button{min-width:18px;height:24px;padding:0}.sort-control{color:#9aa59f;white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:flex}.sort-control select{color:#819087;cursor:pointer;background:0 0;border:0;max-width:78px;padding:7px 0;font-size:10px}.sort-control>.icon-button{min-width:22px;height:24px;padding:2px}.view-toggle{border:1px solid #e9edeb;border-radius:5px;gap:1px;padding:3px;display:flex}.view-toggle button{color:#acb5b0;border-radius:3px;justify-content:center;align-items:center;width:28px;height:24px;display:flex}.view-toggle button.active{color:#4c7e63;background:#edf3ef}.file-row{border-bottom:1px solid #f0f3f2;grid-template-columns:33px minmax(140px,1fr) 85px 100px 145px 28px;align-items:center;gap:5px;min-height:69px;padding:0 22px;transition:background .15s;display:grid}.file-row:hover{background:#fbfcfb}.file-row.selected{background:#f1f8f4}.file-table-header.file-row{color:#9ba8a2;background:#fafbfc;border-top:1px solid #f0f3f2;border-bottom:1px solid #f0f3f2;min-height:39px;font-size:10px}.check-wrap{cursor:pointer;color:#90a097;align-items:center;gap:8px;font-size:11px;line-height:1;display:inline-flex}.file-name-cell{align-items:center;gap:11px;min-width:0;padding-right:15px;display:flex}.file-glyph{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:38px;display:inline-flex}.file-glyph.large{border-radius:13px;width:75px;height:82px}.filename{white-space:nowrap;text-overflow:ellipsis;text-align:left;color:#4b5e55;padding:6px 0;font-size:11px;font-weight:480;line-height:1.55;overflow:hidden}.filename:hover{color:var(--primary)}.starred-icon{color:#d6b46c;flex-shrink:0}.file-size,.file-date{color:#96a49d;letter-spacing:.1px;font-size:10px}.file-date{font-size:9px}.category-pill{color:#98a69e;background:0 0;border-radius:4px;padding:4px 6px;font-size:9px}.file-menu-button{color:#a2b0a7;opacity:.6}.file-row:hover .file-menu-button,.file-row.selected .file-menu-button{opacity:1}.file-list-footer{color:#abb5af;justify-content:space-between;align-items:center;padding:15px 24px;font-size:9px;display:flex}.file-list-footer>span:last-child{color:#b1beb4;align-items:center;gap:5px;display:flex}.selection-toolbar{color:#60836b;background:#eff8f2;border-top:1px solid #e7f1e9;border-bottom:1px solid #e7f1e9;justify-content:space-between;align-items:center;gap:14px;padding:12px 22px;font-size:11px;display:flex}.selection-toolbar>span,.selection-toolbar>div{align-items:center;gap:8px;display:flex}.selection-toolbar>div{gap:20px}.selection-toolbar .text-button{font-size:11px}.grid-select{color:#9eaaa2;justify-content:space-between;padding:0 23px 17px;font-size:10px;display:flex}.file-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:0 21px 21px;display:grid}.file-card{border:1px solid #e9efeb;border-radius:8px;min-width:0;transition:border-color .16s,background .16s}.file-card:hover{background:#fcfdfc;border-color:#bad6c5}.file-card.selected{background:#f0f8f3;border-color:#c6dfcf}.file-card-top{align-items:center;gap:7px;height:37px;padding:6px 9px;display:flex}.file-card-top .icon-button{margin-left:auto}.file-card-main{flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0;padding:5px 12px 22px;display:flex}.file-card-main .file-glyph.large{width:58px;height:64px}.file-card-main>strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.file-card-main>span:last-child{color:#a3afa7;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.file-card-main i{background:#c4cec6;border-radius:50%;width:3px;height:3px}.empty-state{text-align:center;color:#a5b2ab;flex-direction:column;justify-content:center;align-items:center;min-height:325px;padding:35px 25px;display:flex}.empty-state h3{color:#677d6f;letter-spacing:.3px;margin-top:20px;font-size:15px;font-weight:500}.empty-state p{color:#a5b2aa;max-width:420px;margin-top:11px;font-size:11px;line-height:1.9}.empty-actions{align-items:center;gap:21px;margin-top:23px;display:flex}.empty-actions .button{min-height:36px;padding:0 16px;font-size:11px}.empty-actions .text-button{color:#8da392;font-size:11px}.empty-hint{color:#b9c4ba;letter-spacing:.5px;margin-top:19px;font-size:9px}.empty-illustration{justify-content:center;align-items:center;width:90px;height:74px;display:flex;position:relative}.empty-folder{color:#abc2a4;background:#f6f9f3;border:1px solid #e8f0e7;border-radius:22px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;transform:rotate(-6deg)}.empty-illustration>span{color:#bad0aa;position:absolute;top:-4px;right:-3px;transform:rotate(13deg)}.workspace-footer{color:#b4bfba;letter-spacing:.5px;justify-content:space-between;align-items:center;padding:25px 0 28px;font-size:8px;display:flex}.workspace-footer>span{align-items:center;gap:7px;display:flex}.workspace-footer>span:first-child{color:#a8b4ad}.workspace-footer>span:last-child{color:#bcc5bf}.menu-backdrop{z-index:55;cursor:default;position:fixed;inset:0}.dropdown{z-index:60;background:#fff;border:1px solid #e8efea;border-radius:9px;min-width:190px;padding:6px;position:absolute;box-shadow:0 8px 35px #263a2d1a}.upload-dropdown{min-width:210px;top:calc(100% + 8px);right:0}.dropdown button,.dropdown>a{text-align:left;color:#5c7363;white-space:nowrap;border-radius:5px;align-items:center;gap:9px;width:100%;padding:10px;font-size:11px;display:flex}.dropdown button:hover,.dropdown>a:hover{background:#f2f7f3}.dropdown button svg,.dropdown>a svg{color:#92a695}.dropdown small{color:#aab7ae;margin-left:auto;font-size:8px}.file-dropdown{position:fixed}.dropdown-divider{border-top:1px solid #edf2ee;margin:4px 8px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background:#1d302a55;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e4ebe7;border-radius:15px;width:min(460px,100%);max-height:calc(100dvh - 48px);animation:.18s ease-out modal-in;overflow-y:auto;box-shadow:0 22px 70px #15302326}.modal-wide{width:min(960px,100%)}.modal-heading{border-bottom:1px solid #eef2ef;justify-content:space-between;align-items:flex-start;gap:16px;padding:25px 27px 21px;display:flex}.modal-heading h2{color:#3b5748;word-break:break-all;font-size:17px;font-weight:600;line-height:1.6}.modal-heading p{color:#9baba1;margin-top:5px;font-size:10px;line-height:1.8}.modal-close{flex-shrink:0}.modal-form{flex-direction:column;gap:20px;padding:23px 27px 25px;display:flex}.modal-form label,.login-form label,.password-form label{color:#627867;flex-direction:column;gap:9px;font-size:11px;font-weight:500;display:flex;position:relative}.modal-form input,.modal-form select,.login-form input,.password-form input,.public-card input{color:#496b53;background:#fff;border:1px solid #dfe8e1;border-radius:6px;width:100%;height:42px;padding:0 11px;font-size:12px;transition:border-color .15s,box-shadow .15s}.modal-form input::placeholder,.login-form input::placeholder,.password-form input::placeholder,.public-card input::placeholder{color:#b0bcb3;font-size:11px}.modal-form select{cursor:pointer}.field-hint{color:#9aac9d;font-size:10px;font-weight:400;line-height:1.8}.optional{color:#b2bfb3;font-size:9px;font-weight:400;position:absolute;top:0;left:57px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.modal-actions .button{min-height:38px;font-size:12px}.form-error{color:#b65452;background:#fdf0ee;border:1px solid #f5dad7;border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.7}.dialog-description{color:#7d9381;font-size:12px;line-height:1.8}.selected-file{background:#f8faf7;border:1px solid #edf2e9;border-radius:8px;align-items:center;gap:12px;min-width:0;padding:13px 14px;display:flex}.selected-file>div{min-width:0}.selected-file strong{word-break:break-all;font-size:12px;font-weight:500;line-height:1.6}.selected-file small{color:#a4b1a5;margin-top:3px;font-size:10px;display:block}.confirmation-message{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:3px 1px 8px;display:flex}.confirmation-icon{color:#75a27c;background:#edf5ec;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.confirmation-icon.danger{color:#cc8a80;background:#fcedea}.confirmation-message p{color:#57745e;font-size:14px;font-weight:500;line-height:1.8}.confirmation-message>span:last-child{color:#97aa9b;font-size:11px;line-height:1.9}.share-success{text-align:center}.success-circle{color:#69a576;background:#eaf4eb;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:3px auto 15px;display:flex}.share-success>p:first-of-type{color:#5c7d63;margin-bottom:19px;font-size:13px}.copy-field{background:#f9fcf8;border:1px solid #dce7dd;border-radius:6px;align-items:center;margin-bottom:14px;padding-right:5px;display:flex}.copy-field input{background:0 0;border:0;font-size:11px;box-shadow:none!important}.share-code{color:#8ca08f;margin:15px 0;font-size:12px}.share-code strong{color:#486e51;font-family:monospace}.preview-body{background:#f4f6f4;justify-content:center;align-items:center;height:62vh;min-height:360px;max-height:650px;display:flex;overflow:auto}.preview-body>img{object-fit:contain;max-width:100%;max-height:100%}.preview-body>video{background:#1f2e27;width:100%;height:100%;max-height:100%}.preview-body>iframe{background:#fff;border:0;width:100%;height:100%}.preview-unavailable{text-align:center;color:#a2b5a7;flex-direction:column;align-items:center;padding:30px;display:flex}.preview-unavailable h3{color:#77917f;margin:22px 0 10px;font-size:15px;font-weight:500}.preview-unavailable p{margin-bottom:22px;font-size:11px;line-height:1.8}.preview-footer{justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;display:flex}.preview-footer>span{color:#97ac9c;align-items:center;gap:6px;font-size:10px;display:flex}.preview-footer>div{gap:9px;display:flex}.text-preview{background:#fafcf9;width:100%;height:100%;overflow:auto}.text-preview pre{white-space:pre-wrap;word-break:break-word;color:#44584a;margin:0;padding:20px 25px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.7}.audio-preview{flex-direction:column;align-items:center;gap:25px;width:100%;padding:30px;display:flex}.audio-preview strong{word-break:break-all;font-size:16px;font-weight:500}.audio-preview audio{width:min(100%,480px)}.info-strip{color:#8aa090;background:#f6f9f6;align-items:flex-start;gap:8px;padding:13px 21px;font-size:10px;line-height:1.8;display:flex}.info-strip>svg{margin-top:1px}.loading{color:#94aa9b;justify-content:center;align-items:center;gap:10px;padding:70px 25px;font-size:12px;display:flex}.loading>svg{color:#81ad93}.initial-screen{background:#f7f9f6;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.initial-screen .loading{padding-top:35px}.initial-error{text-align:center;color:#9c796c;margin-top:30px;font-size:12px}.initial-error .button{margin-top:20px}.toasts{z-index:130;pointer-events:none;flex-direction:column;align-items:flex-end;gap:9px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:20px;right:24px}.toast{color:#558466;pointer-events:auto;background:#fff;border:1px solid #dfeee4;border-radius:9px;align-items:center;gap:10px;max-width:480px;padding:13px 15px;font-size:12px;animation:.18s ease-out modal-in;display:flex;box-shadow:0 5px 25px #263e3014}.toast>span{line-height:1.6}.toast>button{color:#a1b3a6;margin-left:6px;padding:3px;display:flex}.toast-error{color:#b27568;border-color:#efd9d4}.upload-panel{z-index:65;background:#fff;border:1px solid #e0ebe1;border-radius:12px;width:430px;max-width:calc(100vw - 32px);position:fixed;bottom:22px;right:25px;overflow:hidden;box-shadow:0 6px 35px #21412f24}.upload-panel>header{background:#fafcf9;border-bottom:1px solid #edf3eb;justify-content:space-between;align-items:center;padding:14px 15px 14px 19px;display:flex}.upload-panel>header>span{color:#607e65;align-items:center;gap:8px;font-size:12px;font-weight:550;display:flex}.upload-panel>header>span>svg{color:#8aaf8f}.upload-panel>header small{color:#a5b5a8;margin-left:5px;font-size:9px;font-weight:400}.upload-panel>header>div{gap:3px;display:flex}.upload-items{max-height:320px;overflow:auto}.upload-item{border-bottom:1px solid #f2f6ef;align-items:center;gap:11px;padding:17px 18px;display:flex}.upload-info{flex:1;min-width:0}.upload-info strong{white-space:nowrap;text-overflow:ellipsis;color:#5b7861;font-size:11px;font-weight:500;display:block;overflow:hidden}.upload-meta{color:#a7b7a8;justify-content:space-between;gap:4px;margin-top:7px;font-size:9px;display:flex}.upload-meta>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-meta b{color:#89a890;font-weight:400}.progress{background:#ecf3e9;border-radius:3px;height:3px;margin-top:8px;overflow:hidden}.progress>span{background:#7bb58a;border-radius:3px;height:100%;transition:width .15s;display:block}.progress.error>span{background:#dca79a}.progress.paused>span{background:#b8c4ad}.upload-controls{align-items:center;gap:1px;display:flex}.upload-controls .icon-button{width:23px;min-width:23px;height:25px}.upload-panel>footer{color:#adbba9;background:#fcfdfb;justify-content:space-between;align-items:center;padding:11px 18px;font-size:9px;display:flex}.upload-panel footer .text-button{color:#8fa78d;font-size:9px}.upload-empty{text-align:center;color:#b1c1aa;padding:34px 20px}.upload-empty p{margin-top:11px;font-size:11px}.drag-overlay{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;pointer-events:none;background:#f1f9e9ee;border:2px dashed #7caa75;border-radius:18px;justify-content:center;align-items:center;display:flex;position:fixed;inset:12px}.drag-overlay>div{color:#7ca76d}.drag-overlay h2{letter-spacing:1px;color:#597e48;margin-top:28px;font-size:25px;font-weight:500}.drag-overlay p{color:#97ad82;margin-top:15px;font-size:13px}.shares-section{background:#fff;border:1px solid #e5ece6;border-radius:10px;overflow:hidden}.section-header{justify-content:space-between;align-items:center;gap:15px;padding:23px 24px;display:flex}.section-header h2{color:#506d57;font-size:14px;font-weight:550}.section-header h2>span{color:#a1b09f;margin-left:9px;font-size:10px;font-weight:400}.section-header p{color:#a1b39e;margin-top:6px;font-size:10px;line-height:1.8}.share-list{padding:0 24px}.share-card{border-bottom:1px solid #edf2e9;align-items:center;gap:14px;padding:21px 0;display:flex}.share-card:last-child{border-bottom:0}.share-card-info{flex:1;min-width:0}.share-card-info>strong{white-space:nowrap;text-overflow:ellipsis;color:#5a765a;font-size:12px;font-weight:550;display:block;overflow:hidden}.share-card-info p{color:#9faf96;align-items:center;gap:14px;margin-top:9px;font-size:9px;display:flex}.share-card-info p>span{align-items:center;gap:4px;display:flex}.share-status{color:#88a975;background:#edf6e9;border-radius:4px;padding:3px 6px;font-size:8px}.share-status.expired{color:#b3a381;background:#f4f1ea}.share-card-info>small{color:#adbaa1;margin-top:8px;font-size:9px;display:block}.share-card-actions{align-items:center;gap:8px;display:flex}.settings-layout{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:23px;display:grid}.settings-main{flex-direction:column;gap:20px;display:flex}.settings-card{background:#fff;border:1px solid #e4ece4;border-radius:10px;overflow:hidden}.settings-card-heading{align-items:center;gap:13px;padding:23px 24px;display:flex}.settings-icon{color:#82a478;background:#f3f8ee;border:1px solid #e4efe0;border-radius:10px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.settings-card-heading h2{color:#58794f;font-size:14px;font-weight:550}.settings-card-heading p{color:#a0b194;margin-top:5px;font-size:10px;line-height:1.8}.settings-card-heading>.switch{margin-left:auto}.switch{background:#d9e3d2;border-radius:30px;flex-shrink:0;width:35px;height:20px;padding:3px;transition:background .2s;position:relative}.switch>span{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;display:block;box-shadow:0 1px 3px #49603a16}.switch.on{background:#7ea16d}.switch.on>span{transform:translate(15px)}.small-switch{width:31px;height:18px;padding:3px}.small-switch>span{width:12px;height:12px}.small-switch.on>span{transform:translate(13px)}.settings-card-body{padding:0 24px 22px}.settings-description{color:#9aaf8f;font-size:11px;line-height:1.95}.builtin-categories{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.builtin-categories>span{color:#8ba17a;background:#f7faf4;border:1px solid #edf3e7;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;display:flex}.settings-inline{border-top:1px solid #edf3e7;justify-content:space-between;align-items:center;gap:15px;margin-top:21px;padding-top:18px;display:flex}.settings-inline>span{color:#a6b596;font-size:10px;line-height:1.8}.settings-card .section-header{border-bottom:1px solid #f0f4ec}.rules-empty{color:#bbc9a8;flex-wrap:wrap;align-items:center;gap:14px;padding:25px 24px 30px;display:flex}.rules-empty>div{flex:1}.rules-empty strong{color:#91a476;font-size:11px;font-weight:500}.rules-empty p{color:#afbd98;margin-top:6px;font-size:9px;line-height:1.9}.rules-empty>.text-button{font-size:9px}.rules-list{padding:0 20px}.rule-row{border-bottom:1px solid #f0f4e9;align-items:center;gap:9px;padding:17px 0;display:flex}.rule-row:last-child{border-bottom:0}.rule-priority{color:#9eae83;background:#f2f7e9;border-radius:6px;justify-content:center;align-items:center;min-width:25px;height:25px;font-size:9px;display:flex}.rule-details{flex:1;min-width:0}.rule-details strong{color:#778e59;word-break:break-all;font-size:11px;font-weight:550}.rule-details p{color:#a9b88d;word-break:break-all;flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;font-size:9px;line-height:1.8;display:flex}.rule-row>.icon-button{width:26px;min-width:26px}.password-form{flex-direction:column;gap:17px;padding:0 24px 24px;display:flex}.form-two-columns{grid-template-columns:1fr 1fr;gap:15px;display:grid}.password-form>.button{align-self:flex-start;min-height:37px;margin-top:2px;font-size:12px}.settings-aside{background:#f0f5e9;border:1px solid #e7eedc;border-radius:10px;padding:25px 23px}.aside-icon{color:#a2b786;margin-bottom:16px;display:block}.settings-aside h3{color:#718a4e;font-size:13px;font-weight:550}.settings-aside>p{color:#99ad7b;margin-top:12px;font-size:10px;line-height:2}.settings-aside ul{flex-direction:column;gap:14px;margin:0;padding:15px 0 0;list-style:none;display:flex}.settings-aside li{color:#8da46b;align-items:center;gap:7px;font-size:9px;display:flex}.settings-aside li>svg{color:#a8bd8b}.aside-note{color:#adb98f;border-top:1px solid #dfe8d1;align-items:flex-start;gap:7px;margin-top:23px;padding-top:20px;display:flex}.aside-note>svg{margin-top:2px}.aside-note p{font-size:9px;line-height:1.9}.login-page{background:#fff;grid-template-columns:minmax(450px,48%) 1fr;min-height:100vh;display:grid}.login-story{background:linear-gradient(145deg,#eaf3ec,#f1f6e7 65%,#edf1e1);flex-direction:column;min-height:720px;padding:47px 60px 35px;display:flex;position:relative;overflow:hidden}.login-story>.brand{z-index:2;position:relative}.login-story .brand-mark{box-shadow:none;background:#4e8168}.login-story .brand-arrow{background:#4e8168}.login-story .brand{color:#426c55}.login-story .brand small{color:#9faf97}.login-art{flex:1;width:100%;height:250px;min-height:230px;max-height:340px;margin-top:30px;position:relative}.orbit{border:1px solid #c8d9c080;border-radius:50%;width:230px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-two{border-style:dashed;width:300px;height:170px;transform:translate(-50%,-50%)rotate(-30deg)}.orbit-three{border-color:#d9e4ce;width:160px;height:290px;transform:translate(-50%,-50%)rotate(-25deg)}.art-cloud{color:#93b38b;flex-direction:column;justify-content:center;align-items:center;width:160px;height:145px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.art-cloud>span{letter-spacing:2px;color:#a4b797;margin-top:-10px;font-size:11px}.orbit-file{background:#ffffffd9;border-radius:13px;padding:10px;position:absolute;box-shadow:0 8px 30px #426b3610}.orbit-file .file-glyph{background:0 0}.orbit-file-one{color:#bbaa81;top:17%;left:17%;transform:rotate(-12deg)}.orbit-file-two{top:8%;right:14%;transform:rotate(11deg)}.orbit-file-three{bottom:15%;left:12%;transform:rotate(-5deg)}.orbit-file-four{bottom:12%;right:15%;transform:rotate(12deg)}.art-tag{white-space:nowrap;color:#95ab76;background:#f9fbf1;border:1px solid #e1e9cf;border-radius:20px;align-items:center;gap:7px;padding:9px 12px;font-size:9px;display:flex;position:absolute;top:60%;left:57%;transform:rotate(-6deg);box-shadow:0 4px 16px #7e8d5710}.login-copy{z-index:2;margin-top:20px;position:relative}.eyebrow{letter-spacing:2.2px;color:#9aaf8a;font-size:8px}.login-copy h1{letter-spacing:3px;color:#4a6c46;margin-top:18px;font-size:37px;font-weight:430;line-height:1.65}.login-copy p{color:#97ad80;letter-spacing:.5px;margin-top:18px;font-size:11px;line-height:2.05}.login-bottom{color:#a0b18b;letter-spacing:.5px;gap:25px;margin-top:45px;font-size:10px;display:flex}.login-bottom span{align-items:center;gap:5px;display:flex}.login-main{flex-direction:column;justify-content:center;align-items:center;padding:60px 40px 80px;display:flex;position:relative}.login-form{flex-direction:column;gap:23px;width:min(335px,100%);display:flex}.login-welcome{margin-bottom:12px}.welcome-icon{color:#9eaf7b;background:#f6f8f0;border:1px solid #e6eddf;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:24px;display:flex}.login-welcome h2{letter-spacing:1px;color:#4f6743;font-size:26px;font-weight:500}.login-welcome p{color:#a3b28f;margin-top:12px;font-size:11px}.login-form label{color:#899c71}.login-form input{color:#6a8052;border-color:#e4e9dc;height:45px}.password-field{position:relative}.password-field input{padding-right:42px}.password-field>.icon-button{color:#b1bda0;position:absolute;top:7px;right:5px}.login-submit{letter-spacing:1px;width:100%;margin-top:3px;font-weight:500;background:#60864c!important;border-color:#60864c!important;min-height:45px!important}.login-submit>svg:last-child{margin-left:auto}.login-submit>svg:first-child:not(:last-child){margin-right:auto}.login-note{color:#b2bea1;justify-content:center;align-items:center;gap:6px;margin-top:-1px;font-size:9px;display:flex}.login-main>footer{letter-spacing:.5px;color:#bcc7ad;gap:9px;font-size:8px;display:flex;position:absolute;bottom:30px}.mobile-login-brand{display:none}.public-page{background:radial-gradient(at 50% 36%,#f3f7e9,#f8faf5 70%);flex-direction:column;align-items:center;min-height:100vh;padding:36px 50px;display:flex}.public-page>header{justify-content:space-between;align-items:center;width:100%;display:flex}.public-page>header>span{color:#a2b28c;align-items:center;gap:6px;font-size:10px;display:flex}.public-page .brand-mark,.public-page .brand-arrow{background:#6b8a54}.public-page .brand{color:#617a4d}.public-card{text-align:center;background:#fff;border:1px solid #e6eddc;border-radius:16px;flex-direction:column;align-items:center;width:min(470px,100%);margin:65px 0 45px;padding:38px 42px;display:flex;box-shadow:0 15px 60px #66734508}.share-eyebrow{letter-spacing:1.6px;color:#b1bf9c;margin-bottom:31px;font-size:8px}.public-card>.file-glyph{margin-bottom:24px}.public-card h1{color:#657e46;overflow-wrap:anywhere;max-width:100%;font-size:20px;font-weight:500;line-height:1.7}.public-file-meta{color:#b0be99;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.public-file-meta>span{background:#c6cfb7;border-radius:50%;width:3px;height:3px}.public-card form{flex-direction:column;gap:13px;width:100%;margin-top:29px;display:flex}.public-password-intro{color:#a6b889;justify-content:center;align-items:center;gap:6px;margin-bottom:5px;font-size:11px;display:flex}.public-card input{text-align:center;color:#83995b;border-color:#e3ead7}.public-card .button.primary{letter-spacing:.5px;background:#748f50;border-color:#748f50;min-height:43px}.public-expiry{color:#bbc7a8;border-top:1px solid #f0f3ea;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:29px;padding-top:24px;font-size:9px;display:flex}.public-download{width:100%;margin-top:30px}.public-download>.button{width:100%;font-size:13px}.public-download>.button>span{opacity:.7;margin-left:8px;font-size:9px}.unlocked-label{color:#a0b67f;justify-content:center;align-items:center;gap:5px;margin-bottom:15px;font-size:10px;display:flex}.public-page>footer{color:#a6b68e;flex-direction:column;align-items:center;gap:12px;display:flex}.public-page>footer .brand{opacity:.35;margin-bottom:-10px;transform:scale(.7)}.public-page>footer>p{letter-spacing:1px;font-size:11px}.public-page>footer>span{letter-spacing:.7px;color:#c0cbb0;font-size:8px}.public-error-icon{color:#b6c69a;background:#f6f9ef;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin-bottom:25px;display:flex}.public-card>p:not(.public-file-meta){color:#a3b78a;margin:15px 0;font-size:12px;line-height:1.9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.workspace{padding:40px 50px 0}.topbar{padding:0 50px}.page-heading{margin-bottom:30px}.welcome-banner{min-height:190px}.files-section{min-height:440px}.empty-state{min-height:365px}}@media (width<=1250px){:root{--sidebar-width:210px}.sidebar-brand{padding-left:24px}.workspace{padding:30px 27px 0}.topbar{padding:0 27px}.category-card{gap:9px;padding:17px 12px}.category-size{display:none}.category-icon{border-radius:9px;width:37px;height:37px}.category-grid{gap:12px}.file-tools{gap:7px}.search-field{width:160px;min-width:130px}.refresh-button{display:none}.file-row{grid-template-columns:28px minmax(130px,1fr) 70px 70px 118px 27px;padding:0 18px}.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-aside{display:none}.login-story{padding:40px 43px 32px}.login-copy h1{font-size:33px}.login-bottom{gap:18px}.banner-art{transform-origin:100%;flex-basis:190px;margin-right:0;transform:scale(.85)}.banner-orbit{left:15px}.banner-folder{left:65px}.banner-document{left:8px}.banner-photo{left:137px}.banner-spark{right:-10px}.welcome-banner h2{font-size:19px}}@media (width<=1000px){:root{--sidebar-width:190px}.sidebar-brand{padding-left:20px}.brand{font-size:23px}.sidebar .brand-mark{width:37px;height:37px}.sidebar .brand-arrow{top:16px;left:10px}.workspace-label{margin-left:19px;margin-right:19px}.navigation{padding:0 11px}.nav-item{gap:9px;padding-left:13px}.sidebar-bottom{padding:20px 19px 17px}.workspace{padding:27px 23px 0}.topbar{height:69px;padding:0 23px}.page-heading h1{font-size:24px}.page-heading{gap:10px}.page-heading p{font-size:10px}.button{min-height:38px;padding:0 13px;font-size:12px}.heading-actions{gap:7px}.new-folder-button{font-size:11px}.welcome-banner{min-height:170px;padding:23px 24px}.welcome-banner h2{font-size:18px}.welcome-banner p{max-width:315px;font-size:10px}.banner-art{flex-basis:145px;transform:scale(.7)}.category-grid{gap:9px}.category-card{gap:8px;min-height:78px;padding:18px 11px}.category-icon{width:32px;height:34px}.category-icon>svg{width:19px}.category-card strong{font-size:11px}.category-card small{font-size:8px}.category-arrow{display:none}.file-tools{gap:6px}.files-toolbar{flex-wrap:wrap;padding:17px 16px}.file-tools{justify-content:flex-end;width:100%}.file-location{width:100%}.search-field{flex:1}.file-category{display:none}.file-row{grid-template-columns:26px minmax(125px,1fr) 70px 110px 27px;padding:0 16px}.selection-toolbar{padding:11px 16px}.selection-toolbar>div{gap:11px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.login-page{grid-template-columns:44% 56%}.login-story{min-height:680px;padding:37px 32px 30px}.login-copy h1{letter-spacing:2px;font-size:29px}.login-art{transform-origin:50%;width:calc(100% + 20px);margin-left:-10px;transform:scale(.85)}.login-bottom{gap:11px;font-size:8px}.login-bottom svg{width:12px}.login-main{padding-left:35px;padding-right:35px}}@media (width<=760px){.sidebar{z-index:80;width:235px;transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:75;background:#1c342949;position:fixed;inset:0}.sidebar-close{margin-left:auto;display:flex}.sidebar-brand{padding-right:17px}.sidebar .brand-mark{width:42px;height:42px}.sidebar .brand-arrow{top:19px;left:12px}.main-shell{margin-left:0}.mobile-menu{display:flex}.topbar{height:62px;padding:0 20px}.topbar-left{gap:10px}.topbar-right{gap:11px}.private-badge{font-size:9px}.topbar-breadcrumb{gap:8px;font-size:10px}.workspace{padding:26px 20px 0}.page-heading{margin-bottom:22px}.page-heading h1{font-size:24px}.section-kicker{letter-spacing:1.5px;font-size:7px}.page-heading p{font-size:10px}.welcome-banner{padding:22px 23px}.category-grid{gap:12px;margin:18px 0 24px}.category-card{padding:17px 12px}.category-card strong{font-size:11px}.category-card small{font-size:8px}.files-toolbar{flex-wrap:nowrap;gap:12px}.file-location{width:auto;max-width:40%}.file-tools{flex:1;width:auto}.search-field{width:100px;min-width:80px;max-width:230px}.search-field kbd{display:none}.sort-control select{max-width:70px;font-size:9px}.file-row{grid-template-columns:27px minmax(140px,1fr) 70px 110px 27px;min-height:66px}.file-row.file-table-header{min-height:38px}.empty-state{min-height:310px}.share-card-actions{gap:3px}.settings-card-heading,.section-header{padding:20px}.settings-card-body,.password-form{padding-left:20px;padding-right:20px}.login-page{grid-template-columns:42% 58%}.login-story{padding:30px 23px}.login-copy h1{font-size:26px}.login-art{width:300px;min-height:260px;max-height:260px;margin-top:15px;margin-left:calc(50% - 150px);transform:scale(.7)}.login-copy{margin-top:0}.login-copy p{font-size:10px}.login-bottom{flex-wrap:wrap;gap:8px}.login-main{padding:45px 30px 75px}.login-welcome h2{font-size:23px}.login-form{gap:20px}.login-main>footer{gap:5px;font-size:7px}.public-page{padding:27px 25px}.public-card{margin-top:60px}.public-page>header>span{font-size:8px}.modal-overlay{padding:18px}.modal{max-height:calc(100dvh - 36px)}.preview-footer>span{display:none}.preview-footer{justify-content:flex-end}.upload-panel{bottom:15px;right:16px}}@media (width<=560px){.topbar{height:58px;padding:0 15px}.topbar-breadcrumb>strong{white-space:nowrap;text-overflow:ellipsis;max-width:130px;overflow:hidden}.topbar-breadcrumb{gap:6px;font-size:9px}.topbar-right{gap:7px}.topbar-divider{display:none}.private-badge{gap:0;font-size:0}.private-badge>svg{width:16px}.workspace{padding:23px 15px 0}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:17px}.page-heading h1{font-size:25px}.page-heading p{max-width:320px;font-size:10px}.heading-actions{justify-content:flex-end;width:100%;margin-top:0}.heading-actions .button{min-height:37px;font-size:11px}.welcome-banner{min-height:171px;padding:20px}.welcome-banner h2{letter-spacing:.3px;max-width:none;font-size:16px}.welcome-banner p{max-width:205px;font-size:9px;line-height:1.85}.banner-kicker{letter-spacing:.5px;font-size:8px}.welcome-banner button{font-size:9px}.banner-art{transform-origin:100% 100%;opacity:.65;width:160px;height:130px;position:absolute;bottom:6px;right:4px;transform:scale(.6)}.banner-spark{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.category-card{gap:11px;min-height:80px;padding:17px 14px}.category-icon{width:37px;height:38px}.category-icon>svg{width:21px}.category-card small{font-size:9px}.category-size{font-size:8px;display:block}.category-arrow{display:none}.files-toolbar{flex-wrap:wrap;gap:12px;padding:17px 13px 13px}.file-location{width:100%;max-width:100%}.file-tools{flex:auto;gap:6px;width:100%}.search-field{flex:1;max-width:none;height:32px}.search-field input{font-size:10px}.sort-control{gap:1px}.sort-control>svg{display:none}.view-toggle{padding:2px}.view-toggle button{width:25px}.file-row{grid-template-columns:23px minmax(100px,1fr) 53px 25px;gap:3px;min-height:66px;padding:0 12px}.file-date{display:none}.file-size{font-size:9px}.file-name-cell{gap:8px;padding-right:8px}.filename{font-size:10px}.file-glyph{border-radius:5px;width:28px;height:33px}.file-glyph>svg{width:19px}.file-glyph.large{width:70px;height:77px}.file-glyph.large>svg{width:32px}.file-table-header.file-row{font-size:9px}.file-list-footer{padding:13px 14px;font-size:8px}.file-list-footer>span:last-child{font-size:7px}.empty-state{min-height:310px;padding:28px 16px}.empty-state h3{font-size:14px}.empty-state p{max-width:275px;font-size:10px}.empty-actions{flex-direction:column;gap:16px;margin-top:21px}.empty-actions .button{font-size:11px}.empty-actions .text-button{font-size:10px}.empty-hint{margin-top:18px;font-size:8px}.empty-illustration{transform:scale(.9)}.workspace-footer{letter-spacing:0;padding:20px 0 24px;font-size:7px}.workspace-footer>span:last-child{display:none}.selection-toolbar{flex-direction:column;align-items:flex-start;gap:8px;padding:11px 12px;font-size:10px}.selection-toolbar>div{gap:17px;width:100%}.selection-toolbar .text-button{font-size:10px}.selection-toolbar>div>.icon-button{min-width:20px;margin-left:auto}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 12px}.grid-select{padding:0 14px 15px}.file-card-main{padding:3px 9px 18px}.file-card-main>strong{font-size:10px}.file-card-main>span:last-child{gap:4px;font-size:7px}.file-card-main .file-glyph.large{width:52px;height:58px}.file-card-main .file-glyph.large>svg{width:28px}.info-strip{gap:7px;padding:11px 14px;font-size:9px}.info-strip>svg{width:14px}.modal-overlay{padding:12px}.modal{border-radius:12px;max-height:calc(100dvh - 24px)}.modal-heading{padding:20px 21px 16px}.modal-heading h2{font-size:16px}.modal-form{gap:18px;padding:20px 21px 21px}.modal-heading p{font-size:9px}.modal-actions .button{min-height:38px;font-size:11px}.modal-form input,.modal-form select,.password-form input{height:41px;font-size:12px}.preview-body{height:59vh;min-height:260px}.preview-footer{padding:15px 18px}.preview-footer .button{font-size:11px}.preview-unavailable{padding:23px}.preview-unavailable h3{font-size:14px}.preview-unavailable p{font-size:10px}.text-preview pre{padding:16px;font-size:11px}.audio-preview{padding:25px 20px}.audio-preview strong{font-size:14px}.share-card{flex-wrap:wrap;gap:11px;padding:18px 0}.share-list{padding:0 18px}.share-card-info{flex:none;width:calc(100% - 45px)}.share-card-actions{margin-top:2px;margin-left:39px}.share-card-info>strong{font-size:11px}.share-card-info p{gap:11px;font-size:8px}.share-card-actions .button{min-height:30px;font-size:10px}.section-header{padding:18px}.section-header h2{font-size:13px}.section-header p{max-width:205px;font-size:9px}.section-header>.button{min-height:31px;padding:0 10px;font-size:10px}.settings-card-heading{gap:10px;padding:20px 18px}.settings-card-heading h2{font-size:13px}.settings-card-heading p{max-width:220px;font-size:9px}.settings-icon{border-radius:9px;width:36px;height:36px}.settings-card-body,.password-form{padding-left:18px;padding-right:18px}.settings-description{font-size:10px}.settings-inline{flex-direction:column;align-items:flex-start;gap:10px}.settings-inline>span{font-size:9px}.settings-inline>.button{min-height:31px;font-size:10px}.builtin-categories{gap:7px}.builtin-categories>span{padding:6px 8px;font-size:8px}.builtin-categories svg{width:13px}.rules-empty{gap:11px;padding:23px 18px}.rules-empty>.text-button{margin-left:36px}.rule-row{gap:6px}.rule-row>.icon-button{width:24px;min-width:24px}.rules-list{padding:0 15px}.rule-details strong{font-size:10px}.rule-details p{font-size:8px}.form-two-columns{grid-template-columns:1fr;gap:17px}.form-two-columns:has(select){grid-template-columns:1fr 1fr}.toasts{top:13px;right:16px}.toast{gap:8px;padding:11px 12px;font-size:11px}.upload-panel>header{padding:12px 13px 12px 16px}.upload-panel>header>span{font-size:11px}.upload-panel>header small{font-size:8px}.upload-item{gap:9px;padding:15px}.upload-info strong{font-size:10px}.upload-meta{font-size:8px}.upload-panel>footer{padding:10px 15px;font-size:8px}.upload-panel>footer .text-button{font-size:8px}.login-page{background:linear-gradient(150deg,#f1f6e8,#fff 65%);min-height:100dvh;display:flex}.login-story{display:none}.login-main{justify-content:flex-start;width:100%;min-height:100dvh;padding:40px 28px 80px}.mobile-login-brand{align-self:flex-start;margin-bottom:65px;display:block}.mobile-login-brand .brand{color:#58753d;font-size:24px}.mobile-login-brand .brand-mark,.mobile-login-brand .brand-arrow{background:#6a8b4d}.login-form{gap:23px;width:100%;max-width:340px}.login-welcome{margin-bottom:10px}.welcome-icon{display:none}.login-welcome h2{font-size:27px}.login-welcome p,.login-form label{font-size:11px}.login-submit{font-size:12px;min-height:46px!important}.login-note{font-size:9px}.login-main>footer{gap:8px;font-size:7px;bottom:27px}.public-page{padding:26px 18px}.public-page>header>.brand{font-size:23px}.public-page>header>span{gap:0;font-size:0}.public-page>header>span>svg{width:21px}.public-card{border-radius:13px;margin:48px 0 35px;padding:32px 25px}.public-card h1{font-size:18px}.public-file-meta{font-size:10px}.public-expiry{font-size:8px}.share-eyebrow{letter-spacing:1.2px;font-size:7px}.public-password-intro{font-size:10px}.public-card input,.public-card .button.primary{font-size:12px}.public-page>footer>p{font-size:10px}.public-page>footer>span{font-size:7px}.drag-overlay{padding:20px;inset:8px}.drag-overlay h2{font-size:20px}.drag-overlay p{font-size:11px;line-height:1.9}.drag-overlay>div>svg{width:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.pdf-viewer{background:#e9eeea;flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.pdf-toolbar{color:#7f967d;background:#f8faf7;border-bottom:1px solid #dfe7de;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 18px;font-size:11px;display:flex}.pdf-toolbar>span,.pdf-toolbar>div{align-items:center;gap:8px;display:flex}.pdf-toolbar>div>span{text-align:center;font-variant-numeric:tabular-nums;min-width:55px;font-size:11px}.pdf-canvas-container{flex-direction:column;flex:1;align-items:center;min-height:0;padding:20px;display:flex;position:relative;overflow:auto}.pdf-canvas-container>canvas{background:#fff;flex-shrink:0;max-width:100%;box-shadow:0 2px 14px #20351e15}.pdf-canvas-hidden{display:none}.pdf-render-status{color:#89a17a;background:#fff;border:1px solid #e2ebdd;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:flex;position:sticky;bottom:8px}.pdf-note{color:#a0b398;text-align:center;background:#f8faf7;padding:7px 12px;font-size:9px}@media (width<=560px){.pdf-toolbar{padding:7px 12px;font-size:10px}.pdf-canvas-container{padding:14px 10px}.pdf-note{font-size:8px}}