@font-face{font-family:Anton;src:url('/._studio/assets/Anton-Regular.ttf') format('truetype');font-display:swap}@font-face{font-family:Cormorant;src:url('/._studio/assets/CormorantGaramond-LightItalic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{--ink:#141414;--well:#0d0d0d;--signal:#e63327;--paper:#f4ecda;--bone:#c9bfa8;--surface:#faf7ef;--line:#e1dacc;--muted:#68645c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--surface);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--signal);outline-offset:3px}input,select,textarea{border:1px solid var(--line);background:#fffdf8;color:var(--ink);border-radius:8px;font-size:16px}input{min-height:50px;padding:12px 14px;min-width:0}input::placeholder{color:#8b857a}svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[hidden]{display:none!important}.red{color:var(--signal)}.wordmark{font-family:Anton,Impact,sans-serif;letter-spacing:.005em;font-size:27px;white-space:nowrap;line-height:1.15}.wordmark>span:not(.product){color:var(--signal)}.wordmark .product{font:10px Arial,sans-serif;letter-spacing:.12em;color:inherit;opacity:.6;margin-left:8px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;margin:0 0 12px;line-height:1.5}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:7px;padding:12px 18px;min-height:46px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--signal);color:#fff8ea}.primary:hover{background:#c62b20}.secondary{background:transparent;border-color:#d5cec0}.secondary:hover{background:#eee7d9}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;min-height:44px;border:0;border-radius:7px;background:transparent;color:inherit}.icon-button:hover{background:#ded6c844}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{clip:auto;width:auto;height:auto;z-index:100;padding:12px;background:var(--paper);top:10px;left:10px}.form-error{font-size:13px;line-height:1.5;color:#ab241c;background:#fce4db;border-radius:6px;padding:10px 12px;margin:10px 0}.loading-view{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:var(--ink);color:var(--paper)}.loading-view p{color:var(--bone);font-size:13px}
/* Sign in: the studio's ink, paper and signal palette. */
.login-view{display:grid;grid-template-columns:1.12fr 1fr;min-height:100dvh}.login-story{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:42px 48px;display:flex;flex-direction:column;min-height:780px}.login-story:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#f4ecda13 .6px,transparent .6px);background-size:5px 5px}.login-story .wordmark{position:relative;z-index:1}.story-copy{position:relative;z-index:1;margin-top:68px}.story-copy .eyebrow{color:var(--bone);font-size:10px}.story-copy h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(52px,6.5vw,92px);line-height:1.04;letter-spacing:-.03em;margin:18px 0 0}.editorial{font-family:Cormorant,Georgia,serif;font-style:italic;font-size:30px;line-height:1.1;color:var(--bone);margin:20px 0}.story-footer{margin-top:auto;display:flex;justify-content:space-between;gap:20px;padding-top:260px;position:relative;z-index:2;font-size:8px;letter-spacing:.13em;color:#a8a193}.file-art{position:absolute;right:75px;bottom:115px;width:260px;height:230px;transform:rotate(-9deg)}.art-sheet{position:absolute;width:195px;height:225px;border-radius:8px;box-shadow:0 16px 25px #0004;padding:19px;display:flex;flex-direction:column;justify-content:space-between}.art-sheet:before{content:'';position:absolute;left:0;top:-11px;width:72px;height:17px;border-radius:7px 12px 0 0;background:inherit}.art-sheet span{font-size:8px;font-weight:600;letter-spacing:.1em}.art-sheet b{font-size:8px;font-weight:400;letter-spacing:.05em}.sheet-back{background:#b9af99;color:var(--ink);transform:translate(-44px,0) rotate(-13deg)}.sheet-mid{background:var(--paper);color:var(--ink);transform:translate(4px,-8px) rotate(-1deg)}.sheet-front{background:var(--signal);color:var(--paper);transform:translate(50px,28px) rotate(13deg)}.sheet-front strong{font:145px/.9 Anton,sans-serif;text-align:center}.login-panel{padding:42px 50px 28px;display:flex;flex-direction:column;justify-content:center;background:var(--surface)}.login-card{width:100%;max-width:350px;margin:auto}.access-tag{font-size:9px;letter-spacing:.12em;display:flex;align-items:center;gap:7px;color:var(--muted)}.access-tag i{width:6px;height:6px;border-radius:50%;background:#447c53}.login-card h2{font:400 58px/1.07 Anton,Impact,sans-serif;letter-spacing:-.015em;margin:25px 0 16px}.login-intro{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 29px}.login-card label{display:block;font-size:12px;font-weight:600;margin:19px 0 8px}.login-card input{width:100%;min-height:52px;background:transparent;border-color:#cfc7b9}.password-wrap{position:relative}.password-wrap input{padding-right:54px}.password-wrap button{position:absolute;right:4px;top:4px;width:44px;height:44px;background:none;border:0;border-radius:6px;display:grid;place-items:center;color:#746d61}.login-submit{width:100%;justify-content:space-between;margin-top:25px;min-height:52px;padding:13px 18px;font-size:14px}.login-submit>span:last-child{font-size:23px;font-weight:400}.login-help{display:flex;gap:8px;align-items:center;color:#746d61;font-size:11px;line-height:1.6;margin-top:19px}.login-help svg{width:14px;height:14px}.login-bottom{display:flex;justify-content:space-between;gap:20px;color:#777063;font-size:9px;letter-spacing:.06em;margin-top:55px}.login-bottom a{border-bottom:1px solid #b6ad9a;padding-bottom:3px;min-height:28px}.mobile-wordmark,.mobile-only{display:none}
/* File workspace */
.workspace{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100dvh}.sidebar{height:100dvh;position:sticky;top:0;background:var(--ink);color:var(--paper);padding:30px 20px 0;display:flex;flex-direction:column;min-height:620px}.sidebar .wordmark{font-size:29px;padding:0 8px;margin-bottom:30px}.sidebar .product{display:block;margin:10px 0 0;font-size:8px;letter-spacing:.16em}.sidebar>.primary{justify-content:flex-start;width:100%;margin-bottom:30px}.end-icon{margin-left:auto;font-weight:400;font-size:21px}.nav-label{font-size:9px;letter-spacing:.13em;color:#989184;margin:0 10px 10px}.side-nav{display:grid;gap:5px}.side-nav button{display:flex;align-items:center;gap:12px;border:0;border-radius:7px;background:none;color:#bfb8aa;padding:12px;min-height:44px;font-size:12px;text-align:left}.side-nav button[aria-current]{background:#2c2b26;color:var(--paper)}.side-nav button[aria-current]>[data-icon]{color:#ee6c59}.nav-count{margin-left:auto;font-size:10px;color:#c0b8a8;background:#49463d;padding:3px 6px;border-radius:4px}.drive-section{margin-top:30px}.drive-shortcut{display:flex;align-items:center;gap:10px;padding:10px;width:100%;color:var(--paper);border:0;background:none;border-radius:8px;text-align:left;font-size:11px}.drive-shortcut .drive-icon{padding:8px;border:1px solid #4b473d;border-radius:8px;color:#c6bcaa}.drive-shortcut small{display:block;color:#928b7d;font-size:9px;margin-top:5px}.connected-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8faa7b;margin-left:auto;flex-shrink:0}.folder-shortcuts{display:grid;margin:8px 0 0 19px;border-left:1px solid #38352e;padding-left:14px;gap:0}.folder-shortcuts button{background:none;border:0;text-align:left;color:#a69e8e;font-size:10px;min-height:36px;padding:7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-shortcuts button:hover{color:var(--paper)}.sidebar-bottom{margin-top:auto;padding-top:28px}.storage-label{display:flex;justify-content:space-between;font-size:10px;color:#bfb6a4;padding:0 4px}.storage-track{height:4px;border-radius:3px;background:#3c382f;overflow:hidden;margin:12px 4px}.storage-track i{display:block;background:var(--signal);width:0;height:100%}.sidebar-bottom>p{font-size:10px;color:#91897c;padding:0 4px}.classic-link{display:flex;justify-content:space-between;color:#a59c8b;font-size:10px;min-height:44px;align-items:center;padding:0 4px}.account{display:flex;gap:10px;align-items:center;margin:12px -20px 0;padding:18px;border-top:1px solid #363229}.avatar{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:50%;background:#ddd0b5;color:#332d24;font-size:12px;flex-shrink:0}.account strong{font-size:11px;font-weight:500}.account small{display:block;font-size:9px;color:#958d7c;margin-top:4px}.account>.icon-button{margin-left:auto;color:#a79e8b}.account svg{width:17px;height:17px}.main-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);gap:20px}.topbar-title{color:#514c43;font-size:11px}.topbar-title>span{color:#bcb3a2;margin:0 13px}.topbar-right{display:flex;align-items:center;gap:23px}.private-label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.private-label svg{width:13px;height:13px}main{padding:37px 38px 30px;min-width:0;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.page-heading .eyebrow{color:#827868;font-size:9px;margin-bottom:10px}.page-heading h1{font:400 55px/1.06 Anton,Impact,sans-serif;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}.page-description{color:#797162;font-size:12px;line-height:1.5;margin:12px 0 0}.heading-actions{display:flex;gap:8px;padding-bottom:3px}.drive-strip{display:flex;align-items:center;gap:13px;padding:15px 18px;border:1px solid #d9d0be;background:#efe7d6;border-radius:10px;margin-bottom:24px}.strip-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#faf6ea;color:#776c57}.drive-strip strong{font-size:11px;letter-spacing:.06em;display:block}.drive-strip>div>span{display:block;color:#7b725f;font-size:11px;margin-top:5px}.strip-state{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;color:#5e6650}.strip-state i{width:5px;height:5px;background:#68814e;border-radius:50%}.strip-state.offline{color:#aa2e20}.strip-state.offline i{background:#aa2e20}.file-tools{display:flex;gap:10px;align-items:center}.search{display:flex;align-items:center;gap:9px;flex:1;border:1px solid var(--line);border-radius:7px;padding:0 12px;background:#fffdf7;min-width:0}.search>span{color:#8b806e}.search svg{width:17px;height:17px}.search input{border:0;background:none;padding:10px 0;flex:1;width:100%;min-height:44px;font-size:13px;outline-offset:0}.search input:focus-visible{outline:0}.search:focus-within{outline:2px solid var(--signal);outline-offset:1px}.search kbd{font:12px Arial,sans-serif;border:1px solid #dfd5c3;padding:2px 6px;border-radius:4px;color:#9d9280}.sort-label{min-width:0}.sort-label select{min-height:44px;padding:8px 26px 8px 11px;font-size:12px;border-radius:7px;background:transparent;width:100%}.view-toggle{display:flex;border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px}.view-toggle .icon-button{height:38px;min-height:38px;width:38px;color:#968977}.view-toggle .selected{background:#e9e0ce;color:#463d30}.view-toggle svg{width:17px;height:17px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:12px 0 18px;gap:10px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{min-height:36px;font-size:11px;padding:7px 13px;border:1px solid transparent;border-radius:6px;background:transparent;color:#827667}.filters button[aria-pressed=true]{border-color:#e5d9c7;background:#efe6d7;color:#4b4134}.filter-row>.icon-button{color:#8e816f}.path-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.path-row>span{font-size:10px;color:#938673;white-space:nowrap}#breadcrumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0;font-size:11px;color:#8c7f6b}#breadcrumbs button{border:0;background:none;min-height:36px;font:inherit;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 6px}#breadcrumbs button:last-child{color:#322b22;font-weight:600}#breadcrumbs .crumb-separator{opacity:.4}.files-container{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fffdf7}.table-head,.file-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 120px 44px;gap:14px;align-items:center}.table-head{min-height:40px;padding:0 18px;background:#f1ebdf;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8f826f}.file-row{padding:12px 18px;border-top:1px solid #ede6da;min-height:75px}.file-row:hover{background:#f6f0e4}.file-open{display:flex;align-items:center;gap:13px;min-width:0;background:none;border:0;padding:0;text-align:left;min-height:44px}.file-glyph{height:40px;width:37px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#eee5d2;color:#a2895d;flex-shrink:0}.file-glyph.video{background:#f3e1da;color:#ba6b53}.file-glyph.image{background:#e7ece0;color:#6b8457}.file-glyph.document{background:#e4e9eb;color:#6d8491}.file-glyph.audio{background:#eee4ee;color:#987297}.file-glyph.other{background:#ece9e3;color:#978873}.file-glyph svg{width:22px;height:22px}.file-label{min-width:0}.file-name{font-size:12px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.file-kind{font-size:10px;color:#9a8d78;display:block;margin-top:3px}.file-size,.file-date{font-size:11px;color:#8a7d68}.file-options{color:#908574}.file-footnote{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#a39783;margin-top:16px;line-height:1.5}.file-footnote>span{letter-spacing:.09em;white-space:nowrap}.workspace-footer{display:flex;justify-content:space-between;padding:18px 38px;color:#a99d86;border-top:1px solid var(--line);font-size:8px;letter-spacing:.09em}.workspace-footer>span:first-child{font-family:Anton,sans-serif;font-size:11px}.empty{text-align:center;padding:50px 20px;color:#8f816c}.empty>[data-icon]{width:58px;height:58px;background:#f1e8d7;border-radius:15px;margin-bottom:8px}.empty h2{font-size:17px;font-weight:500;color:#5a4b36}.empty p{font-size:12px;line-height:1.6}.error-banner{background:#f9e1d8;border:1px solid #ebbcac;border-radius:7px;padding:13px;font-size:12px;line-height:1.6;margin-bottom:14px}.files-container.grid{background:transparent;border:0;overflow:visible}.grid .table-head{display:none}.grid .file-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grid .file-row{grid-template-columns:1fr 44px;border:1px solid var(--line);border-radius:9px;background:#fffdf7;padding:16px;gap:8px;min-width:0}.grid .file-open{grid-column:1 / -1;flex-direction:column;align-items:flex-start;gap:16px}.grid .file-glyph{height:55px;width:52px}.grid .file-glyph svg{width:30px;height:30px}.grid .file-label{max-width:100%}.grid .file-options{grid-column:2;grid-row:2 / span 2}.grid .file-size,.grid .file-date{font-size:10px}.transfer-row{padding:20px;border:1px solid var(--line);background:#fffdf7;border-radius:9px;margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.transfer-row h3{font-size:13px;font-weight:500;margin:0;overflow-wrap:anywhere}.transfer-row p{font-size:11px;color:var(--muted);margin:8px 0}.transfer-row progress{width:100%;height:5px;accent-color:var(--signal)}.transfer-row .icon-button{align-self:start}.transfer-empty{text-align:center;padding:60px 20px;color:var(--muted);font-size:13px}.mobile-nav{display:none}#drop-overlay{position:fixed;inset:12px;z-index:90;background:#f4ecdaed;border:2px dashed var(--signal);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;pointer-events:none;backdrop-filter:blur(7px)}#drop-overlay svg{width:56px;height:56px;color:var(--signal)}#drop-overlay strong{font:40px Anton,sans-serif;text-align:center}#drop-overlay>span:last-child{font-size:13px}
/* Accessible dialogs, file previews and feedback. */
dialog{border:1px solid #d9cfbb;border-radius:13px;padding:25px;background:var(--surface);color:var(--ink);width:calc(100% - 32px);max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #0005}dialog::backdrop{background:#14141499;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-heading h2{margin:7px 0 0;font-size:22px;font-weight:500;overflow-wrap:anywhere;line-height:1.3}.dialog-heading>.icon-button{margin:-8px -8px 0 0}.dialog-heading .eyebrow{font-size:9px;color:#8b7c67;margin-bottom:6px}#dialog-description{font-size:13px;color:var(--muted);line-height:1.6;margin:15px 0 20px}#dialog-label{display:block;font-size:12px;margin-bottom:8px}#dialog-input{width:100%}.dialog-buttons{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-buttons .danger{background:#ab231a}.preview-dialog{max-width:850px}.preview-dialog .dialog-heading h2{font-size:20px}#preview-meta{font-size:12px;color:var(--muted);margin:14px 0 20px}#preview-content{display:flex;align-items:center;justify-content:center;min-height:100px;background:#eee7da;border-radius:9px;overflow:hidden}#preview-content img,#preview-content video{display:block;max-height:55dvh;max-width:100%;object-fit:contain}#preview-content audio{width:calc(100% - 30px)}#preview-content pre{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;font:13px/1.6 ui-monospace,monospace;padding:20px;max-height:50dvh;overflow:auto;margin:0}#preview-content textarea{width:100%;height:50dvh;resize:vertical;padding:15px;border:0;border-radius:0;font:14px/1.6 ui-monospace,monospace}#preview-content>.preview-placeholder{padding:35px 20px;text-align:center;color:#85775f;font-size:13px;line-height:1.7}.preview-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.preview-actions button,.preview-actions a{font-size:12px}.danger-text{background:none;border:0;padding:12px 15px;min-height:44px;color:#ab231a;margin-left:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 20px;border-radius:9px;background:#29251e;color:var(--paper);box-shadow:0 6px 30px #0003;z-index:100;font-size:12px;line-height:1.5}.toast.error{background:#a82820}
@media(min-width:1550px){main{max-width:1440px;width:100%;align-self:center;padding:45px 55px}.login-story{padding:50px 70px}.story-copy{margin-top:100px}.file-art{right:130px;bottom:145px;transform:rotate(-9deg) scale(1.15)}}
@media(max-width:1100px){.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:14px;padding-right:14px}.sidebar .wordmark{font-size:25px}.account{margin-left:-14px;margin-right:-14px;padding:15px 12px}.topbar{padding:0 24px}main{padding:28px 24px}.page-heading h1{font-size:46px}.heading-actions{gap:6px}.heading-actions .primary,.heading-actions .secondary{padding:11px}.page-heading{gap:12px}.table-head,.file-row{grid-template-columns:minmax(0,1fr) 65px 86px 40px;gap:7px}.file-row{padding:11px 13px}.file-options{width:40px}.login-story{padding:32px}.story-copy h1{font-size:62px}.file-art{right:50px;transform:scale(.85) rotate(-9deg)}.login-panel{padding:32px}.login-card h2{font-size:52px}}
@media(max-width:760px){.login-view{display:block;min-height:100dvh}.login-story{display:none}.login-panel{min-height:100dvh;padding:25px 24px max(22px,env(safe-area-inset-bottom));justify-content:flex-start}.login-panel>.mobile-wordmark{display:block;font-size:25px;margin:3px 0 48px}.login-panel .product{font-size:9px}.login-card{max-width:380px;margin:auto}.login-card h2{font-size:49px;margin:21px 0 14px}.login-intro{margin-bottom:24px;font-size:13px}.login-card input{min-height:54px}.password-wrap button{top:5px}.login-submit{min-height:54px}.login-card label{margin-top:18px}.login-help{font-size:11px}.login-bottom{margin-top:45px;font-size:8px;align-items:center}.login-bottom a{display:flex;align-items:center;min-height:44px}.workspace{display:block}.sidebar{display:none}.topbar{height:66px;padding:0 18px;gap:10px}.topbar-title,.desktop-avatar,.private-label{display:none}.mobile-wordmark{display:inline-block;font-size:24px}.mobile-only{display:inline-flex}.topbar-right{gap:0}.topbar .icon-button{color:#7b6f5e}.main-shell{min-height:calc(100dvh - 65px)}main{padding:23px 18px 90px}.page-heading{align-items:center;margin-bottom:17px;gap:12px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:38px;line-height:1.08}.page-description{font-size:11px;margin-top:7px}.heading-actions{gap:6px;padding:0}.heading-actions .primary{display:none}.heading-actions .secondary{font-size:11px;min-height:44px;padding:10px}.heading-actions svg{width:16px;height:16px}.drive-strip{padding:12px;margin-bottom:17px;border-radius:9px;gap:10px}.drive-strip strong{font-size:10px}.drive-strip>div>span{font-size:10px}.strip-state{font-size:9px}.strip-icon{width:31px;height:31px}.file-tools{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:8px}.search{grid-column:1 / -1}.search input{font-size:16px;min-height:46px}.search kbd{display:none}.sort-label{grid-column:1}.sort-label select{font-size:14px;width:100%;min-height:44px}.view-toggle{grid-column:2;justify-content:flex-end;justify-self:end;padding:0;border:0;gap:4px}.view-toggle .icon-button{height:44px;width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px}.view-toggle .selected{border-color:#c8bba3}.filter-row{margin:8px 0 10px;gap:4px}.filters{gap:0;flex-wrap:nowrap;flex:1;justify-content:space-between}.filters button{font-size:10px;padding:6px 8px;min-height:44px;border:0;border-radius:6px}.filter-row>.icon-button{width:38px;min-width:38px;display:none}.path-row{margin-bottom:8px;gap:8px}#breadcrumbs{gap:0;font-size:10px}#breadcrumbs button{min-height:44px;max-width:130px}.path-row>span{font-size:9px}.table-head{display:none}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0;padding:11px 10px;min-height:76px}.file-row:first-child{border-top:0}.file-open{grid-column:1;grid-row:1 / span 2;gap:10px}.file-glyph{width:34px;height:39px}.file-name{font-size:12px}.file-kind{font-size:10px}.file-size,.file-date{display:none}.file-options{grid-column:2;grid-row:1 / span 2;width:44px;height:44px;min-height:44px}.file-kind .mobile-file-info{display:inline}.file-footnote{font-size:10px;margin-top:14px;display:block;line-height:1.6}.file-footnote>span{display:none}.grid .file-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.grid .file-row{padding:13px;grid-template-columns:minmax(0,1fr) 30px;gap:5px;position:relative}.grid .file-open{grid-column:1 / -1;grid-row:1;gap:12px;align-items:flex-start}.grid .file-glyph{width:43px;height:46px}.grid .file-label{width:100%;padding-right:0}.grid .file-size{display:block;grid-column:1;grid-row:2}.grid .file-date{display:none}.grid .file-options{grid-column:2;grid-row:2;width:44px;margin-right:-9px;height:44px}.grid .file-kind{font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid .file-name{font-size:11px}.workspace-footer{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);padding:6px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #ded4c1;background:#f8f3e8f5;backdrop-filter:blur(16px)}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;border:0;background:none;min-height:48px;color:#91836e;border-radius:7px}.mobile-nav button[aria-current]{color:var(--signal);background:#e633270a}.mobile-nav svg{width:20px;height:20px}#mobile-upload{color:var(--signal)}#mobile-transfer-count{position:absolute;top:1px;left:calc(50% + 9px);font-size:8px;background:var(--signal);color:white;border-radius:5px;padding:1px 4px}#mobile-transfer-count:empty{display:none}.toast{bottom:87px;max-width:calc(100% - 24px);width:max-content;text-align:center}.preview-dialog{padding:20px;max-height:calc(100dvh - 24px)}.preview-actions{gap:7px}.preview-actions .primary,.preview-actions .secondary{padding:11px 13px;min-height:44px}.preview-actions .danger-text{margin-left:0}.dialog-heading h2{font-size:21px}.preview-dialog .dialog-heading h2{font-size:17px}.preview-actions button,.preview-actions a{font-size:12px}#preview-content textarea{font-size:16px}.transfer-row{padding:15px}.transfer-row h3{font-size:12px}.transfer-row p{font-size:10px}.transfer-empty{font-size:12px}.desktop-only{display:none}}
@media(max-width:350px){.login-panel{padding:20px}.login-panel>.mobile-wordmark{margin-bottom:32px}.login-card h2{font-size:43px}.login-help{font-size:10px}.login-bottom{margin-top:26px}.topbar{padding:0 14px}main{padding:20px 13px 90px}.page-heading h1{font-size:33px}.heading-actions .secondary{font-size:10px;padding:9px}.filters button{padding:6px;font-size:9px}.strip-state{font-size:8px}.drive-strip{gap:8px}.file-glyph{width:30px}.file-name{font-size:11px}.grid .file-row{padding:10px}.wordmark{font-size:23px}}
@media(max-height:700px) and (max-width:760px){.login-panel>.mobile-wordmark{margin-bottom:30px}.login-card{margin:0 auto}.login-card h2{font-size:40px;margin-top:15px}.login-intro{margin-bottom:15px}.login-bottom{margin-top:25px}.login-help{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.storage-track progress{display:block;width:100%;height:4px;border:0;appearance:none;background:#3c382f;color:var(--signal)}.storage-track progress::-webkit-progress-bar{background:#3c382f}.storage-track progress::-webkit-progress-value{background:var(--signal)}.storage-track progress::-moz-progress-bar{background:var(--signal)}
@media(max-width:760px){.filters button{min-width:44px}.sort-label select{font-size:16px}.topbar>.wordmark{display:flex;align-items:center;min-height:44px}}

/* Studio polish: calm hierarchy, direct actions and continuous browsing. */
:root{--muted:#655f54}.page-heading>div:first-child{min-width:0}.heading-actions{flex-shrink:0}.file-kind,.file-size,.file-date{color:#776c5a}.folder-shortcuts button{min-height:44px}.file-row{transition:background .14s ease,border-color .14s ease}.file-open:focus-visible,.file-options:focus-visible{outline-offset:1px}.grid .file-row{position:relative;padding:18px;gap:8px;box-shadow:0 2px 4px #38260903;transition:box-shadow .16s ease,border-color .16s ease}.grid .file-row:hover{border-color:#c2b299;box-shadow:0 5px 18px #3826090b}.grid .file-open{gap:18px}.grid .file-glyph{width:100%;height:100px;border-radius:7px;justify-content:flex-start;padding:20px;background:linear-gradient(125deg,#eee4cc,#f5eddf)}.grid .file-glyph svg{width:46px;height:46px;stroke-width:1.2}.grid .file-glyph.video{background:linear-gradient(125deg,#f1d9cc,#faeee7)}.grid .file-glyph.image{background:linear-gradient(125deg,#dde5d2,#eef1e7)}.grid .file-glyph.document{background:linear-gradient(125deg,#dce4e8,#eef2f2)}.grid .file-glyph.audio{background:linear-gradient(125deg,#e7ddea,#f3eef4)}.grid .file-name{font-size:13px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.45;min-height:1.45em}.grid .file-label{width:100%}.grid .file-kind{font-size:10px}.grid .file-size{display:none}.grid .file-date{grid-column:1;grid-row:2;font-size:10px}.grid .file-options{grid-row:2;align-self:center}.file-list:empty{display:none}.path-row{justify-content:flex-start;gap:7px;margin-bottom:10px;min-height:44px}.path-row>span{margin-left:auto}.path-row>#refresh{color:#70624f}.path-row #folder-up{font-size:22px;border:1px solid var(--line);background:#fffdf7}#breadcrumbs{flex:1;flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}#breadcrumbs button{flex-shrink:0}#breadcrumbs button:last-child{flex-shrink:1;min-width:50px}.folder-loading{font-size:12px;color:var(--muted);padding:12px 14px;background:#eee7d9;border-radius:7px}.folder-loading:before{content:'';display:inline-block;width:10px;height:10px;border:2px solid #c9bfa8;border-right-color:var(--signal);border-radius:50%;margin-right:9px;vertical-align:-2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.files-container[aria-busy=true] .file-list{opacity:.45}.text-button{border:0;background:none;font-size:12px;font-weight:600;min-height:44px;padding:10px 12px;color:#574631;white-space:nowrap;border-radius:6px}.text-button:hover{background:#e9dfce}.upload-summary{display:flex;align-items:center;gap:10px;background:#eaf0e4;border:1px solid #d2dec5;border-radius:8px;padding:4px 9px 4px 14px;margin-bottom:12px;color:#3c5730}.upload-summary>span:first-child{flex-shrink:0}.upload-summary>#upload-status{font-size:12px;flex:1;line-height:1.5}.upload-summary .text-button{color:inherit}.upload-failed{background:#faeadc;border-color:#eacbad;color:#785029}.transfer-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center}.upload-destination{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.transfer-destination{display:block;background:none;border:0;color:#675a46;padding:7px 0;min-height:44px;font-size:12px;text-align:left;overflow-wrap:anywhere}.transfer-controls{display:flex;align-items:start;gap:4px}.transfer-row[data-state=complete]{border-left:3px solid #7b9763}.transfer-row[data-state=failed]{border-left:3px solid #bb7856}.transfer-row[data-state=complete] p{color:#4c6a38}.transfer-row .secondary{padding:9px 13px;min-height:44px}.empty .primary{margin-top:12px}.empty{padding:40px 20px}.edit-status{font-size:12px;color:#7b4d20;padding:10px 12px;border-radius:6px;background:#efe2c9;line-height:1.5}.preview-actions{position:sticky;bottom:-25px;background:var(--surface);padding:12px 0 4px;border-top:1px solid var(--line);z-index:2}.preview-actions #save{margin-right:auto}.file-menu{max-width:390px;padding:22px}.file-menu .dialog-heading h2{font-size:17px;font-weight:600;line-height:1.4;word-break:break-word}.file-menu #menu-meta{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 0}.menu-actions{display:grid;gap:3px;margin-top:20px}.menu-actions>button,.menu-actions>a{display:flex;align-items:center;gap:12px;min-height:50px;background:none;border:0;border-radius:7px;padding:12px 10px;font-size:14px;text-align:left;line-height:1.3}.menu-actions>button:hover,.menu-actions>a:hover{background:#eee5d6}.menu-actions svg{width:19px;height:19px;color:#8b7a60}.menu-arrow{margin-left:auto;color:#8b7a60}.menu-actions .menu-danger{color:#a62920;border-top:1px solid var(--line);border-radius:0;margin-top:5px;padding-top:16px}.menu-danger svg{color:inherit}.menu-note{margin-left:auto;font-size:10px;color:#8d776d}.file-menu::backdrop{background:#14141466}#recovery-actions{display:flex;gap:8px;margin:0 0 14px}#recovery-actions .secondary{background:#fffaf1;font-size:12px}body:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:contain}button:disabled{cursor:default}button:not(:disabled):active,.menu-actions>a:active{filter:brightness(.96)}
@media(max-width:760px){
 .topbar{height:58px}.main-shell{min-height:calc(100dvh - 58px)}main{padding-top:19px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:36px}.page-description{margin-top:6px;color:#716657}.page-heading .heading-actions{align-self:flex-start}.drive-strip{padding:10px 12px;margin-bottom:14px}.strip-icon{width:28px;height:28px}.drive-strip>div>span{margin-top:3px}.in-folder .drive-strip{display:none}.file-tools{gap:7px}.filter-row{margin:6px 0 0}.filters button{font-size:11px;padding:6px 7px;min-width:44px}.path-row{margin-bottom:7px}.path-row>span{font-size:10px}.path-row #refresh{display:inline-flex;width:44px;height:44px}.path-row #folder-up{width:38px;height:38px;min-height:38px;font-size:20px}.path-row #breadcrumbs{font-size:11px}.path-row #breadcrumbs button{max-width:125px}.file-row{padding:8px 10px;min-height:66px}.file-name{font-size:13px}.file-kind{font-size:11px;line-height:1.4}.file-glyph{width:34px;height:38px}.grid .file-list{gap:10px}.grid .file-row{padding:10px;grid-template-columns:minmax(0,1fr) 34px;gap:3px}.grid .file-open{gap:11px}.grid .file-glyph{width:100%;height:74px;padding:13px}.grid .file-glyph svg{width:38px;height:38px}.grid .file-label{padding:0 2px}.grid .file-name{font-size:12px;min-height:34px}.grid .file-kind{font-size:10px}.grid .file-date{display:none}.grid .file-options{grid-column:2;grid-row:2;width:44px;height:44px;margin-right:-5px}.grid .file-size{display:none}.file-footnote{display:none}.mobile-nav{padding-top:5px;padding-bottom:max(7px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #35261205}.mobile-nav button{font-size:11px}.mobile-nav button[aria-current]{background:#e6332710}.upload-summary{gap:7px;padding:5px 7px 5px 10px}.upload-summary>#upload-status{font-size:11px}.upload-summary>span:first-child{display:none}.upload-summary .text-button{font-size:11px;padding:9px 6px}.file-menu{max-width:none;width:100%;margin:auto 0 0;border-radius:20px 20px 0 0;padding:24px 22px max(24px,env(safe-area-inset-bottom));border-bottom:0;box-shadow:0 -10px 60px #0003}.file-menu:before{content:'';display:block;position:absolute;top:8px;left:calc(50% - 18px);width:36px;height:4px;background:#cec4b3;border-radius:4px}.file-menu .dialog-heading h2{font-size:18px}.menu-actions{margin-top:18px}.menu-actions>button,.menu-actions>a{min-height:54px}.preview-dialog{padding:18px}.preview-actions{bottom:-18px;gap:6px;padding-bottom:8px}.preview-actions .primary,.preview-actions .secondary{min-height:46px}.transfer-toolbar{gap:4px}.transfer-toolbar .secondary{font-size:12px;padding:10px}.transfer-row{padding:15px 12px}.transfer-row h3{font-size:13px}.transfer-row p{font-size:11px}.transfer-destination{font-size:11px}.transfer-empty{padding:30px 12px}.upload-destination{font-size:11px}.transfer-row .secondary{font-size:11px}.empty{padding:30px 18px}.empty h2{font-size:17px}.empty p{font-size:12px}#transfers-view .page-heading{flex-wrap:wrap}#transfers-view .page-heading .primary{min-height:44px;padding:10px 12px;font-size:12px}
}
@media(max-width:350px){.filters button{font-size:10px;padding:6px}.page-heading h1{font-size:31px}.heading-actions .secondary{font-size:10px}.grid .file-row{padding:8px}.grid .file-name{font-size:11px}.grid .file-glyph{height:65px}.menu-note{font-size:9px}.file-menu{padding-left:18px;padding-right:18px}.path-row{gap:3px}.path-row #breadcrumbs button{max-width:92px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Folder covers use initials and colour as visual landmarks. */
.grid .file-glyph.folder{position:relative;isolation:isolate;overflow:hidden;border-radius:4px 9px 9px 9px;clip-path:polygon(0 0,38% 0,45% 11%,100% 11%,100% 100%,0 100%);padding-top:28px;background:#e7dbc0;color:#94784e}.grid .file-glyph.folder:after{content:attr(data-initial);position:absolute;right:15px;bottom:-7px;font:70px/1 Anton,Impact,sans-serif;letter-spacing:-.04em;color:#a8895440;z-index:-1}.grid .file-glyph.folder.tone-1{background:#ead3c8;color:#aa6550}.grid .file-glyph.folder.tone-1:after{color:#be71573b}.grid .file-glyph.folder.tone-2{background:#282a26;color:#c9c4af}.grid .file-glyph.folder.tone-2:after{color:#c9c4af28}.grid .file-row[data-kind=folder] .file-date{visibility:hidden}.grid .file-row{padding:14px}.grid .file-glyph{height:94px}.grid .file-open{gap:13px}.grid .file-row .file-options{position:absolute;right:7px;bottom:5px}.grid .file-row .file-label{padding-bottom:8px}.grid .file-kind{padding-right:33px;line-height:1.5}.grid .file-row .file-date{padding-bottom:8px}.grid .file-row[data-kind=folder] .file-date{display:none}.grid .file-row[data-kind=folder]{padding-bottom:12px}.grid .file-row[data-kind=folder] .file-kind{min-height:24px;padding-top:4px}
@media(min-width:761px){.topbar{height:64px}main{padding-top:28px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:49px}.drive-strip{padding:11px 15px;margin-bottom:18px}.filter-row{margin:8px 0 8px}}
@media(max-width:760px){.grid .file-row{padding:9px 9px 7px;gap:0}.grid .file-glyph{height:65px}.grid .file-glyph.folder{padding:18px 12px 10px}.grid .file-glyph.folder:after{font-size:54px;bottom:-4px;right:10px}.grid .file-glyph svg{width:30px;height:30px}.grid .file-open{gap:10px}.grid .file-row .file-label{padding-bottom:7px}.grid .file-name{min-height:32px}.grid .file-kind{padding-right:30px}.grid .file-row .file-options{right:4px;bottom:3px;margin:0}.grid .file-row[data-kind=folder]{padding-bottom:5px}.grid .file-row[data-kind=folder] .file-kind{min-height:24px;padding-top:0}.grid .file-row .file-kind{white-space:normal}.grid .file-row .file-date{display:none}}

.advanced-upload{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#66503a;text-decoration:underline;text-underline-offset:3px;margin-top:-8px}.advanced-upload:hover{color:var(--signal)}

@media(max-width:760px){.in-folder .page-heading h1{font-size:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.12}}

html{scrollbar-gutter:stable}

/* Live link console: measured signals, small footprint. */
.link-console{margin:14px 38px 0;border:1px solid #343a30;border-radius:9px;background:#191d18;color:#dce5d0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;overflow:hidden}.link-console>summary{list-style:none;display:flex;align-items:center;gap:22px;padding:10px 16px;min-height:54px;cursor:pointer;user-select:none}.link-console>summary::-webkit-details-marker{display:none}.link-console>summary:focus-visible{outline:2px solid #c3e78f;outline-offset:-4px;border-radius:8px}.link-label{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.06em;color:#a6b899;white-space:nowrap}.link-label>i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#839176}.link-label #link-state{color:#8f9e85;margin-left:3px;font-size:9px}.link-console[data-state=live] #link-led{background:#b6e885;box-shadow:0 0 9px #b6e844}.link-console[data-state=live] #link-state{color:#b6e885}.link-console[data-state=offline] #link-led{background:#ff8570}.link-console[data-state=offline] #link-state{color:#ffab99}.link-console[data-state=slow] #link-led{background:#eec982}.link-console[data-state=slow] #link-state{color:#eec982}.link-metric{display:flex;gap:9px;align-items:baseline;white-space:nowrap}.link-metric small{font-size:8px;letter-spacing:.05em;color:#8e9c84}.link-metric strong{font-size:12px;font-weight:500;color:#e6efdc;font-variant-numeric:tabular-nums}.link-metric em{font-size:10px;font-style:normal}.ping-spark{width:92px;height:28px;stroke:#b6e885;stroke-width:1.6;fill:none;flex-shrink:0}.ping-spark polyline{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.link-chevron{margin-left:auto;color:#9cad8d;font-size:18px;line-height:1;transition:transform .15s}.link-console[open] .link-chevron{transform:rotate(180deg)}.link-console[open]>summary{border-bottom:1px solid #343c2c}.link-body{padding:14px 16px 15px}.link-route{margin:0 0 17px;font-size:11px;color:#b7c3ac;line-height:1.6}.link-route>span:first-child{color:#bbdf94;margin-right:6px}.route-tag{font-size:9px;border:1px solid #404b35;border-radius:4px;padding:3px 5px;margin-left:7px;color:#afc299}.link-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:17px}.link-stats>div{display:flex;flex-direction:column;gap:6px}.link-stats span,.speed-label{font-size:8px;color:#91a180;letter-spacing:.05em}.link-stats strong{font-size:14px;color:#dfeacc;font-weight:400;font-variant-numeric:tabular-nums}.speed-test{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px;border:1px solid #394530;background:#22291d;border-radius:7px}.speed-test>div{display:flex;flex-direction:column;gap:7px;min-width:0}.speed-test strong{font-size:18px;font-weight:400;color:#c2ea95;font-variant-numeric:tabular-nums}.speed-test small{font-size:10px;line-height:1.6;color:#afbea0}.speed-test button{font:11px ui-monospace,monospace;border:1px solid #718455;color:#d9ecbb;background:#303d25;min-height:44px;padding:10px 13px;border-radius:6px;white-space:nowrap}.speed-test button:hover{background:#405032}.speed-test button:disabled{opacity:.45}.speed-test button:focus-visible{outline-color:#c2ea95}.link-help{font:10px/1.7 ui-monospace,monospace;color:#99a48e;margin:13px 0 0;max-width:760px}.link-console[hidden]{display:none}.link-console+main{padding-top:22px}
@media(max-width:1100px){.link-console{margin-left:24px;margin-right:24px}.link-console>summary{gap:15px}.ping-spark{width:65px}}
@media(max-width:760px){.link-console{margin:12px 18px 0}.link-console>summary{gap:12px;padding:10px 12px;min-height:48px}.link-label{flex-direction:column;align-items:flex-start;gap:3px;font-size:9px;position:relative;padding-left:12px}.link-label>i{position:absolute;left:0;top:3px;width:5px;height:5px}.link-label #link-state{margin:0;font-size:8px}.link-metric{flex-direction:column;gap:4px;align-items:flex-start}.link-metric small{font-size:7px}.link-metric strong{font-size:11px}.ping-spark{width:48px;height:24px;margin-left:auto}.link-chevron{margin-left:0;font-size:16px}.link-body{padding:12px}.link-route{font-size:10px;margin-bottom:15px}.link-stats{gap:10px}.link-stats span{font-size:7px}.link-stats strong{font-size:12px}.route-tag{font-size:8px;padding:2px 4px;margin-left:3px}.speed-test{padding:11px;gap:8px;flex-wrap:wrap}.speed-test strong{font-size:18px}.speed-test button{font-size:10px}.speed-test small{font-size:9px}.link-help{font-size:9px}.link-console+main{padding-top:17px}}
@media(max-width:350px){.link-console{margin-left:13px;margin-right:13px}.link-console>summary{gap:9px;padding-left:10px;padding-right:10px}.ping-spark{width:30px}.link-metric strong{font-size:10px}.link-route{font-size:9px}.link-label{font-size:8px}.link-label #link-state{font-size:7px}.speed-test{padding:10px}.speed-test button{padding:8px 10px}}