@property --scrollbar-thumb-opacity{syntax: "<number>"; inherits: true; initial-value: .2;}:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-canvas: #1a1a1a;--text-primary: #cccccc;--text-secondary: #969696;--text-muted: #6a6a6a;--text-on-accent: #ffffff;--font-mono: "Consolas", "Monaco", "Cascadia Code", monospace;--accent-blue: #007acc;--accent-blue-bright: #4a9eff;--accent-green: #4ec9b0;--accent-amber: #fbbf24;--accent-red: #f44747;--accent-red-bright: #ff7373;--accent-orange: #ce9178;--accent-purple: #c586c0;--hover-bg: #2a2d2e;--active-bg: #094771;--border-color: #3e3e42;--border-strong: #4d4d52;--border-subtle: rgba(255, 255, 255, .05);--wash-selected: rgba(0, 122, 204, .1);--wash-green: rgba(67, 160, 71, .1);--wash-amber: rgba(245, 166, 35, .1);--wash-red: rgba(244, 71, 71, .1);--wash-blue: rgba(74, 158, 255, .1);--fs-2xs: .625rem;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-md: .8125rem;--fs-lg: .9375rem;--fs-xl: 1.125rem;--fw-semibold: 600;--ls-caps: .08em;--lh-base: 1.45;--space-1: .25rem;--space-2: .375rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.5rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-pill: 999px;--shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--ring-selected: inset 3px 0 0 0 var(--accent-blue);--transition-fast: .12s ease;--scrollbar-size: 4px;--scrollbar-thumb-rgb: 62, 62, 66;--scrollbar-thumb-opacity-idle: .2}*{box-sizing:border-box;margin:0;padding:0;--scrollbar-thumb-opacity: var(--scrollbar-thumb-opacity-idle)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-thumb{background:rgba(var(--scrollbar-thumb-rgb),var(--scrollbar-thumb-opacity));border-radius:var(--radius-pill)}html,body{width:100%;height:100%}body{overflow:hidden;color:var(--text-primary);background:var(--bg-primary);font-family:var(--font-mono)}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue-bright);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;margin-right:.5rem;border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}html,body,studio-runtime-shell{width:100%;height:100%}studio-runtime-shell{display:block}