:root{--top-bar-height: 52px;--tool-rail-width: 120px;--properties-panel-width: 280px;--status-bar-height: 28px}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem}:root{--radius-sm: .1875rem;--radius-md: .3125rem;--radius-lg: .5rem;--radius-xl: .75rem}:root{--control-sm: 1.75rem;--control-md: 2.25rem;--control-lg: 2.75rem}:root{--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .6875rem;--text-sm: .75rem;--text-md: .875rem;--text-lg: 1rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5}:root,:root[data-theme=dark]{--surface-app: #111111;--surface-panel: #1a1a1a;--surface-panel-raised: #1e1e1e;--surface-control: #252525;--surface-control-hover: #2e2e2e;--surface-control-active: #363636;--surface-overlay: #1a1a1ae6;--border-subtle: #222222;--border-default: #2e2e2e;--border-strong: #404040;--border-focus: #10b981;--text-primary: #ededed;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-disabled: #525252;--text-inverse: #111111;--accent-primary: #10b981;--accent-primary-hover: #059669;--accent-primary-text: #111111;--accent-subtle: rgba(16, 185, 129, .12);--accent-focus-ring: rgba(16, 185, 129, .35);--status-success: #10b981;--status-success-subtle: rgba(16, 185, 129, .12);--status-warning: #f59e0b;--status-warning-subtle: rgba(245, 158, 11, .12);--status-danger: #ef4444;--status-danger-subtle: rgba(239, 68, 68, .12);--canvas-bg: #161616;--image-shadow: 0 4px 24px rgba(0, 0, 0, .6);--image-border: rgba(255, 255, 255, .06);--selection-stroke: #10b981;--selection-fill: rgba(16, 185, 129, .08);--handle-fill: #ffffff;--handle-stroke: #10b981}:root[data-theme=light]{--surface-app: #f0f0f0;--surface-panel: #ffffff;--surface-panel-raised: #f8f8f8;--surface-control: #f0f0f0;--surface-control-hover: #e8e8e8;--surface-control-active: #dcdcdc;--surface-overlay: #ffffffe6;--border-subtle: #ebebeb;--border-default: #e0e0e0;--border-strong: #c8c8c8;--border-focus: #059669;--text-primary: #111111;--text-secondary: #525252;--text-tertiary: #737373;--text-disabled: #a3a3a3;--text-inverse: #ffffff;--accent-primary: #059669;--accent-primary-hover: #047857;--accent-primary-text: #ffffff;--accent-subtle: rgba(5, 150, 105, .1);--accent-focus-ring: rgba(5, 150, 105, .3);--status-success: #059669;--status-success-subtle: rgba(5, 150, 105, .1);--status-warning: #d97706;--status-warning-subtle: rgba(217, 119, 6, .1);--status-danger: #dc2626;--status-danger-subtle: rgba(220, 38, 38, .1);--canvas-bg: #e4e4e4;--image-shadow: 0 4px 24px rgba(0, 0, 0, .15);--image-border: rgba(0, 0, 0, .08);--selection-stroke: #059669;--selection-fill: rgba(5, 150, 105, .08);--handle-fill: #ffffff;--handle-stroke: #059669}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}app-root{display:block;height:100%}body{min-height:100dvh;line-height:var(--line-height-normal);font-family:var(--font-ui);font-size:var(--text-md);color:var(--text-primary);background-color:var(--surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.text-xs{font-size:var(--text-xs);line-height:var(--line-height-tight)}.text-sm{font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-md{font-size:var(--text-md);line-height:var(--line-height-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--line-height-tight)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-accent{color:var(--accent-primary)}.text-danger{color:var(--status-danger)}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-nowrap{white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}.min-h-0{min-height:0}