:root{--shell-bg:#1e1e1e;--shell-fg:#ccc;--shell-border:#333;--shell-accent:#0078d4;--shell-accent-hover:#1a8cff;--shell-surface:#252526;--shell-surface-hover:#2a2d2e;--shell-panel-bg:#1e1e1e;--shell-titlebar-bg:#181818;--shell-statusbar-bg:#007acc;--shell-statusbar-fg:#fff;--shell-input-bg:#3c3c3c;--shell-input-border:#555;--shell-scrollbar:#424242;--shell-scrollbar-hover:#555;--canvas-bg:#1a1a1a;--checker-light:#ccc;--checker-dark:#999;--checker-size:8px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:12px;--font-size-md:13px;--gap-xs:2px;--gap-sm:4px;--gap-md:8px;--gap-lg:12px;--gap-xl:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--shell-bg);height:100%;color:var(--shell-fg);font-family:var(--font-ui);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--shell-scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--shell-scrollbar-hover)}.checkerboard{background-image:linear-gradient(45deg, var(--checker-dark) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-dark) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-dark) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-dark) 75%);background-size:calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);background-position:0 0, 0 var(--checker-size), var(--checker-size) calc(-1 * var(--checker-size)), calc(-1 * var(--checker-size)) 0;background-color:var(--checker-light)}.resize-handle-h{cursor:col-resize;background:0 0;width:4px;transition:background .15s ease-out}.resize-handle-h:hover,.resize-handle-h:active{background:var(--shell-accent)}.resize-handle-v{cursor:row-resize;background:0 0;height:4px;transition:background .15s ease-out}.resize-handle-v:hover,.resize-handle-v:active{background:var(--shell-accent)}@keyframes activity-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}