/* Semantic macOS surface hierarchy. AppKit sRGB label/separator values sampled on this Mac;
   opaque sidebar/chrome fallbacks replace Finder's desktop-dependent materials. */
:root{--panel:#fff;--bg:#f7f7f7;--side:#f1f1f1;--chrome:#f6f6f6;--field:#ededed;--hover:#e7e7e7;--selected-nav:#dfdfdf;--text:rgba(0,0,0,.8471);--muted:rgba(0,0,0,.55);--line:rgba(0,0,0,.098);--folder:#93969c}
body.dark{--panel:#1e1e1e;--bg:#262626;--side:#292929;--chrome:#2b2b2b;--field:#343434;--hover:#383838;--selected-nav:#404040;--text:rgba(255,255,255,.8471);--muted:rgba(255,255,255,.549);--line:rgba(255,255,255,.098);--folder:#a4a6ab}
.account-menu-wrap{position:relative;z-index:20;display:flex;align-items:center}.account-button{padding:0!important;width:36px;height:36px;border-radius:50%;border:1px solid transparent!important;min-height:36px}.account-button:hover,.account-menu-wrap.open .account-button{background:transparent;border-color:var(--folder)!important;box-shadow:0 0 0 3px var(--field)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;overflow:hidden;border-radius:50%;background:var(--selected-nav);color:var(--text);font-size:12px;font-weight:600;border:1px solid var(--line)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar svg{width:19px;height:19px}.avatar-large{width:72px;height:72px;font-size:24px}.avatar-large svg{width:34px;height:34px;stroke-width:1.3}
.account-menu{position:absolute;top:calc(100% + 10px);right:0;width:216px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0002;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity 160ms,transform 160ms,visibility 0s 160ms}.dark .account-menu{box-shadow:0 12px 32px #0006}.account-menu:before{content:'';position:absolute;top:-14px;left:0;right:0;height:14px}.account-menu-wrap.open .account-menu{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}.account-menu button{width:100%;min-height:37px;justify-content:flex-start;padding:8px 10px;gap:12px;font-size:13px;color:var(--text);border-radius:5px}.account-menu svg{width:17px;height:17px;color:var(--muted)}.account-menu button:focus-visible{outline-offset:-2px}.account-menu-divider{display:block;height:1px;background:var(--line);margin:5px 6px}.inspector-toolbar{position:relative;z-index:5;overflow:visible}
.workspace.account-open .toolbar-wrap,.workspace.account-open .file-area,.workspace.account-open .file-footer,.workspace.account-open .search,.workspace.account-open .view-switch{display:none}.account-page{min-height:0;flex:1;overflow:auto;scrollbar-width:thin;padding:30px 34px 40px;background:var(--bg)}.account-page>section{max-width:640px;margin:0 auto}.account-page-heading{margin:0 0 25px}.account-page-heading h2{font-size:24px;letter-spacing:-.6px;font-weight:650;line-height:1.3;margin:0 0 6px}.account-page-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.account-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;margin:0 0 18px}.account-card h3{font-size:14px;line-height:1.4;font-weight:600;margin:0 0 20px}.account-card>label,.form-columns>label{display:block;font-size:12px;font-weight:500;line-height:1.4;margin:0 0 17px}.account-card input:not([type=file]){display:block;width:100%;min-height:38px;margin:7px 0 0;padding:9px 11px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:14px;outline-offset:2px}.account-card input::placeholder{color:var(--muted);opacity:.8}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-card .field-hint{font-size:12px;font-weight:400;color:var(--muted);line-height:1.55;margin:0 0 18px}.account-form-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.account-form-footer button{min-height:35px;padding:8px 14px;white-space:nowrap;font-size:13px}.form-feedback{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5;margin:0;min-height:0}.form-feedback:empty{display:none}.form-feedback[data-error=true]{color:var(--text);border-left:2px solid var(--accent);padding-left:8px}.account-form-footer>button{margin-left:auto}.profile-photo{display:flex;gap:20px;align-items:center}.profile-photo strong{font-size:14px;font-weight:600}.profile-photo p:not(.form-feedback){font-size:12px;line-height:1.5;color:var(--muted);margin:4px 0 8px}.photo-actions{display:flex;gap:8px;flex-wrap:wrap}.photo-actions button{font-size:12px;min-height:30px;border:1px solid var(--line);background:var(--bg);padding:6px 10px}.profile-photo .form-feedback{margin-top:8px}.account-usage{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;margin:2px 0 10px;color:var(--muted)}.account-usage strong{font-size:13px;font-weight:500;color:var(--text)}#account-storage-progress{display:block;width:100%;height:5px;border:0;accent-color:var(--accent);border-radius:4px;margin:0 0 10px}#account-storage-progress::-webkit-progress-bar{background:var(--field);border-radius:4px}#account-storage-progress::-webkit-progress-value{background:var(--accent);border-radius:4px}.account-card #account-reserved:empty{display:none}.account-card #account-reserved{margin-bottom:22px}.account-card .quota-input{display:flex;align-items:center;gap:12px;margin-top:7px;max-width:240px}.quota-input input{margin-top:0!important;flex:1;min-width:0}.quota-input>span{font-size:13px;font-weight:400;color:var(--muted)}#settings-form>label{margin-top:26px}.account-page[aria-busy=true]{cursor:progress}
@media(max-width:1150px) and (min-width:781px){.account-page{padding:24px 20px}.account-card{padding:18px}.form-columns{grid-template-columns:1fr;gap:0}.profile-photo{gap:14px}.profile-photo .avatar-large{width:60px;height:60px}}
@media(max-width:780px){.account-button{width:29px;height:29px;min-height:29px}.avatar{width:27px;height:27px;font-size:10px}.avatar svg{width:16px;height:16px}.account-menu{top:calc(100% + 6px);width:200px}.account-menu button{min-height:39px}.app-shell:has(.account-open){grid-template-rows:minmax(0,1fr) 44px}.app-shell:has(.account-open) .inspector-content{display:none}.app-shell:has(.account-open) .inspector-toolbar{height:44px;min-height:44px}.app-shell:has(.account-open) .account-menu{top:auto;bottom:calc(100% + 10px);transform-origin:bottom right}.app-shell:has(.account-open) .account-menu:before{top:auto;bottom:-14px}.app-shell:has(.account-open) .inspector{overflow:visible;z-index:10}.account-page{padding:22px 13px 28px}.account-page-heading{margin-bottom:20px}.account-page-heading h2{font-size:22px}.account-card{padding:16px;margin-bottom:14px}.profile-photo{gap:13px;align-items:flex-start}.avatar-large{width:56px;height:56px;font-size:20px}.avatar-large svg{width:28px;height:28px}.photo-actions{gap:5px}.photo-actions button{font-size:11px;padding:5px 7px}.form-columns{grid-template-columns:1fr;gap:0}.account-form-footer{align-items:flex-start;flex-direction:column;gap:10px}.account-form-footer button{align-self:flex-end}.account-card input:not([type=file]){font-size:16px}.account-usage{align-items:flex-start;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){.account-menu{transition:none;transform:none}}

@media(max-width:780px){.topbar{padding-right:48px}.account-menu-wrap{position:fixed;top:9px;right:10px;z-index:40}.account-menu,.app-shell:has(.account-open) .account-menu{top:calc(100% + 10px);bottom:auto;transform-origin:top right}.app-shell:has(.account-open) .account-menu:before{top:-14px;bottom:auto}}