:root{--dentsu-black: #231F20;--dentsu-grey: #8E9197;--dentsu-light-grey: #F1F1F1;--white: #FFFFFF;--neutral-950: #171516;--neutral-800: #353234;--neutral-600: #625E61;--neutral-500: #767277;--neutral-300: #B9B5B8;--neutral-200: #DAD7D9;--green-700: #256246;--green-300: #92D5AF;--amber-800: #805308;--amber-300: #E9C67B;--red-700: #AC3039;--red-300: #FFADB4;--background: var(--dentsu-light-grey);--surface: var(--white);--surface-alt: var(--dentsu-light-grey);--border: var(--neutral-200);--border-control: var(--neutral-500);--text-primary: var(--dentsu-black);--text-secondary: var(--neutral-600);--success: var(--green-700);--warning: var(--amber-800);--danger: var(--red-700);--focus-ring: var(--dentsu-black);--primary-bg: var(--dentsu-black);--primary-text: var(--white);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-8: 64px;--radius-small: 4px;--radius-medium: 8px;--control-height: 44px;--content-width: 1280px;--font-family: Aptos, "Segoe UI", Inter, system-ui, sans-serif;--type-display: 3rem;--type-h1: 2rem;--type-h2: 1.5rem;--type-h3: 1.25rem;--type-body: 1rem;--type-caption: .75rem}:root[data-theme=dark]{--background: var(--neutral-950);--surface: var(--dentsu-black);--surface-alt: var(--neutral-800);--border: var(--neutral-600);--border-control: var(--neutral-300);--text-primary: var(--white);--text-secondary: var(--neutral-300);--success: var(--green-300);--warning: var(--amber-300);--danger: var(--red-300);--focus-ring: var(--white);--primary-bg: var(--white);--primary-text: var(--dentsu-black)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--background: var(--neutral-950);--surface: var(--dentsu-black);--surface-alt: var(--neutral-800);--border: var(--neutral-600);--border-control: var(--neutral-300);--text-primary: var(--white);--text-secondary: var(--neutral-300);--success: var(--green-300);--warning: var(--amber-300);--danger: var(--red-300);--focus-ring: var(--white);--primary-bg: var(--white);--primary-text: var(--dentsu-black)}}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark}}:root{font-family:var(--font-family);font-size:100%;font-synthesis:none}body{font-size:var(--type-body);line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:var(--type-h1);line-height:1.25;letter-spacing:-.03em;font-weight:600}h2{font-size:var(--type-h2);line-height:1.3334;letter-spacing:-.02em;font-weight:600}h3{font-size:var(--type-h3);line-height:1.4;font-weight:600}.display{font-size:var(--type-display);line-height:1.1667;letter-spacing:-.04em;font-weight:600}.caption,.eyebrow{font-size:var(--type-caption);line-height:1.3334}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--text-secondary)}.muted{color:var(--text-secondary)}.numeric{font-variant-numeric:tabular-nums}@media(max-width:600px){.display{font-size:2.5rem;line-height:1.2}}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text-primary)}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}button,input,select{font:inherit}button,select{cursor:pointer}button,input,select,a{-webkit-tap-highlight-color:var(--border)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}section,main{scroll-margin-top:var(--space-3)}section:focus,main:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);transform:translateY(-200%);z-index:10;padding:var(--space-2);background:var(--surface);border:1px solid var(--border-control)}.skip-link:focus{transform:none}.app-shell{max-width:var(--content-width);margin:auto;padding-inline:var(--space-4)}.app-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--border);padding-block:var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:1;flex-wrap:wrap;min-width:0}.brand-wordmark{font-size:2rem;font-weight:700;letter-spacing:-.07em;line-height:1}.brand-divider{width:1px;height:24px;background:var(--border-control)}.brand-product{font-size:var(--type-caption);letter-spacing:.04em;font-weight:600}.header-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2);min-width:0}.account-email{color:var(--text-secondary);font-size:var(--type-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:280px}.theme-picker{display:flex;align-items:center;gap:var(--space-1);font-size:var(--type-caption)}.theme-picker label{color:var(--text-secondary)}.theme-picker select{min-height:var(--control-height);border:1px solid var(--border-control);border-radius:var(--radius-small);background:var(--surface);color:var(--text-primary);padding-inline:var(--space-1)}.button{min-height:var(--control-height);padding:var(--space-1) var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-small);background:var(--surface);color:var(--text-primary);display:inline-flex;justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--type-caption);font-weight:600;line-height:1.3334;text-decoration:none}.button:hover:not(:disabled){background:var(--surface-alt);border-color:var(--text-primary)}.button--primary{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-bg)}.button--primary:hover:not(:disabled){background:var(--primary-bg);outline:1px solid var(--primary-bg);outline-offset:2px}.button--quiet{background:none;border-color:var(--border)}.button:disabled{color:var(--text-secondary);background:var(--surface-alt);border-color:var(--border);cursor:default}.icon{flex-shrink:0;vertical-align:middle}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-medium)}.workspace-layout{display:grid;grid-template-columns:144px minmax(0,1fr);gap:var(--space-6)}main{min-width:0}.section-nav{align-self:start;padding-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.section-nav>.eyebrow{margin-bottom:var(--space-2)}.section-nav a{min-height:var(--control-height);display:flex;justify-content:space-between;align-items:center;padding:var(--space-1);border-bottom:1px solid var(--border);text-decoration:none;font-size:var(--type-caption);font-weight:600}.section-nav a:hover{background:var(--surface)}.section-nav a span{color:var(--text-secondary);font-weight:400}.section-nav>p:last-child{margin-top:var(--space-4)}.workspace-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:center;gap:var(--space-4);padding-block:var(--space-6) var(--space-4)}.workspace-title h1{margin-block:var(--space-1)}.workspace-title>div>p:last-child{max-width:32ch}.quota{padding:var(--space-3)}.quota-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1)}.quota-heading .icon{color:var(--text-secondary)}.quota-value{font-size:var(--type-h3);font-weight:600;margin-top:var(--space-2)}.quota-value span{font-size:var(--type-caption);color:var(--text-secondary);font-weight:400}meter{width:100%;height:8px;margin-block:var(--space-1);display:block}meter::-webkit-meter-bar{background:var(--surface-alt);border:1px solid var(--border-control);border-radius:var(--radius-small)}meter::-webkit-meter-optimum-value{background:var(--text-primary)}meter::-moz-meter-bar{background:var(--text-primary)}section{margin-bottom:var(--space-4)}.upload-panel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.upload-symbol{display:grid;place-items:center;width:64px;height:64px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-small);flex-shrink:0}.upload-symbol .icon{width:28px;height:28px}.upload-copy{flex:1;min-width:0}.upload-copy h2{font-size:var(--type-h3);margin-block:var(--space-1)}.upload-copy p:last-child{font-size:var(--type-caption)}.upload-panel>.button{flex-shrink:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.section-heading h2{font-size:var(--type-h3)}.section-heading p{margin-top:var(--space-1);font-size:var(--type-caption)}.actions{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.transfer-list{display:grid;gap:var(--space-2)}.transfer{padding:var(--space-3)}.transfer-heading,.transfer-details{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.transfer-heading>span{font-size:var(--type-caption);white-space:nowrap}.file-name{display:flex;align-items:center;gap:var(--space-2);min-width:0}.file-name strong,.file-name span{overflow-wrap:anywhere;min-width:0}.file-name .icon{color:var(--text-secondary)}.transfer-heading strong{font-size:var(--type-body);font-weight:600}progress{appearance:none;display:block;width:100%;height:8px;border:1px solid var(--border-control);border-radius:var(--radius-small);overflow:hidden;background:var(--surface-alt);color:var(--text-primary);accent-color:var(--text-primary);margin-block:var(--space-3)}progress::-webkit-progress-bar{background:var(--surface-alt)}progress::-webkit-progress-value{background:var(--text-primary)}progress::-moz-progress-bar{background:var(--text-primary)}.transfer-status{display:flex;align-items:center;gap:var(--space-1);font-size:var(--type-caption)}.status{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status--success{color:var(--success)}.status--warning{color:var(--warning)}.status--danger,.error,.danger-action{color:var(--danger)}.error{margin-top:var(--space-2);font-size:var(--type-caption);overflow-wrap:anywhere}.empty-state{padding:var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1)}.empty-state>.icon{color:var(--text-secondary);margin-bottom:var(--space-1);width:24px;height:24px}.empty-state h3{font-size:var(--type-body)}.empty-state p{font-size:var(--type-caption)}.count{display:inline-block;font-size:var(--type-caption);line-height:1.3334;font-weight:400;color:var(--text-secondary);padding-inline:var(--space-1)}.file-library{overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}thead{background:var(--surface-alt);color:var(--text-secondary)}th,td{padding:var(--space-2);font-size:var(--type-caption);border-bottom:1px solid var(--border);vertical-align:middle}thead th{font-weight:600}thead th:first-child{width:40%}thead th:nth-child(2){width:13%}thead th:nth-child(3){width:17%}thead th:last-child{width:30%}tbody th{font-weight:600}tbody td{color:var(--text-secondary)}tbody tr:last-child>*{border-bottom:0}table .actions{justify-content:flex-end}.load-more{margin-top:var(--space-2);text-align:center}.notice{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between;border:1px solid var(--warning);background:var(--surface);padding:var(--space-2);border-radius:var(--radius-small);margin-top:var(--space-3)}.notice p{overflow-wrap:anywhere;min-width:0}.notice .button{flex-shrink:0}.workspace-footer{display:flex;align-items:flex-start;gap:var(--space-1);border-top:1px solid var(--border);padding-block:var(--space-3) var(--space-4);font-size:var(--type-caption);color:var(--text-secondary)}.login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--space-8);align-items:center;padding-block:var(--space-8);min-height:calc(100vh - 200px)}.login-intro h1{margin-block:var(--space-3)}.login-description{max-width:38ch}.login-assurance{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-4);font-size:var(--type-caption);color:var(--text-secondary)}.login-panel{padding:var(--space-4)}.login-panel h2{margin-block:var(--space-1);font-size:var(--type-h3)}.login-panel>p:last-of-type{font-size:var(--type-caption)}.login form{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.field{display:grid;gap:var(--space-1)}.field label{font-size:var(--type-caption);font-weight:600}.field input{width:100%;min-height:var(--control-height);padding:var(--space-1) var(--space-2);border:1px solid var(--border-control);border-radius:var(--radius-small);color:var(--text-primary);background:var(--surface)}.login form>.button+.button{margin-top:calc(-1 * var(--space-2))}.auth-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-3);color:var(--text-secondary);font-size:var(--type-caption)}.loading{padding-block:var(--space-8)}@media(max-width:1100px){.workspace-layout{grid-template-columns:minmax(0,1fr);gap:0}.section-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-3)}.section-nav a{gap:var(--space-2)}.section-nav>.eyebrow,.section-nav>p:last-child{display:none}.workspace-title{padding-top:var(--space-4)}}@media(max-width:800px){.account-email{max-width:180px}.theme-picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.login{gap:var(--space-4)}.file-library table,.file-library tbody{display:block}.file-library thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-library tr{display:grid;grid-template-columns:1fr 1fr;padding:var(--space-3);gap:var(--space-1) var(--space-2);border-bottom:1px solid var(--border)}.file-library tr:last-child{border-bottom:0}.file-library th,.file-library td{display:block;padding:0;border:0}.file-library tbody th,.file-library td:last-child{grid-column:1 / -1}.file-library td[data-label]:before{content:attr(data-label) ": "}.file-library td:last-child{margin-top:var(--space-1)}table .actions{justify-content:flex-start}.transfer-details{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.app-shell{padding-inline:var(--space-2)}.app-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.header-controls{width:100%;justify-content:flex-start;gap:var(--space-1)}.account-email{max-width:none;flex:1 1 160px;white-space:normal;overflow:visible;overflow-wrap:anywhere}.workspace-title{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.quota{padding:var(--space-2)}.upload-panel{flex-wrap:wrap;padding:var(--space-3);gap:var(--space-2)}.upload-symbol{width:44px;height:44px}.upload-copy{flex:1 1 200px}.upload-panel>.button{width:100%}.section-heading{flex-wrap:wrap}.transfer{padding:var(--space-2)}.transfer-heading{flex-wrap:wrap}.login{grid-template-columns:minmax(0,1fr);padding-block:var(--space-4);gap:var(--space-4);min-height:auto}.login-panel{padding:var(--space-3)}.login-intro h1{margin-block:var(--space-2)}.login-assurance{margin-top:var(--space-2)}.auth-footer{flex-wrap:wrap}}@media(forced-colors:active){.button,input,select,.surface,progress{border-color:ButtonText}progress{forced-color-adjust:auto}.status-dot{border:1px solid CanvasText}.icon{color:CanvasText}}