/* Shared visual rules for the studio's application navigation. */
header.sidebar-header,body.workbench header.sidebar-header{min-height:56px;padding:8px 18px;gap:14px!important;background:var(--ui-surface);border-bottom:1px solid var(--line);box-sizing:border-box;box-shadow:0 1px 0 #00000003}
header.sidebar-header .studio-menubar{padding:0 14px!important;border-left:1px solid var(--line);border-right:1px solid var(--line);gap:2px!important}
.studio-menubar>button,.top-menu>summary{font-family:var(--font-interface-medium)!important;font-size:14px;padding:8px 11px;line-height:20px;border-radius:6px}
.chrome-navigation{gap:2px}.chrome-icon{width:34px;height:34px;border-radius:7px}.chrome-icon svg{width:19px;height:19px;stroke-width:1.7}.studio-header-actions{gap:6px}.chrome-autosave{font-family:var(--font-interface)!important;font-size:12px;margin:0 9px 0 0;gap:7px}.switch-track{width:34px;height:20px}.switch-track:before{width:14px;height:14px}.chrome-autosave input:checked+.switch-track:before{transform:translateX(14px)}
.workspace-nav,body.workbench .workspace-nav{padding:18px 10px 12px!important;gap:4px!important;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.workspace-nav>.sidebar-brand{padding:3px 7px 19px;margin:0 0 14px;gap:8px;min-height:55px}.sidebar-brand img{width:25px;height:25px}.sidebar-brand>span{font-family:var(--font-interface-medium)!important;font-size:11px;letter-spacing:.4px;line-height:1.5;white-space:nowrap}.sidebar-brand small{font-family:var(--font-interface)!important;font-size:8px;letter-spacing:1px;white-space:nowrap}
.workspace-nav>[data-workspace],body.workbench .workspace-nav>[data-workspace],.workspace-nav .sidebar-commands>button{position:relative;display:flex;align-items:center;gap:10px;padding:10px 11px!important;min-height:42px;max-height:48px;border:1px solid transparent!important;border-radius:8px;font-family:var(--font-interface-medium)!important;font-size:14px!important;font-weight:400!important;line-height:20px;background:transparent;color:var(--ink);flex-shrink:0;text-align:left;transition:background .15s}
.workspace-nav>[data-workspace]:hover,.workspace-nav .sidebar-commands>button:hover{background:var(--ui-surface)}
.workspace-nav>[data-workspace][aria-pressed=true]{background:var(--ui-surface)!important;border-color:var(--line)!important;box-shadow:0 2px 6px #00000004}
.workspace-nav>[data-workspace][aria-pressed=true]:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:3px;background:var(--gold);border-radius:3px}
.workspace-nav svg{width:18px!important;height:18px!important;flex-basis:18px!important;stroke-width:1.6}
.workspace-nav .sidebar-commands{margin:20px 0 18px;padding:16px 0 0;gap:3px}.sidebar-command-heading{font-family:var(--font-interface-medium)!important;font-size:9px;letter-spacing:1.6px;padding:0 11px 7px}.workspace-nav>.sidebar-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:5px;padding-top:12px;margin-top:auto!important;border-top:1px solid var(--line)}.workspace-nav .sidebar-footer #sidebarNight{font-family:var(--font-interface)!important;width:auto!important;min-height:34px;padding:6px 8px!important;gap:5px;font-size:12px;border:0!important;background:transparent!important;border-radius:6px;white-space:nowrap}.workspace-nav .sidebar-settings{width:34px!important;min-height:34px;height:34px;padding:7px!important;border:0!important;background:transparent!important;align-self:auto}.workspace-nav .sidebar-settings:hover,.workspace-nav .sidebar-footer #sidebarNight:hover{background:var(--ui-surface)!important}
.top-menu-panel{padding:6px;box-shadow:0 12px 36px #00000024;border-radius:10px}.top-menu-panel button{font-family:var(--font-interface)!important;padding:9px 11px}.top-menu-panel kbd{font-family:var(--font-interface)!important}.top-menu-panel button:hover{background:var(--paper)}
@media(max-width:800px){header.sidebar-header,body.workbench header.sidebar-header{padding:8px 12px;gap:6px!important}header.sidebar-header .studio-menubar{border:0;border-top:1px solid var(--line);padding:6px 0 0!important}.workspace-nav,body.workbench .workspace-nav{padding:12px 0!important;gap:5px!important}.workspace-nav>.sidebar-brand{padding:4px 7px 12px;min-height:44px;flex-basis:100%;margin-bottom:5px}.workspace-nav>[data-workspace],body.workbench .workspace-nav>[data-workspace]{width:auto;min-height:38px;padding:8px 10px!important;font-size:13px!important}.workspace-nav .sidebar-commands{margin:12px 0;padding-top:12px}.workspace-nav .sidebar-commands>button{min-height:38px;font-size:13px!important}.workspace-nav>.sidebar-footer{margin-top:0!important}.chrome-icon{width:32px;height:32px}.chrome-autosave{margin-right:3px}}
@media(prefers-reduced-motion:reduce){.workspace-nav button,.switch-track:before{transition:none}}
/* Home to create to focused editor. */
body.focused-studio #studio,body.focused-studio #status,body.focused-studio .space-studio,body.focused-studio footer{margin-left:0!important}body.focused-studio .resize-request{display:none!important}body.focused-studio.studio-home main>section:not(#studioHome),body.focused-studio.studio-home main>#status,body.studio-home main>footer{display:none!important}#studioHome{padding:16px 12px 40px;max-width:1350px;margin:0 auto}#studioHome[hidden]{display:none}.home-heading h1{font-size:42px;line-height:1.15;margin:8px 0 12px}.home-heading>p{color:var(--muted);font-size:16px}.home-search{display:flex;gap:8px;margin:26px 0;background:var(--ui-surface);padding:8px;border:1px solid var(--line);border-radius:12px}.home-search input{flex:1;min-width:0;border:0;padding:12px;background:transparent;color:var(--ink)}.home-search button,.create-primary{background:var(--gold)!important;color:var(--accent-text)!important;border:0;border-radius:7px;padding:10px 16px}.home-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 36px}.home-categories button{padding:20px 14px;background:var(--ui-surface);border:1px solid var(--line);border-radius:12px;text-align:left;color:var(--ink)}.category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:hsl(var(--category-hue) 55% 88%);color:#213c36;font-size:24px;margin-bottom:14px}.home-categories strong,.home-categories small{display:block}.home-categories small{color:var(--muted);font-size:12px;line-height:1.5;margin-top:7px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-section-heading h2,.home-resume h2{font-size:25px;margin:0}.home-all,.home-guide{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:9px 12px}.home-guide{font-size:12px}.home-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 32px}.home-template{padding:12px;background:var(--ui-surface);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-align:left}.home-template canvas{width:100%;height:180px;object-fit:contain;background:var(--paper);border-radius:7px;display:block;margin-bottom:12px}.home-template strong{font-size:13px}.home-resume{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:22px;border:1px solid var(--line);background:var(--ui-surface);border-radius:12px}.home-resume>div{flex:1;min-width:180px}.home-resume p{font-size:13px;color:var(--muted)}.home-resume button{padding:10px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:transparent}.workspace-nav>.home-navigation,.workspace-nav>.create-primary{display:flex;align-items:center;gap:10px;padding:10px 11px!important;font-family:var(--font-interface-medium);font-size:14px;min-height:42px;width:100%;border:0;border-radius:8px;color:var(--ink);background:transparent}.workspace-nav>.home-navigation[aria-pressed=true]{background:var(--ui-surface);box-shadow:inset 3px 0 var(--gold)}.workspace-nav>.create-primary{margin:5px 0 12px}#createWorkspace{width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--ui-surface);color:var(--ink);box-sizing:border-box}#createWorkspace .intro{position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important}#createWorkspace .intro-hero,#createWorkspace .composer-toggle{display:none!important}.create-heading{display:flex;align-items:center;justify-content:space-between}.create-heading h2{font-size:28px}.create-heading button{background:transparent;border:0;color:var(--ink);font-size:24px}#createWorkspace .request-box{padding:0;border:0}#createWorkspace textarea{height:110px!important}.home-categories button:hover,.home-template:hover{border-color:var(--gold)}@media(max-width:800px){#studioHome{padding:8px 0 30px}.home-heading h1{font-size:32px}.home-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-template canvas{height:130px}.home-search{flex-wrap:wrap}.home-search input{flex-basis:100%}.workspace-nav>.home-navigation,.workspace-nav>.create-primary{width:auto;flex:0 1 auto}.home-section-heading{flex-wrap:wrap}}@media(max-width:400px){.home-template-grid{grid-template-columns:1fr}}