:root{--ink:#102a2a;--ink-2:#244443;--paper:#f4f1e8;--surface:#fffdf7;--surface-2:#e9e7de;--line:#d9d7cd;--acid:#d9ff65;--mint:#bfe9dc;--coral:#ff8066;--danger:#b4322d;--muted:#63706d;--shadow:0 18px 50px #102a2a1a;--radius:18px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #16867d}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.04em}h1{font-size:clamp(2rem,4vw,4.8rem);line-height:.98}h2{font-size:clamp(1.45rem,2vw,2rem)}svg{stroke-width:1.8px;width:20px;height:20px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.12rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--acid);width:38px;height:38px;color:var(--ink);border-radius:11px 11px 5px;place-items:center;font-family:Georgia,serif;font-weight:700;display:grid;box-shadow:inset -4px -4px #102a2a1f}.brand-mark img{border-radius:inherit;width:100%;height:100%;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#3e6a66;margin-bottom:10px;font-size:.72rem;font-weight:700}.muted{color:var(--muted);line-height:1.6}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button.primary{background:var(--ink);color:#fff;box-shadow:0 8px 18px #102a2a2e}.button.primary:hover{background:var(--ink-2)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.ghost{background:0 0}.button.danger{color:var(--danger);background:#ecece7;border-color:#c8cbc4}.button.large{padding:13px 22px}.button.wide{width:100%}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.network-banner{z-index:100;background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:10px 18px;font-size:.88rem;position:fixed;top:12px;left:50%;transform:translate(-50%)}.auth-layout{background:var(--paper);grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);min-height:100vh;display:grid}.auth-story{background:var(--ink);color:#fff;flex-direction:column;min-height:100vh;padding:42px clamp(28px,5vw,72px);display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";aspect-ratio:1;border:1px solid #d9ff6533;border-radius:48% 52% 38% 62%;width:38vw;position:absolute;top:15vh;right:-22vw;transform:rotate(28deg)}.auth-story:after{content:"";background:var(--acid);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.92;width:180px;height:180px;position:absolute;bottom:12%;right:9%}.auth-story .brand{color:#fff;z-index:1;position:relative}.story-copy{z-index:1;max-width:600px;margin:auto 0;position:relative}.story-copy .eyebrow{color:var(--acid)}.story-copy h1{margin-bottom:30px}.story-copy h1 em{color:var(--acid);font-family:Georgia,serif;font-weight:600}.story-copy>p:not(.eyebrow){color:#cbd9d6;max-width:500px;font-size:1.15rem;line-height:1.6}.trust-row{color:#eaf0ee;align-items:center;gap:12px;margin-top:16px;display:flex}.trust-row svg{color:var(--acid)}.story-foot{color:#87a09c;z-index:1;margin:0;font-size:.78rem;position:relative}.auth-panel{place-items:center;padding:40px;display:grid}.auth-form{width:min(460px,100%)}.auth-form h2{margin-bottom:14px;font-size:clamp(2.2rem,4vw,3.7rem)}label{gap:8px;margin:20px 0;font-size:.86rem;font-weight:700;display:grid}input,select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--ink);border-radius:11px;padding:10px 13px}input[type=checkbox].selection-checkbox,.checkbox-label input[type=checkbox]{appearance:auto;width:17px;height:17px;min-height:17px;accent-color:var(--ink);border-radius:4px;flex:none;padding:0}input:focus{border-color:#16867d}label small{color:var(--muted);font-weight:400;line-height:1.4}.checkbox-label{flex-direction:row;align-items:center;gap:8px;display:flex}.password-control{position:relative}.password-control input{padding-right:48px}.password-control button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-control button:hover{color:var(--ink);background:var(--surface-2)}.password-control svg{width:18px;height:18px}.form-error,.form-success{border-radius:10px;padding:11px 13px;font-size:.88rem}.form-error{color:#81201d;background:#ffe3dc}.form-success{color:#16584f;background:#dcf4ec}.auth-links{color:#276e68;justify-content:space-between;gap:16px;margin-top:22px;font-size:.88rem;font-weight:600;display:flex}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#fff;z-index:20;flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0}.sidebar-head{justify-content:space-between;align-items:center;padding:0 8px 24px;display:flex}.sidebar-head .icon-button{color:#fff;background:#ffffff12;border-color:#ffffff24}.sidebar-head .icon-button:hover{background:#ffffff24}.sidebar nav{padding-right:4px;overflow-y:auto}.nav-label{color:#76918d;text-transform:uppercase;letter-spacing:.14em;margin:23px 12px 8px;font-size:.63rem;font-weight:700}.nav-link{color:#b8c8c5;border-radius:11px;align-items:center;gap:12px;min-height:43px;margin-bottom:2px;padding:9px 12px;font-size:.9rem;font-weight:600;display:flex}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:var(--ink);background:var(--acid)}.nav-link svg{width:19px}.storage-card{background:#ffffff12;border:1px solid #ffffff17;border-radius:14px;margin-top:auto;padding:14px}.storage-card>div:first-child{color:#b8c8c5;justify-content:space-between;font-size:.75rem;display:flex}.storage-card strong{color:#fff}.storage-card small{color:#91aaa6}.storage-card a{color:var(--acid);margin-top:8px;font-size:.74rem;display:block}.progress{background:#808e8a40;border-radius:999px;height:5px;margin:9px 0 5px;overflow:hidden}.progress span{background:var(--acid);border-radius:inherit;height:100%;transition:width .3s;display:block}.account-chip{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-top:13px;padding:9px 6px;display:grid}.avatar{background:var(--mint);width:35px;height:35px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.account-chip span:nth-child(2){overflow:hidden}.account-chip strong,.account-chip small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.account-chip strong{font-size:.8rem}.account-chip small{color:#89a09d;margin-top:2px;font-size:.68rem}.workspace{min-width:0;padding:34px clamp(22px,4vw,58px) 80px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.topbar h1{margin:0;font-size:clamp(2.1rem,4vw,4rem)}.topbar .eyebrow{margin-bottom:7px}.online-pill{border:1px solid var(--line);background:#fffdf7b3;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:.73rem;font-weight:700;display:flex}.online-pill span{background:#2aad7f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d7eee6}.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.search-box{flex:1;max-width:620px;position:relative}.search-box svg{color:var(--muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{background:#fffdf7b3;padding-left:43px}.toolbar-actions{gap:9px;display:flex}.copy-toast{z-index:1200;color:#fff;background:#234f47;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:10px;max-width:min(360px,100vw - 28px);padding:13px 17px;font-size:.88rem;font-weight:750;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 45px #192d2947}.copy-toast svg{width:19px;height:19px;color:var(--acid)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.breadcrumbs{align-items:center;margin:0 0 13px;display:flex;overflow-x:auto}.breadcrumbs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:5px 7px;font-size:.8rem}.breadcrumbs button:after{content:"/";color:var(--line);margin-left:14px}.breadcrumbs button:last-child{color:var(--ink);font-weight:700}.breadcrumbs button:last-child:after{display:none}.file-list{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7bf;overflow:visible;box-shadow:0 5px 20px #102a2a09}.file-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(260px,1fr) 132px 172px 148px;align-items:center;gap:18px;min-height:68px;padding:10px 16px;font-size:.82rem;display:grid}.file-row.selected,.file-card.selected{outline:2px solid var(--acid);outline-offset:-2px}.file-row:last-child{border-bottom:0}.file-header{min-height:44px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.64rem;font-weight:700}.file-name{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.file-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-name>span:last-child,.file-card .file-name,.file-card .file-name>span:last-child,.data-row>div{min-width:0;max-width:100%}.file-name small,.data-row strong,.data-row small{overflow-wrap:anywhere}.file-name small{color:var(--muted);margin-top:4px;display:block}.file-icon{color:#32655f;background:#e4ece7;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.file-icon.folder{color:#8f6418;background:#fff0b8}.file-thumbnail{object-fit:cover;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex:none;width:38px;height:38px;display:block}.file-icon.image{padding:0;overflow:hidden}.row-actions{justify-content:flex-end;gap:2px;display:flex;position:relative}.row-actions button,.row-actions a{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.row-actions button:hover,.row-actions a:hover{background:var(--surface-2);color:var(--ink)}.row-actions svg{width:17px}.filled{fill:#d59e0b;color:#d59e0b}.context-dismiss{z-index:29;position:fixed;inset:0;cursor:default!important;background:0 0!important;border-radius:0!important;width:auto!important;height:auto!important}.context-menu{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:210px;padding:6px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 45px #102a2a33}.context-menu button{min-height:38px;color:var(--ink);text-align:left;justify-content:flex-start;gap:10px;padding:8px 10px;font-weight:650;width:100%!important;height:auto!important;display:flex!important}.context-menu button.danger{color:var(--danger);background:#ecece7;border:1px solid #c8cbc4}.mobile-context-actions,.mobile-context-divider{display:none}.share-table{overflow:visible}.file-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.file-card{border:1px solid var(--line);background:#fffdf7c7;border-radius:16px;flex-direction:column;justify-content:space-between;min-width:0;min-height:170px;padding:17px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.file-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.file-card.menu-open{z-index:31;box-shadow:var(--shadow);transition:none;transform:none}.file-card>input[type=checkbox]{display:none}.file-card .file-name{flex-direction:column;align-items:flex-start}.file-card .file-icon{width:48px;height:48px}.file-card .file-thumbnail{border-radius:12px;width:48px;height:48px}.file-card .row-actions{justify-content:flex-start;margin-left:-6px;position:relative}.empty-state{text-align:center;border-radius:var(--radius);background:#fffdf773;border:1px dashed #c7cbc0;align-content:center;place-items:center;min-height:420px;padding:30px;display:grid}.empty-state h2{margin:3px 0 9px}.empty-state p:not(.eyebrow){color:var(--muted);max-width:420px}.empty-illustration{background:var(--acid);border-radius:24px 24px 10px;place-items:center;width:76px;height:76px;margin-bottom:20px;display:grid;transform:rotate(-4deg)}.empty-illustration svg{width:35px;height:35px}.alert{border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 14px;font-size:.85rem;display:flex}.alert.error{color:#81201d;background:#ffe3dc}.alert.warning{color:var(--ink);background:linear-gradient(135deg,#fffdf7eb,#d9ff653d);border:1px solid #102a2a1a;box-shadow:0 10px 30px #102a2a12}.alert.warning:before{content:"";background:#d59e0b;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 6px #d59e0b1f}.alert button{cursor:pointer;background:0 0;border:0}.alert svg{width:16px}.upload-drawer{z-index:15;background:var(--ink);color:#fff;border-radius:17px;width:min(420px,100vw - 48px);max-height:390px;padding:16px;position:fixed;bottom:24px;right:24px;overflow:auto;box-shadow:0 24px 70px #102a2a52}.drawer-head{justify-content:space-between;margin-bottom:10px;display:flex}.drawer-head button{color:var(--acid);cursor:pointer;background:0 0;border:0;font-size:.7rem}.upload-row{border-top:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;gap:10px;padding:10px 0;display:grid}.upload-row>div{min-width:0}.upload-row span{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.upload-row small{color:#8ca29e;font-size:.68rem}.upload-row .progress span{background:var(--acid)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf7c7;padding:clamp(20px,3vw,34px);box-shadow:0 7px 30px #102a2a0a}.panel-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel h2{margin-bottom:10px}.data-table{margin-top:22px;overflow-x:auto}.data-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:16px;padding:14px 3px;font-size:.82rem;display:grid}.data-row>*{min-width:0}.data-row strong,.data-row small{display:block}.data-row small{color:var(--muted);word-break:break-word;margin-top:4px}.status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:.67rem;font-weight:800;display:inline-flex}.status.good{color:#176453;background:#d9efe8}.status.warning{color:#795610;background:#fff0b8}.muted-status{color:var(--muted);background:var(--surface-2)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stack-form{max-width:520px}.stack-form label{margin:16px 0}.stack-form .checkbox-label{flex-direction:row;align-items:center;gap:8px;display:flex}.stack-form .checkbox-label input{width:auto}.panel hr{border:0;border-top:1px solid var(--line);margin:28px 0}.mfa-box,.recovery-codes{background:var(--surface-2);border-radius:12px;margin-top:20px;padding:16px}.mfa-status-card,.mfa-action-form{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:20px;padding:18px}.mfa-status-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.mfa-status-card strong,.mfa-status-card small{margin-top:9px;display:block}.mfa-status-card small{color:var(--muted);line-height:1.45}.mfa-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mfa-action-form>p{color:var(--muted);margin-top:0;line-height:1.5}.mfa-action-form label{margin:12px 0}.mfa-box{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.mfa-qr{border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px}.mfa-qr img{width:100%;height:auto;display:block}.mfa-setup-copy{min-width:0}.mfa-setup-copy details{margin:16px 0}.mfa-setup-copy summary{cursor:pointer;font-weight:700}.mfa-box code{word-break:break-all;font-size:1rem}.mfa-box small{color:var(--muted);margin-top:7px;display:block}.mfa-box form{align-items:center;gap:8px;display:flex}.mfa-box input{max-width:180px}.recovery-codes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.recovery-codes strong{grid-column:1/-1}.recovery-codes code{text-align:center;background:#fff;border-radius:7px;padding:7px}.quota-panel h2{font-size:clamp(2rem,5vw,4rem)}.quota-panel h2 span{color:var(--muted);letter-spacing:normal;font-size:.3em}.quota-visual{align-items:center;gap:30px;margin-top:30px;display:flex}.quota-ring{--usage:0deg;background:conic-gradient(var(--ink) var(--usage), var(--surface-2) 0);border-radius:50%;flex:none;place-items:center;width:180px;height:180px;display:grid;position:relative}.quota-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:20px}.quota-ring strong{z-index:1;font-size:1.7rem;position:relative}.admin-row{grid-template-columns:auto minmax(220px,1fr) minmax(130px,auto) auto 100px 115px 100px;min-width:900px}.admin-row select,.admin-row input{min-height:38px;padding:6px 9px}.admin-usage small,.admin-storage small,.admin-control,.compact-field{color:var(--muted);font-size:.65rem}.admin-usage span,.admin-storage .status{margin-top:4px}.admin-control{gap:3px;margin:0}.compact-field{color:var(--muted);margin:0;font-size:.65rem}.compact-field input{min-height:36px;margin-top:3px;padding:6px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.status-grid article{border:1px solid var(--line);border-radius:14px;padding:16px;overflow:hidden}.status-grid h3{text-transform:capitalize;margin:18px 0 8px}.status-grid pre{background:var(--surface-2);border-radius:8px;max-height:230px;padding:10px;font-size:.68rem;overflow:auto}.storage-status-details{grid-template-columns:auto minmax(0,1fr);margin-top:0;font-size:.75rem}.storage-status-details strong{overflow-wrap:anywhere}.storage-status-details .error-banner{grid-column:1/-1;margin:4px 0 0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091b1b94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:19px;width:min(480px,100%);max-height:calc(100vh - 36px);padding:22px;overflow:auto;box-shadow:0 30px 90px #0000004d}.modal header{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal header h2{overflow-wrap:anywhere;margin:0}.modal footer{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.confirm-message{text-align:center;margin-top:22px}.confirm-message p{color:var(--muted);margin:14px 0 8px;line-height:1.55}.confirm-message strong{overflow-wrap:anywhere;display:block}.confirm-icon{width:56px;height:56px;color:var(--danger);background:#ffe3dc;border-radius:17px;place-items:center;margin:0 auto;display:grid}.confirm-icon svg{width:25px;height:25px}.confirm-icon.restore{color:#176453;background:#d9efe8}.confirm-icon.download{color:#315f79;background:#deedf5}.confirm-icon.logout{color:#795610;background:#fff0b8}.preview-modal{width:min(900px,100%)}.preview-modal header .eyebrow{margin-bottom:5px}.preview-stage{border:1px solid var(--line);background:#e9e7de;border-radius:14px;place-items:start center;min-height:420px;max-height:65vh;margin-top:20px;display:grid}.preview-stage img,.preview-stage video{object-fit:contain;max-width:100%;max-height:none;display:block}.preview-stage audio{width:min(520px,100% - 32px);margin:28px auto}.preview-stage iframe{background:#fff;border:0;width:100%;height:65vh}.preview-unavailable{text-align:center;max-width:420px;color:var(--muted);place-self:center;padding:38px 24px}.preview-unavailable svg{color:#32655f;width:54px;height:54px}.preview-unavailable h3{color:var(--ink);margin:16px 0 8px}.preview-unavailable p{line-height:1.55}.versions-modal{width:min(820px,100%)}.versions-modal header .eyebrow{margin-bottom:5px}.versions-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:22px 0 16px;display:flex}.versions-toolbar p{margin:0}.versions-list{border-top:1px solid var(--line)}.version-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 2px;display:grid}.version-icon{color:#32655f;background:#e4ece7;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.version-copy{min-width:0}.version-title{align-items:center;gap:9px;display:flex}.version-copy small{color:var(--muted);margin-top:4px;display:block}.version-copy code{color:#3e6a66;overflow-wrap:anywhere;margin-top:6px;font-size:.68rem;display:block}.version-actions{align-items:center;gap:5px;display:flex}.version-actions .button{min-height:38px;padding:7px 10px;font-size:.76rem}.versions-note{color:var(--muted);margin:16px 0 0;font-size:.76rem;line-height:1.5}.share-row{grid-template-columns:38px minmax(0,1fr) max-content 32px}.share-row>:nth-child(2){overflow:hidden}.share-row>:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-row>.row-actions{flex-wrap:nowrap;justify-content:flex-end;min-width:32px}.details-grid{grid-template-columns:minmax(120px,auto) 1fr;gap:12px 18px;margin-top:22px;display:grid}.details-grid span{color:var(--muted)}.folder-tree{border:1px solid var(--line);background:#fffdf7b3;border-radius:12px;max-height:260px;padding:8px;overflow:auto}.tree-node{width:100%;min-height:38px;padding:7px 10px 7px calc(10px + var(--depth) * 20px);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;display:flex}.tree-node:hover,.tree-node.active{background:var(--surface-2)}.tree-node.active{font-weight:800}.tree-chevron{flex:none;width:15px;height:15px;transition:transform .16s}.tree-chevron.open{transform:rotate(90deg)}.policy-row{grid-template-columns:minmax(180px,1fr) minmax(130px,190px) auto}.policy-row label{gap:4px;margin:0}.policy-row input,.policy-row select{min-height:42px}.inline-create{grid-template-columns:1fr auto;gap:9px;margin-top:12px;display:grid}.drop-zone{cursor:pointer;text-align:center;background:#e9e7de8c;border:1px dashed #adc0bc;border-radius:14px;align-content:center;place-items:center;gap:6px;min-height:150px;display:grid}.drop-zone svg{color:#32655f;width:28px;height:28px}.drop-zone span{color:var(--muted);font-size:.82rem}.picked-files{gap:6px;max-height:120px;margin-top:12px;display:grid;overflow:auto}.picked-files span{background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:7px 9px;font-size:.8rem;overflow:hidden}.filters-row{grid-template-columns:130px minmax(160px,1fr) 180px 180px auto;align-items:center;gap:10px;margin-top:20px;display:grid}.log-table{overflow-x:auto}.log-row{grid-template-columns:100px minmax(220px,1.2fr) minmax(180px,.8fr) 180px minmax(180px,.8fr);min-width:960px}.log-row>*{overflow-wrap:anywhere;min-width:0}.log-header{min-height:42px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding-block:7px;font-size:.64rem;font-weight:800}.log-header button{color:inherit;font:inherit;cursor:pointer;text-transform:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;display:inline-flex}.log-header svg{width:14px;height:14px}.device-row{grid-template-columns:auto minmax(160px,1fr) minmax(0,auto)}.device-row>svg{width:22px}.device-actions,.device-edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.diagnostics-layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:18px;display:grid}.diagnostics-availability{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:20px 0;padding:14px}.diagnostics-availability p{color:var(--muted);margin:10px 0 0}.diagnostics-suites,.diagnostics-run-list{gap:8px;display:grid}.diagnostics-suites article,.diagnostics-run-list>button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.diagnostics-suites article.featured{background:#f4ffd8;border-color:#8ead32}.diagnostics-suites small,.diagnostics-run-list small{color:var(--muted);margin-top:4px;line-height:1.4;display:block}.diagnostics-run-list{max-height:280px;overflow:auto}.diagnostics-run-list>button{cursor:pointer;width:100%}.diagnostics-run-list>button.active{background:#edf8f5;border-color:#16867d}.diagnostics-output{margin-top:18px}.diagnostics-output>div{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.78rem;display:flex}.diagnostics-output pre{color:#e9ffaf;white-space:pre-wrap;overflow-wrap:anywhere;background:#102a2a;border-radius:12px;min-height:320px;max-height:620px;margin:0;padding:16px;font-size:.72rem;line-height:1.55;overflow:auto}.pin-pad{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 18px;display:none}.pin-pad button{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:52px;font-weight:800}.pin-pad button:last-child{grid-column:span 2}.skeleton-list{gap:10px;display:grid}.skeleton-list span{background:linear-gradient(90deg,#e8e6dd 25%,#f7f5ee 50%,#e8e6dd 75%) 0 0/200% 100%;border-radius:12px;height:64px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.public-page{background:radial-gradient(circle at 10% 10%, #e5f6ca, transparent 32%), var(--paper);grid-template-rows:auto 1fr auto;min-height:100vh;padding:30px clamp(18px,5vw,70px);display:grid}.public-page>header{justify-content:space-between;align-items:center;display:flex}.secure-label{color:#397069;align-items:center;gap:8px;font-size:.76rem;font-weight:700;display:flex}.public-card{text-align:center;border:1px solid var(--line);width:min(760px,100%);box-shadow:var(--shadow);background:#fffdf7db;border-radius:30px 30px 12px;place-self:center;padding:clamp(28px,5vw,52px)}.public-icon{background:var(--acid);border-radius:24px 24px 10px;place-items:center;width:78px;height:78px;margin:0 auto 24px;display:grid}.public-icon svg{width:38px;height:38px}.public-card h1{word-break:break-word;max-width:18ch;margin:8px auto 10px;font-size:clamp(1.75rem,4vw,3rem);line-height:1.05}.view-only-badge{color:#315f58;background:#e7f2ed;border:1px solid #c7dfd6;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:18px auto 0;padding:7px 11px;font-size:.77rem;font-weight:750;display:flex}.view-only-badge svg{width:15px;height:15px}.public-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:26px;display:flex}.public-actions .button{justify-content:center;min-height:44px}.public-breadcrumbs{scrollbar-width:thin;align-items:center;gap:3px;margin-top:26px;display:flex;overflow-x:auto}.public-breadcrumbs span{flex:none;align-items:center;display:flex}.public-breadcrumbs svg{width:14px;height:14px;color:var(--muted)}.public-breadcrumbs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 7px;font-size:.78rem}.public-breadcrumbs button[aria-current=page]{color:var(--ink);font-weight:750}.unlock-form{text-align:left;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;margin-top:28px;display:grid}.unlock-form label{margin:0}.public-items{text-align:left;border-top:1px solid var(--line);margin:8px 0 20px}.public-items>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.public-items .file-name{text-align:left;min-width:0}.public-items .file-name>span{min-width:0}.public-items .file-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.public-empty{color:var(--muted);text-align:center;margin:0;padding:24px 12px;font-size:.86rem}.share-permission-toggle{border:1px solid var(--line);background:#e7f2ed73;border-radius:13px;grid-template-columns:18px minmax(0,1fr);align-items:flex-start;padding:12px 13px;display:grid}.share-permission-toggle input{width:18px;height:18px;margin-top:2px}.share-permission-toggle span,.share-permission-toggle small{display:block}.share-permission-toggle small{color:var(--muted);margin-top:3px;font-weight:450;line-height:1.4}.public-items small{color:var(--muted);display:block}.public-items a{place-items:center;width:36px;height:36px;display:grid}.privacy-note{color:var(--muted);margin-top:24px;display:block}.public-page>footer{text-align:center;color:var(--muted);font-size:.7rem}.center-page{background:radial-gradient(circle at 20% 10%, #e5f6ca, transparent 35%), var(--paper);place-items:center;min-height:100vh;padding:20px;display:grid}.offline-card{background:var(--surface);border:1px solid var(--line);width:min(540px,100%);box-shadow:var(--shadow);border-radius:28px 28px 10px;padding:44px}.offline-card h1{font-size:clamp(2.2rem,6vw,4rem)}.offline-card p:not(.eyebrow){color:var(--muted);line-height:1.6}.mobile-only{display:none}@media (max-width:1240px){.file-list{min-width:0;max-width:100%}.file-list .file-row{grid-template-columns:28px minmax(0,1fr) minmax(148px,max-content);gap:clamp(10px,1.5vw,18px);width:100%;min-width:0}.file-list .file-row>:nth-child(3),.file-list .file-row>:nth-child(4){display:none}}@media (max-width:980px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:420px}.auth-panel{min-height:600px}.auth-story:after{width:120px;height:120px}.app-shell{grid-template-columns:1fr}.sidebar{width:min(310px,90vw);box-shadow:var(--shadow);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.mobile-only{display:grid}.topbar .mobile-only{margin-right:4px}.topbar{justify-content:flex-start}.topbar .online-pill{margin-left:auto}.settings-grid,.diagnostics-layout,.status-grid{grid-template-columns:1fr}.admin-row{min-width:760px}}@media (max-width:700px){.auth-story{justify-content:center;min-height:84px;padding:22px}.auth-story:before,.auth-story:after,.story-copy,.story-foot{display:none}.auth-panel{min-height:calc(100vh - 84px);padding:28px 18px}.auth-form h2{font-size:2.35rem}.checkbox-label{flex-direction:row;grid-template-columns:none;align-items:center;gap:8px;display:flex}.checkbox-label input{flex:none;width:16px;height:16px;min-height:16px}.pin-pad{display:grid}.workspace{padding:22px 14px 80px}.topbar{margin-bottom:22px}.topbar h1{font-size:2.2rem}.online-pill{display:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar-actions .button{flex:1}.file-list{border:1px solid var(--line);background:#fffdf7bf;border-radius:14px;display:block;overflow:visible;box-shadow:0 5px 20px #102a2a09}.file-list .file-row{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:24px minmax(0,1fr) 48px;gap:10px;min-width:0;min-height:64px;padding:10px 12px}.file-list .file-row:last-child{border-bottom:0}.file-list .file-header{background:#e9e7de73;min-height:42px;padding-block:8px;display:grid}.file-list .file-header>:last-child{text-align:right;padding-right:4px}.row-actions{flex-wrap:nowrap;justify-content:flex-end;min-width:0;position:static}.row-actions>.row-action-primary{display:none}.mobile-context-actions{display:grid}.mobile-context-divider{background:var(--line);height:1px;margin:6px 4px;display:block}.file-card{position:relative}.file-card .row-actions{position:static}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.file-card{min-height:155px;padding:13px;overflow:visible}.file-card .file-name{width:100%}.file-card .file-name strong,.file-card .file-name small{max-width:100%}.file-card .file-name small{overflow-wrap:anywhere}.data-row{grid-template-columns:auto minmax(0,1fr) auto}.data-row>:nth-child(3){display:none}.admin-row{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:16px 3px}.admin-row>:nth-child(3),.admin-row>:nth-child(4),.admin-row>:nth-child(5),.admin-row>:nth-child(6),.admin-row>:nth-child(7){grid-column:1/-1;display:grid}.admin-row .admin-usage,.admin-row .admin-storage,.admin-row .admin-control,.admin-row .compact-field{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px}.admin-row .admin-usage small,.admin-row .admin-storage small{margin:0}.admin-row select,.admin-row input{width:100%}.admin-row .compact-field input,.admin-row .status{margin:0}.admin-row+.admin-row{margin-top:6px}.share-row{grid-template-columns:38px minmax(0,1fr) max-content 32px;gap:10px}.share-row>:nth-child(3){display:inline-flex}.device-row{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;padding:16px 3px}.device-row>:nth-child(3){grid-column:1/-1;display:flex}.device-row input{min-width:0}.device-actions,.device-edit-actions{justify-content:stretch;width:100%}.device-actions>.button,.device-edit-actions .button{flex:1}.policy-row{grid-template-columns:1fr;align-items:stretch}.policy-row>:nth-child(3){display:inline-flex}.mfa-status-card,.mfa-box{grid-template-columns:1fr}.mfa-status-card{display:grid}.mfa-actions .button{flex:1}.mfa-box form{flex-direction:column;align-items:stretch}.mfa-box input{max-width:none}.quota-visual{flex-direction:column;align-items:flex-start}.unlock-form{grid-template-columns:1fr}.unlock-form>svg,.public-page>header .secure-label{display:none}.public-card{padding:28px 18px}.public-card h1{font-size:clamp(1.65rem,9vw,2.3rem)}.public-actions{flex-direction:column;align-items:stretch}.public-actions .button{width:100%}.copy-toast{max-width:none;bottom:14px;left:14px;right:14px}.public-page{padding:20px 14px}.filters-row,.inline-create{grid-template-columns:1fr}.context-menu{width:auto;position:fixed;inset:auto 14px 18px}.context-dismiss{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#3a3f3d6b!important}.diagnostics-suites article{flex-direction:column;align-items:stretch}.diagnostics-suites .button{width:100%}.preview-stage{min-height:300px}.preview-modal,.versions-modal{padding:16px}.preview-modal footer .button{flex:1}.versions-toolbar{flex-direction:column;align-items:stretch}.version-row{grid-template-columns:auto minmax(0,1fr);align-items:flex-start}.version-actions{grid-column:1/-1;width:100%}.version-actions .button{flex:1}.version-copy small{line-height:1.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
