.studio-workspace{background:var(--color-bg);min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);grid-template-columns:252px minmax(0,1fr);display:grid}.studio-sidebar{background:var(--color-surface);border-inline-end:1px solid var(--color-line);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.studio-brand{font:600 20px var(--font-serif);align-items:center;gap:11px;padding:27px 24px 28px;display:flex}.studio-brand strong{color:var(--color-muted);font-weight:500}.studio-brand-dot{background:var(--color-accent);border-radius:50%;width:6px;height:6px;margin-inline-start:auto}.studio-area{background:var(--color-surface-2);border:1px solid var(--color-line);border-radius:10px;gap:3px;margin:0 18px 14px;padding:4px;display:flex}.studio-area button{color:var(--color-muted);border-radius:7px;flex:1;padding:8px 4px;font-size:11px;font-weight:700}.studio-area button[aria-pressed=true]{background:var(--color-surface);box-shadow:var(--shadow-1);color:var(--color-ink)}.studio-navigation{flex:1;padding:0 13px 20px;overflow-y:auto}.studio-nav-group{margin-top:15px}.studio-nav-group>p{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);padding:0 13px 7px;font-size:10px;font-weight:800}.studio-nav-group>button{text-align:start;width:100%;min-height:42px;color:var(--color-ink-2);border-radius:10px;align-items:center;gap:12px;margin:2px 0;padding:10px 13px;font-size:12px;font-weight:600;transition:background .18s,color .18s,transform .18s;display:flex}.studio-nav-group>button:hover{background:var(--color-surface-2);transform:translate(2px)}.studio-nav-group>button[aria-current]{color:var(--color-accent-ink);background:color-mix(in srgb,var(--color-accent) 15%,var(--color-surface));font-weight:800}.studio-active-dot{background:var(--color-accent-ink);border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.studio-profile{border-top:1px solid var(--color-line);align-items:center;gap:10px;padding:16px 20px;display:flex}.studio-profile strong{font-size:12px;display:block}.studio-profile small{color:var(--color-muted);margin-top:3px;font-size:10px;display:block}.studio-profile>.studio-icon{margin-inline-start:auto}.studio-avatar{background:var(--color-ink);width:35px;height:35px;color:var(--color-bg);border-radius:12px;place-items:center;font-weight:800;display:grid}.studio-body{min-width:0}.studio-topbar{z-index:30;border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 36px;display:flex;position:sticky;top:0}.studio-topbar-start,.studio-topbar-actions{align-items:center;gap:12px;display:flex}.studio-breadcrumb{color:var(--color-muted);white-space:nowrap;font-size:12px}.studio-breadcrumb>span{opacity:.5;margin:0 12px}.studio-breadcrumb strong{color:var(--color-ink);font-weight:600}.studio-icon{min-width:40px;min-height:40px;color:var(--color-muted);border-radius:10px;place-items:center;display:grid}.studio-icon:hover{background:var(--color-surface-2);color:var(--color-ink)}.studio-menu-toggle{display:none}.studio-search-trigger{color:var(--color-muted);border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:9px 12px;font-size:11px;display:flex}.studio-search-trigger kbd{font:10px var(--font-sans);border:1px solid var(--color-line);border-radius:4px;margin-inline-start:26px;padding:2px 4px}.studio-site-link,.studio-academy-link{min-height:42px;color:var(--color-ink-2);align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.studio-academy-link{background:var(--color-surface);border:1px solid var(--color-line);border-radius:10px;padding:0 12px}.studio-main{max-width:1600px;margin:auto;padding:36px clamp(24px,3.1vw,56px)}.studio-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.studio-eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--color-accent-ink);margin-bottom:9px;font-size:10px;font-weight:800}.studio-page-heading h1{font:600 clamp(28px,3vw,42px)/1.1 var(--font-serif);letter-spacing:-.035em}.studio-description{color:var(--color-muted);max-width:580px;margin-top:10px;font-size:12px;line-height:1.8}.studio-role-select{color:var(--color-muted);flex-direction:column;gap:6px;min-width:140px;font-size:10px;display:flex}.studio-role-select select{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);border-radius:9px;min-height:40px;padding:9px 12px;font-size:12px}.studio-role-note{background:color-mix(in srgb,var(--color-gold) 12%,var(--color-surface));border:1px solid var(--color-line);border-radius:12px;align-items:center;gap:10px;margin-bottom:25px;padding:14px 16px;font-size:12px;line-height:1.7;display:flex}.studio-role-note button{white-space:nowrap;margin-inline-start:auto;font-weight:700;text-decoration:underline}.studio-panel{animation:studio-enter .26s var(--ease-entry) backwards}.studio-panel :where(input:not([type=checkbox]):not([type=radio]),select){min-height:42px}.studio-panel :where(input,textarea,select){border-radius:10px}.studio-panel :where(input,textarea,select):focus{outline:2px solid var(--color-accent-ink);outline-offset:2px}.studio-panel table{font-size:12px}.studio-panel :where(th,td){padding-block:12px}.studio-workspace-footer{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;gap:15px;margin-top:40px;padding-top:20px;font-size:10px;display:flex}.studio-empty,.studio-loading{text-align:center;background:var(--color-surface);border:1px solid var(--color-line);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:310px;padding:35px;display:flex}.studio-empty h2{font:600 24px var(--font-serif)}.studio-empty p,.studio-loading p{color:var(--color-muted);max-width:460px;font-size:13px;line-height:1.8}.studio-button{background:var(--color-ink);color:var(--color-bg);border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex}.studio-loading>span{border:2px solid var(--color-line);border-top-color:var(--color-accent-ink);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite studio-spin}.studio-loading strong{font-size:13px}.studio-alert{border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;margin-bottom:16px;padding:14px;font-size:13px}.studio-nav-empty{color:var(--color-muted);padding:20px;font-size:12px}.studio-dialog{color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);width:min(580px,100vw - 32px);max-height:82dvh;font-family:var(--font-sans);border-radius:20px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 30px 100px #0c182a38}.studio-dialog[open]{animation:studio-enter .2s var(--ease-entry)}.studio-dialog::backdrop{backdrop-filter:blur(5px);background:#10213266}.studio-dialog-heading{border-bottom:1px solid var(--color-line);font:600 18px var(--font-serif);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.studio-command-input{color:var(--color-accent-ink);align-items:center;gap:12px;padding:18px 22px;display:flex}.studio-command-input input{min-width:0;color:var(--color-ink);background:0 0;flex:1;padding:10px 4px;font-size:14px}.studio-command-results{max-height:350px;padding:0 12px 12px;overflow-y:auto}.studio-command-results button{text-align:start;border-radius:10px;align-items:center;gap:13px;width:100%;padding:12px;display:flex}.studio-command-results button:hover,.studio-command-results button.is-selected{background:var(--color-surface-2)}.studio-command-results strong{font-size:12px;display:block}.studio-command-results small{color:var(--color-muted);margin-top:3px;font-size:10px;display:block}.studio-command-results button>svg:last-child{margin-inline-start:auto}.studio-command-results>p{color:var(--color-muted);padding:20px;font-size:13px}.studio-command-hint{border-top:1px solid var(--color-line);color:var(--color-muted);padding:14px 24px;font-size:10px}.studio-mobile-drawer .studio-area{margin-top:20px}.studio-drawer-links{border-top:1px solid var(--color-line);gap:5px;padding:18px;display:grid}.studio-drawer-links>a,.studio-drawer-links>button{justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:12px;font-weight:700;display:flex}.studio-mobile-drawer{width:min(320px,100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:12px auto 12px 12px}@keyframes studio-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (width>=1800px){.studio-workspace{grid-template-columns:280px minmax(0,1fr)}}@media (width<=1190px){.studio-topbar{padding-inline:24px}.studio-search-trigger>span,.studio-search-trigger kbd{display:none}.studio-main{padding:30px 24px}}@media (width<=1023px){.studio-workspace{display:block}.studio-sidebar{display:none}.studio-menu-toggle{display:grid}.studio-topbar{height:66px;padding-inline:16px}.studio-main{padding:26px 20px}.studio-breadcrumb>strong,.studio-breadcrumb>span{display:none}.studio-topbar-actions{gap:9px}.studio-site-link span,.studio-academy-link span{display:none}.studio-site-link{padding:8px}.studio-page-heading{align-items:flex-start}.studio-role-select{min-width:115px}.studio-description{font-size:12px}.studio-role-note{flex-wrap:wrap}.studio-role-note button{margin-inline-start:25px}.studio-workspace-footer{flex-wrap:wrap}.studio-panel{overflow-wrap:anywhere}}@media (width<=420px){.studio-page-heading{flex-direction:column}.studio-role-select{flex-direction:row;align-items:center;gap:10px}.studio-main{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.studio-panel,.studio-dialog[open],.studio-loading>span{animation:none}.studio-nav-group>button{transition:none}}.studio-gate{background:radial-gradient(ellipse at 14% 40%,color-mix(in srgb,var(--color-lilac) 12%,transparent),transparent 55%),var(--color-bg);min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);padding:38px max(24px,8vw)}.studio-gate-brand{font:600 23px var(--font-serif);align-items:center;gap:10px;display:flex}.studio-gate-brand>span{color:var(--color-muted)}.studio-gate-layout{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1150px;margin:100px auto 50px;display:grid}.studio-gate-intro h1{font:600 clamp(45px,5vw,75px)/1.1 var(--font-serif);letter-spacing:-.045em;margin-block:20px 26px}.studio-gate-intro>p:last-of-type{color:var(--color-muted);max-width:410px;font-size:15px;line-height:1.9}.studio-gate-tags{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.studio-gate-tags span{border:1px solid var(--color-line);border-radius:999px;padding:9px 13px;font-size:11px}.studio-gate-card{border:1px solid var(--color-line);box-shadow:var(--shadow-2);background:var(--color-surface);border-radius:26px;padding:38px}.studio-gate-card>svg{color:var(--color-accent-ink);margin-bottom:23px}.studio-gate-card h2{font:600 29px var(--font-serif);letter-spacing:-.03em}.studio-gate-card p{color:var(--color-muted);margin:16px 0 25px;font-size:13px;line-height:1.9}.studio-gate-card .studio-button{width:100%}.studio-gate-back{text-align:center;padding:17px;font-size:12px;font-weight:600;display:block}.studio-gate-card small{border-top:1px solid var(--color-line);color:var(--color-muted);text-align:center;padding-top:19px;font-size:10px;display:block}.studio-launchpad{grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:24px;display:grid}.studio-launch-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:20px;padding:28px}.studio-launch-card:first-child{background:color-mix(in srgb,var(--color-accent) 13%,var(--color-surface))}.studio-launch-card h2{font:600 25px var(--font-serif);letter-spacing:-.03em;margin:10px 0}.studio-launch-card p{color:var(--color-muted);font-size:12px;line-height:1.8}.studio-quick-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.studio-quick-actions button{background:var(--color-surface);border:1px solid var(--color-line);border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:10px 13px;font-size:11px;font-weight:700;display:flex}.studio-quick-actions button:hover{border-color:var(--color-accent-ink)}.studio-section-label{justify-content:space-between;align-items:center;margin:26px 0 15px;font-size:12px;font-weight:800;display:flex}.studio-section-label button{color:var(--color-muted);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.studio-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.studio-summary-grid>button{border:1px solid var(--color-line);background:var(--color-surface);text-align:start;border-radius:17px;padding:22px;transition:transform .2s,box-shadow .2s}.studio-summary-grid>button:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.studio-summary-grid strong{font:600 35px var(--font-serif);margin:19px 0 6px;display:block}.studio-summary-grid span{color:var(--color-ink-2);font-size:12px;line-height:1.6;display:block}.studio-summary-grid small{color:var(--color-muted);margin-top:8px;font-size:10px;line-height:1.7;display:block}@media (width<=1100px){.studio-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-gate-layout{gap:35px}.studio-gate-card{padding:27px}}@media (width<=700px){.studio-gate-layout{grid-template-columns:1fr;gap:35px;margin-top:48px}.studio-gate-intro h1{font-size:46px}.studio-launchpad{grid-template-columns:1fr}.studio-launch-card{padding:23px}.studio-summary-grid>button{padding:17px}}.studio-dialog{overscroll-behavior:contain;scrollbar-gutter:stable}.studio-dialog-heading{z-index:2;background:var(--color-surface);gap:16px;position:sticky;top:0}.studio-dialog-heading .studio-icon{flex-shrink:0}.studio-navigation{overscroll-behavior-y:contain;scrollbar-width:thin}.studio-icon,.studio-area button,.studio-nav-group>button,.studio-search-trigger,.studio-site-link,.studio-academy-link{min-height:44px}.studio-icon,.studio-search-trigger{min-width:44px}.studio-command-input input{font-size:16px}.studio-panel :where(input,textarea,select){scroll-margin-block:100px}.studio-topbar-start,.studio-topbar-actions{min-width:0}@media (width>=1024px) and (width<=1279px){.studio-workspace{grid-template-columns:220px minmax(0,1fr)}.studio-brand{padding-inline:18px;font-size:18px}.studio-topbar{gap:10px;padding-inline:20px}.studio-breadcrumb strong{display:none}}@media (width<=1023px),(pointer:coarse){.studio-panel :where(input:not([type=checkbox]):not([type=radio]),textarea,select),.studio-role-select select{font-size:16px}.studio-topbar{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}}@media (height<=600px){.studio-command-results{max-height:35dvh}}@media (hover:none){.studio-nav-group>button:hover,.studio-summary-grid>button:hover{transform:none}}