html,body{background-color:var(--bg);color:var(--text)}:root,[data-theme=light]{--bg:#fafafa;--bg-elevated:#fff;--bg-muted:#f4f4f5;--bg-subtle:#e4e4e7;--text:#09090b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--inverse:#09090b;--inverse-text:#fafafa;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--radius:14px;--radius-sm:10px;--radius-lg:20px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--header-blur:#ffffffd1;--overlay:#00000073;--focus-ring:#09090b1f;--danger:#52525b;--danger-bg:#f4f4f5}[data-theme=dark]{--bg:#09090b;--bg-elevated:#18181b;--bg-muted:#27272a;--bg-subtle:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border:#27272a;--border-strong:#3f3f46;--inverse:#fafafa;--inverse-text:#09090b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 12px 48px #00000080;--header-blur:#09090bd1;--overlay:#000000a6;--focus-ring:#fafafa24;--danger:#a1a1aa;--danger-bg:#27272a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#09090b;--bg-elevated:#18181b;--bg-muted:#27272a;--bg-subtle:#3f3f46;--text:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border:#27272a;--border-strong:#3f3f46;--inverse:#fafafa;--inverse-text:#09090b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 12px 48px #00000080;--header-blur:#09090bd1;--overlay:#000000a6;--focus-ring:#fafafa24;--danger:#a1a1aa;--danger-bg:#27272a}}.studio_page_override{--surface:var(--bg-elevated);--surface-muted:var(--bg-muted);--text-muted:var(--text-secondary);--accent:var(--text);--accent-soft:var(--bg-muted)}*,:before,:after{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{background:0 0;width:0;height:0;display:none}html,body,#app,#app-layout,.main_content,.content_body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}#app::-webkit-scrollbar{width:0;height:0;display:none}#app-layout::-webkit-scrollbar{width:0;height:0;display:none}.main_content::-webkit-scrollbar{width:0;height:0;display:none}.content_body::-webkit-scrollbar{width:0;height:0;display:none}html,body{background-color:var(--bg);width:100%;min-height:100%;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);margin:0;padding:0}#app-layout{flex-direction:column;min-height:100vh;display:flex}.main_navbar{z-index:1000;background:var(--header-blur);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);width:100%;position:fixed;top:0;left:0}.nav_inner{justify-content:space-between;align-items:center;gap:12px;max-width:1280px;height:56px;margin:0 auto;padding:0 16px;display:flex}.nav_brand{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand_mark{background:var(--text);border-radius:2px;flex-shrink:0;width:8px;height:8px}.brand_text{letter-spacing:-.02em;white-space:nowrap;font-size:14px;font-weight:700}@media (width<=400px){.brand_text{font-size:13px}}.nav_desktop{align-items:center;gap:8px;margin-left:auto;display:flex}.nav_links{align-items:center;gap:4px;display:flex}.nav_link{color:var(--text-secondary);border-radius:8px;align-items:center;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.nav_link:hover,.nav_link.active{color:var(--text);background:var(--bg-muted)}.nav_logout{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-left:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.nav_logout .material-symbols-outlined{font-size:18px}.nav_logout:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-muted)}.nav_toggle{border:1px solid var(--border);background:var(--bg-elevated);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:none}.nav_toggle .material-symbols-outlined{font-size:22px}.nav_mobile_panel,.nav_overlay{display:none}.main_content{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin-top:56px;margin-left:auto;margin-right:auto;padding:24px 16px 32px}.main_content.no_navbar{max-width:100%;margin-top:0;padding:0}::selection{background:var(--focus-ring);color:var(--text)}input,button,select,textarea{font-family:inherit}@media (width<=768px){.main_navbar{-webkit-backdrop-filter:none;background:var(--bg-elevated)}.nav_desktop{display:none}.nav_toggle{display:inline-flex}.nav_mobile_panel{background:var(--bg-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:6px;padding:12px 16px 16px;transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:absolute;top:56px;left:0;right:0;transform:translateY(-8px)}.nav_mobile_panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav_mobile_link{color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav_mobile_link .material-symbols-outlined{color:var(--text-tertiary);font-size:20px}.nav_mobile_link:hover,.nav_mobile_link.active{color:var(--text);background:var(--bg-muted)}.nav_mobile_link.active .material-symbols-outlined{color:var(--text)}.nav_mobile_logout{border:1px solid var(--border);background:var(--bg-muted);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.nav_mobile_logout .material-symbols-outlined{font-size:20px}.nav_overlay{background:var(--overlay);z-index:-1;display:block;position:fixed;inset:56px 0 0}.main_navbar.menu_open{z-index:1001}.main_content{padding:20px 14px 28px}}@media (width>=769px){.nav_inner{height:60px;padding:0 24px}.main_content{margin-top:60px;padding:32px 24px}}