:root{--app-bg:#f4f6fb;--app-bg-accent:rgba(99,102,241,0.08);--surface-base:rgba(255,255,255,0.86);--surface-elevated:#ffffff;--surface-subtle:#f8fafc;--surface-strong:#eef2f7;--border-subtle:rgba(15,23,42,0.08);--border-strong:rgba(15,23,42,0.14);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#f8fafc;--accent:#4f46e5;--accent-soft:rgba(79,70,229,0.1);--accent-strong:#312e81;--success-soft:#ecfdf3;--success-text:#027a48;--danger-soft:#fef3f2;--danger-text:#b42318;--warning-soft:#fffaeb;--warning-text:#b54708;--diff-added-bg:#f0fdf4;--diff-removed-bg:#fef2f2;--panel-warning-bg:#fff7ed;--panel-warm-bg:#fffaf0;--panel-info-tint:#eff6ff;--panel-info-muted:#f8fbff;--border-amber:rgba(245,158,11,0.72);--border-amber-soft:rgba(253,186,116,0.88);--border-amber-strong:rgba(251,146,60,0.95);--border-info-muted:#bfdbfe;--surface-inset:#f9fafb;--surface-preview:#fafafa;--interactive-blue:#3b82f6;--interactive-blue-soft:rgba(59,130,246,0.08);--interactive-blue-bg:#dbeafe;--interactive-blue-glow:rgba(59,130,246,0.22);--interactive-blue-ring:rgba(59,130,246,0.12);--border-editor:rgba(100,116,139,0.42);--shell-gradient-end:#334155;--surface-ghost:rgba(255,255,255,0.96);--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 12px 30px rgba(15,23,42,0.06);--shadow-lg:0 28px 60px rgba(15,23,42,0.12);--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:24px;--sidebar-width:264px;--sidebar-width-collapsed:84px;--content-max:1360px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,var(--app-bg-accent),transparent 28%),linear-gradient(180deg,var(--surface-subtle) 0,var(--app-bg) 100%);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit}button{border-radius:var(--radius-sm)}button:not([data-reset]){min-height:40px;border:1px solid var(--border-subtle);background:rgba(255,255,255,.8);color:var(--text-primary);padding:9px 13px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:not([data-reset]):hover{background:rgba(255,255,255,.96);border-color:var(--border-strong)}input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea{min-height:42px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:rgba(255,255,255,.82);color:var(--text-primary);padding:9px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.studio-authShell a:focus-visible,.studio-authShell button:focus-visible,.studio-authShell input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-studio-focus],[data-studio-focus] *{scroll-margin-top:84px}[data-studio-focus]:focus-visible{outline:2px solid rgba(79,70,229,.5);outline-offset:2px}.studio-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.studio-shell--collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0,1fr)}.studio-shell__sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid var(--border-subtle);background:rgba(248,250,252,.76);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-rows:auto 1fr auto;grid-gap:20px;gap:20px;z-index:20}.studio-shell__content{min-width:0;padding:20px}.studio-shell__contentInner{max-width:var(--content-max);margin:0 auto;display:grid;grid-gap:18px;gap:18px}.studio-shell__topbar{position:-webkit-sticky;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-shell__pageRail{display:grid;grid-gap:16px;gap:16px}.studio-shell__mobileToggle,.studio-shell__sidebarOverlay{display:none}.studio-commandPalette{position:fixed;inset:0;background:rgba(15,23,42,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;padding:10vh 20px 20px;z-index:40}.studio-commandPalette__panel{width:min(720px,100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:rgba(255,255,255,.95);box-shadow:var(--shadow-lg);overflow:hidden}.studio-commandPalette__list{max-height:420px;overflow:auto}.studio-commandPalette__item{width:100%;border:0;background:transparent;border-top:1px solid var(--border-subtle);padding:14px 18px;display:flex;justify-content:space-between;gap:14px;text-align:left;cursor:pointer}.studio-commandPalette__item:hover{background:var(--surface-subtle)}.studio-authShell{min-height:100vh;display:grid;place-items:center;padding:24px}.studio-authShell__grid{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,440px);grid-gap:24px;gap:24px;align-items:stretch}@media (max-width:1023px){.studio-authShell__grid{grid-template-columns:1fr}}@media (max-width:959px){.studio-shell,.studio-shell--collapsed{grid-template-columns:1fr}.studio-shell__mobileToggle{display:inline-flex}.studio-shell__sidebarOverlay{display:block;position:fixed;inset:0;background:rgba(15,23,42,.34);border:0;z-index:18}.studio-shell__sidebar{position:fixed;left:0;top:0;bottom:0;width:min(88vw,320px);transform:translateX(-105%);transition:transform .18s ease;box-shadow:var(--shadow-lg)}.studio-shell__sidebar--mobileOpen{transform:translateX(0)}.studio-shell__content{padding:18px 16px 32px}.studio-shell__topbar{padding-top:4px}}@media (max-width:639px){.studio-shell__contentInner{gap:14px}}.studio-contextHelp{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,rgba(79,70,229,.06),rgba(255,255,255,.92));box-shadow:var(--shadow-xs);display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.studio-contextHelp__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.studio-contextHelp__badge{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:4px 10px}.studio-contextHelp__block{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.studio-contextHelp__title{margin:0;font-size:15px;font-weight:650;color:var(--text-primary)}.studio-contextHelp__p{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.studio-apiErrorBar{position:fixed;left:50%;bottom:var(--space-5);transform:translateX(-50%);z-index:60;max-width:min(560px,calc(100vw - 32px));border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-elevated);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.studio-apiErrorBar__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.studio-apiErrorBar__title{margin:0;font-size:13px;font-weight:650;color:var(--danger-text)}.studio-apiErrorBar__msg{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.studio-apiErrorBar__meta{font-size:11px;color:var(--text-tertiary);font-family:ui-monospace,monospace}