:root{--chrome-bg: var(--ui-bg-primary);--chrome-panel: var(--ui-bg-secondary);--chrome-surface: var(--ui-bg-surface);--chrome-surface-subtle: rgba(255, 255, 255, .03);--chrome-header: var(--ui-bg-secondary);--chrome-toolbar: var(--ui-bg-secondary);--chrome-border: var(--ui-border-default);--chrome-border-strong: var(--ui-border-strong, var(--ui-border-default));--chrome-hover: rgba(255, 255, 255, .04);--chrome-input: rgba(255, 255, 255, .04);--chrome-selected: rgba(99, 102, 241, .18);--chrome-accent: #6366f1;--chrome-accent-soft: rgba(99, 102, 241, .12);--chrome-scrim: rgba(0, 0, 0, .6);--surface-hover: rgba(255, 255, 255, .04);--surface-active: rgba(99, 102, 241, .12);--color-text-dim: var(--ui-text-muted);--color-text-secondary: var(--ui-text-secondary)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px;border:2px solid transparent;background-clip:content-box;transition:background .15s}*::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:content-box}*::-webkit-scrollbar-thumb:active{background:#ffffff52;background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0}:root{--bg-primary: #09090b;--bg-secondary: #0f0f12;--bg-elevated: #18181b;--bg-surface: #1e1e22;--bg-hover: #27272a;--border-default: #2e2e33;--border-strong: #3f3f46;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-tertiary: #8a8a93;--accent: #6366f1;--accent-subtle: rgba(99, 102, 241, .15);--accent-subtle-strong: rgba(99, 102, 241, .2);--accent-100: var(--accent-subtle);--accent-300: #818cf8;--accent-500: var(--accent);--success: #4ade80;--error: #fb7185;--warning: #fbbf24;--info: #38bdf8;--node-trigger: #4ade80;--node-control: #818cf8;--node-logic: #fbbf24;--node-data: #38bdf8;--node-integration: #a78bfa;--node-ai: #f472b6;--node-utility: #94a3b8;--node-end: #fb7185;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-mono: 12px;--font-weight-regular: 400;--font-weight-medium: 500;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .25s;--easing: cubic-bezier(.16, 1, .3, 1);--text-2xs: 10px;--radius-xs: 3px;--surface-hover: rgba(255, 255, 255, .04);--surface-active: rgba(255, 255, 255, .08);--divider-subtle: rgba(255, 255, 255, .06);--divider-default: var(--border-default);--se-divider: rgba(255, 255, 255, .06);--resize-handle-width: 4px;--resize-handle-hover-color: var(--bg-hover);--panel-collapsed-width: 24px;--inspector-label-width: 96px;--inspector-gap: var(--space-xs);--row-height-sm: 20px;--control-height-sm: 24px;--control-height-md: 32px;--focus-ring: 0 0 0 2px var(--accent-subtle);--z-canvas-overlay: 100;--z-ruler: 110;--z-panel: 200;--z-toolbar: 300;--z-context-menu: 900;--z-modal: 1000;--z-toast: 1100;--ui-danger: var(--error);--artboard-hairline: rgba(255, 255, 255, .06);--artboard-shadow: 0 4px 24px rgba(0, 0, 0, .35);--editor-handle-fill: #ffffff;--ui-bg-primary: var(--bg-secondary);--ui-bg-secondary: var(--bg-elevated);--ui-bg-surface: var(--bg-surface);--ui-text-primary: var(--text-primary);--ui-text-secondary: var(--text-secondary);--ui-text-muted: var(--text-tertiary);--ui-border-default: var(--border-default);--ui-border-accent: var(--accent);--ui-accent: var(--accent);--ui-accent-hover: #818cf8;--ui-success: var(--success);--ui-warning: var(--warning);--ui-error: var(--error);--ui-radius-sm: var(--radius-sm);--ui-radius-control: var(--radius-md);--ui-radius-md: var(--radius-lg);--ui-radius-lg: var(--radius-xl);--ui-border-subtle: rgba(255, 255, 255, .06);--ui-border-hover: rgba(255, 255, 255, .1);--ui-input-bg: rgba(255, 255, 255, .04);--ui-accent-bg: rgba(99, 102, 241, .12);--ui-transition: .15s ease;--color-accent: var(--accent);--color-accent-bg: var(--accent-subtle);--color-bg: var(--bg-primary);--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-elevated: var(--bg-elevated);--color-bg-subtle: var(--bg-elevated);--color-border: var(--border-default);--color-border-subtle: var(--divider-subtle);--color-error: var(--error);--color-warning: var(--warning);--color-text: var(--text-primary);--color-text-primary: var(--text-primary);--color-text-muted: var(--text-tertiary);--panel-header-height: 32px;--row-height-md: 28px;--row-height-dense: 22px;--label-width-sm: 88px;--section-header-height: 26px;--section-indent: 8px;--control-height-xs: 20px;--toolbar-height: 34px;--toolbar-group-gap: 2px;--toolbar-divider-gap: 8px;--chip-height-xs: 16px;--chip-height-sm: 20px;--chip-radius: 3px;--chip-string-bg: rgba(56, 189, 248, .15);--chip-string-fg: var(--info);--chip-number-bg: rgba(251, 191, 36, .15);--chip-number-fg: var(--warning);--chip-boolean-bg: rgba(74, 222, 128, .15);--chip-boolean-fg: var(--success);--chip-object-bg: rgba(167, 139, 250, .15);--chip-object-fg: var(--node-integration);--chip-event-bg: var(--accent-subtle);--chip-event-fg: var(--accent);--chip-slot-bg: rgba(148, 163, 184, .15);--chip-slot-fg: var(--node-utility);--chip-enum-bg: rgba(244, 114, 182, .15);--chip-enum-fg: #f472b6;--statusbar-height: 22px;--code-tag: #6ab7ff;--code-attr: #c8a0ff;--code-str: #b5e0a0;--code-prop: #c8a0ff;--code-val: #f5c56a;--surface-root: var(--bg-primary);--surface-statusbar: var(--bg-primary);--surface-alt: var(--bg-elevated);--surface-panel: var(--bg-elevated);--text-on-accent: var(--bg-primary);--accent-strong: #4f46e5;--text-muted: var(--text-tertiary);--border-subtle: var(--divider-subtle);--canvas-bg: #0d0d0f;--canvas-grid-dot: rgba(255, 255, 255, .04);--text-on-solid: #ffffff;--row-xs: 20px;--row-sm: 22px;--panel-header: 24px;--toolbar-h: 32px;--statusbar-h: 22px;--color-text-dim: #8a8a93;--color-danger: var(--error);--color-warn: var(--warning);--color-success: var(--success);--chrome-scrim: rgba(0, 0, 0, .6);--chrome-shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 2px rgba(74, 141, 219, .55);--color-annotation-1: #3db8a8;--color-annotation-2: #e0a84a;--color-annotation-3: #d168b4;--color-annotation-4: #8ebb4a;--color-annotation-5: #e07848;--color-annotation-6: #5fb8d4;--palette-bg: #1a1d24;--palette-card-bg: #232730;--palette-card-bg-hover: #2a2f3a;--palette-children-bg: #1a1d24;--palette-input-bg: #14161b;--palette-card-border: rgba(255, 255, 255, .05);--palette-card-border-hover:rgba(99, 102, 241, .4);--palette-tile-border: rgba(255, 255, 255, .06);--palette-children-divider: rgba(255, 255, 255, .04);--palette-input-border: rgba(255, 255, 255, .08);--palette-popover-border: rgba(99, 102, 241, .4);--palette-card-bg-active: rgba(99, 102, 241, .1);--palette-card-border-active: var(--accent);--palette-child-bg-active: rgba(99, 102, 241, .14);--palette-child-fg-active: #a5b4fc;--palette-child-bg-hover: rgba(255, 255, 255, .04);--palette-act-fg: #6b7280;--palette-act-fg-hover: #ffffff;--palette-act-bg-hover: rgba(255, 255, 255, .06);--palette-modified-dot: #f59e0b;--palette-child-dot: #4b5563;--palette-child-dot-active: var(--accent);--palette-badge-bg: rgba(99, 102, 241, .16);--palette-badge-fg: #a5b4fc;--palette-new-btn-bg: linear-gradient(180deg, #4f46e5 0%, #4338ca 100%);--palette-new-btn-bg-active: #4338ca;--palette-new-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);--palette-new-btn-ring: 0 0 0 2px rgba(99, 102, 241, .4);--palette-popover-shadow: 0 8px 24px rgba(0, 0, 0, .4);--palette-cat-btn-bg: rgba(99, 102, 241, .16);--palette-cat-btn-fg: #a5b4fc;--palette-cat-input-bg: rgba(34, 197, 94, .14);--palette-cat-input-fg: #86efac;--palette-cat-bool-bg: rgba(245, 158, 11, .14);--palette-cat-bool-fg: #fcd34d;--palette-cat-layout-bg: rgba(236, 72, 153, .14);--palette-cat-layout-fg: #f9a8d4;--palette-cat-media-bg: rgba(14, 165, 233, .14);--palette-cat-media-fg: #7dd3fc;--palette-cat-misc-bg: rgba(156, 163, 175, .12);--palette-cat-misc-fg: #d1d5db;--palette-text-primary: #e6e8ee;--palette-text-muted: #6b7280;--palette-text-secondary: #d1d5db;--palette-text-hover: #ffffff;--palette-popover-label-fg: #9ca3af;--palette-container-border: rgba(255, 255, 255, .08);--palette-empty-tile-border: rgba(255, 255, 255, .25);--palette-subhead-margin-top: 4px;--storage-bg-panel: #111113;--storage-bg-tree: #0d0d0f;--storage-bg-selected: rgba(124, 58, 237, .08);--storage-border: #1e1e22;--storage-text: #ccc;--storage-color-string: #e879a0;--storage-color-number: #7caaff;--storage-color-boolean: #a5d6a7;--storage-color-array: #ffb86c;--storage-color-object: #c4b5fd;--storage-color-media: #67d4e2}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px!important;border-radius:2px}.preview-shell[data-theme=light],.app-themed[data-theme=light]{--bg-primary: #ece7db;--bg-secondary: #f5f1e8;--bg-elevated: #faf7f0;--bg-surface: #ffffff;--bg-hover: #efe9dc;--border-default: #e2dccd;--border-strong: #d3cbb6;--text-primary: #2b2a26;--text-secondary: #6f6c62;--text-tertiary: #6b6760;--text-muted: #6b6760;--accent: #c45f3f;--accent-subtle: rgba(196, 95, 63, .14);--accent-subtle-strong: rgba(196, 95, 63, .22);--accent-100: var(--accent-subtle);--accent-300: #d97757;--accent-500: var(--accent);--accent-strong: #a94e32;--success: #3f8f4f;--warning: #b07a18;--error: #c0392b;--info: #2d7da6;--ui-danger: var(--error);--surface-hover: rgba(0, 0, 0, .045);--surface-active: rgba(196, 95, 63, .12);--divider-subtle: rgba(0, 0, 0, .06);--divider-default: var(--border-default);--border-subtle: var(--divider-subtle);--text-on-accent: #ffffff;--text-on-solid: #ffffff;--focus-ring: 0 0 0 2px rgba(196, 95, 63, .45);--ui-bg-primary: var(--bg-secondary);--ui-bg-secondary: var(--bg-elevated);--ui-bg-surface: var(--bg-surface);--ui-text-primary: var(--text-primary);--ui-text-secondary: var(--text-secondary);--ui-text-muted: var(--text-tertiary);--ui-border-default: var(--border-default);--ui-border-accent: var(--accent);--ui-accent: var(--accent);--ui-accent-hover: var(--accent-300);--ui-success: var(--success);--ui-warning: var(--warning);--ui-error: var(--error);--ui-border-subtle: var(--divider-subtle);--ui-border-hover: rgba(0, 0, 0, .1);--ui-input-bg: var(--bg-surface);--ui-accent-bg: var(--accent-subtle);--chrome-bg: var(--bg-primary);--chrome-panel: var(--bg-secondary);--chrome-surface: var(--bg-surface);--chrome-surface-subtle: rgba(0, 0, 0, .025);--chrome-header: var(--bg-secondary);--chrome-toolbar: var(--bg-secondary);--chrome-border: var(--border-default);--chrome-border-strong: var(--border-strong);--chrome-hover: var(--surface-hover);--chrome-input: var(--bg-surface);--chrome-selected: var(--accent-subtle);--chrome-accent: var(--accent);--chrome-accent-soft: var(--accent-subtle);--color-accent: var(--accent);--color-accent-bg: var(--accent-subtle);--color-bg: var(--bg-primary);--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-elevated: var(--bg-elevated);--color-border: var(--border-default);--color-border-subtle: var(--divider-subtle);--color-error: var(--error);--color-warning: var(--warning);--color-text: var(--text-primary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-tertiary);--color-text-dim: var(--text-tertiary);--surface-root: var(--bg-primary);--surface-statusbar: var(--bg-secondary);--surface-alt: var(--bg-elevated);--surface-panel: var(--bg-elevated);--canvas-bg: #e4ddcc;--canvas-grid-dot: rgba(0, 0, 0, .05);background:var(--bg-primary);color:var(--text-primary)}.preview-shell[data-theme=dark],.app-themed[data-theme=dark]{--bg-primary: #1f1e1c;--bg-secondary: #262624;--bg-elevated: #2a2825;--bg-surface: #302e2a;--bg-hover: #35332e;--border-default: #3a3833;--border-strong: #47443d;--text-primary: #ece9e2;--text-secondary: #a9a69b;--text-tertiary: #9a968a;--text-muted: #9a968a;--accent: #c45f3f;--accent-subtle: rgba(217, 119, 87, .18);--accent-subtle-strong: rgba(217, 119, 87, .28);--accent-100: var(--accent-subtle);--accent-300: #d97757;--accent-500: var(--accent);--accent-strong: #a94e32;--success: #5fb872;--warning: #d6a02e;--error: #e06458;--info: #4fa8cf;--ui-danger: var(--error);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(217, 119, 87, .18);--divider-subtle: rgba(255, 255, 255, .07);--divider-default: var(--border-default);--border-subtle: var(--divider-subtle);--text-on-accent: #ffffff;--text-on-solid: #ffffff;--focus-ring: 0 0 0 2px rgba(217, 119, 87, .55);--ui-bg-primary: var(--bg-secondary);--ui-bg-secondary: var(--bg-elevated);--ui-bg-surface: var(--bg-surface);--ui-text-primary: var(--text-primary);--ui-text-secondary: var(--text-secondary);--ui-text-muted: var(--text-tertiary);--ui-border-default: var(--border-default);--ui-border-accent: var(--accent);--ui-accent: var(--accent);--ui-accent-hover: var(--accent-300);--ui-success: var(--success);--ui-warning: var(--warning);--ui-error: var(--error);--ui-border-subtle: var(--divider-subtle);--ui-border-hover: rgba(255, 255, 255, .12);--ui-input-bg: var(--bg-surface);--ui-accent-bg: var(--accent-subtle);--chrome-bg: var(--bg-primary);--chrome-panel: var(--bg-secondary);--chrome-surface: var(--bg-surface);--chrome-surface-subtle: rgba(255, 255, 255, .03);--chrome-header: var(--bg-secondary);--chrome-toolbar: var(--bg-secondary);--chrome-border: var(--border-default);--chrome-border-strong: var(--border-strong);--chrome-hover: var(--surface-hover);--chrome-input: var(--bg-surface);--chrome-selected: var(--accent-subtle);--chrome-accent: var(--accent);--chrome-accent-soft: var(--accent-subtle);--color-accent: var(--accent);--color-accent-bg: var(--accent-subtle);--color-bg: var(--bg-primary);--color-bg-primary: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--color-bg-elevated: var(--bg-elevated);--color-border: var(--border-default);--color-border-subtle: var(--divider-subtle);--color-error: var(--error);--color-warning: var(--warning);--color-text: var(--text-primary);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-tertiary);--color-text-dim: var(--text-tertiary);--surface-root: var(--bg-primary);--surface-statusbar: var(--bg-secondary);--surface-alt: var(--bg-elevated);--surface-panel: var(--bg-elevated);--canvas-bg: #131210;--canvas-grid-dot: rgba(255, 255, 255, .05);background:var(--bg-primary);color:var(--text-primary)}.preview-shell .preview-stage{background:#0b0b12;position:relative;--bg-primary: #09090b;--bg-secondary: #0f0f12;--bg-elevated: #18181b;--bg-surface: #1e1e22;--bg-hover: #27272a;--border-default: #2e2e33;--border-strong: #3f3f46;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-tertiary: #8a8a93;--text-muted: #8a8a93;--accent: #6366f1;--accent-subtle: rgba(99, 102, 241, .15);--accent-300: #818cf8;--success: #4ade80;--warning: #fbbf24;--error: #fb7185;--info: #38bdf8;--divider-subtle: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .04);--text-on-solid: #ffffff}.preview-shell .preview-stage .right-dock{--bg-primary: #ece7db;--bg-secondary: #f5f1e8;--bg-elevated: #faf7f0;--bg-surface: #ffffff;--bg-hover: #efe9dc;--border-default: #e2dccd;--border-strong: #d3cbb6;--text-primary: #2b2a26;--text-secondary: #6f6c62;--text-tertiary: #6b6760;--text-muted: #6b6760;--accent: #c45f3f;--accent-subtle: rgba(196, 95, 63, .14);--accent-300: #d97757;--success: #3f8f4f;--warning: #b07a18;--error: #c0392b;--divider-subtle: rgba(0, 0, 0, .06);--surface-hover: rgba(0, 0, 0, .045)}.preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:32px;background:var(--bg-primary)}.preview-empty__title{font-size:16px;font-weight:600;color:var(--text-primary)}.preview-empty__sub{font-size:13px;color:var(--text-secondary);max-width:360px;line-height:1.5}.preview-empty__btn{margin-top:4px;height:30px;padding:0 16px;background:var(--accent);color:var(--text-on-accent, #fff);border:none;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.preview-empty__btn:hover{background:var(--accent-300)}.preview-shell .project-chat__bubble--user{align-self:flex-end;background:var(--accent-subtle);border-color:#c45f3f4d}.preview-shell .project-chat__bubble--assistant,.preview-shell .project-chat__bubble--assistant:hover{align-self:stretch;max-width:100%;background:transparent;border:none;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}.preview-shell .project-chat__bubble--streaming{border:none;box-shadow:none}.preview-shell .project-chat__history-current{color:var(--accent)}.preview-shell .project-chat__send{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent, #fff)}.preview-shell .project-chat__event-artifact-link{background:var(--accent-subtle)}.preview-shell .project-chat__event-artifact-link:hover,.preview-shell .project-chat__jump:hover{border-color:#c45f3f80}.preview-shell .editor-status-bar{background:var(--bg-secondary)!important;border-top:1px solid var(--border-default)!important;color:var(--text-secondary)!important}.preview-shell .editor-status-bar strong{color:var(--text-primary)!important}.preview-shell{--node-integration: #8a5a44;--node-utility: #8c7f6a;--node-ai: #b85c7a;--node-data: var(--info);--node-control: var(--accent-300);--node-logic: var(--warning);--node-trigger: var(--success);--node-end: var(--error)}.app-themed{--node-integration: var(--accent)}.preview-shell[data-theme=light]{--storage-bg-panel: #faf7f0;--storage-bg-tree: #f1ece1;--storage-bg-selected: rgba(196, 95, 63, .1);--storage-border: #e2dccd;--storage-text: #2b2a26;--storage-color-string: #b03a6e;--storage-color-number: #2f5fb0;--storage-color-boolean: #3f8f4f;--storage-color-array: #b06a18;--storage-color-object: #6a4fb0;--storage-color-media: #1f7d8c}.preview-shell .panel-toggle{background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-tertiary)}.preview-shell .panel-toggle:hover{color:var(--text-on-accent, #fff);background:var(--accent);border-color:var(--accent)}.preview-shell .project-chat__event,.preview-shell .project-chat__activity{background:var(--surface-hover)}.preview-shell .project-chat__icon-button,.preview-shell .project-chat__pref-select,.preview-shell .project-chat__composer textarea{background:var(--bg-surface)}.preview-shell .project-chat__bubble--assistant{background:transparent}.preview-shell .project-chat__event-artifact-link{background:var(--accent-subtle);border-color:var(--border-default)}.preview-shell .project-chat__error{background:#c0392b1a;border-bottom-color:#c0392b47;color:var(--error)}.preview-shell .project-chat__error button{background:#c0392b24;color:var(--error)}.preview-shell .project-chat__thread-status--error{color:var(--error)}.preview-shell .project-chat__event--success .project-chat__event-dot{background:var(--success)}.preview-shell .project-chat__event--error .project-chat__event-dot{background:var(--error)}.preview-shell .project-chat__event--warning .project-chat__event-dot{background:var(--warning)}.preview-shell .project-chat__composer textarea:focus{border-color:#c45f3fa6}.preview-shell [class*=ComponentWorkshop] :focus-visible{box-shadow:0 0 0 2px var(--accent-subtle-strong)}.preview-shell .screens-board{flex:1;min-width:0;overflow:auto;background:var(--bg-primary);padding:24px 24px 70px}.preview-shell .screens-board--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.preview-shell .screens-board__empty-title{font-size:16px;font-weight:600;color:var(--text-primary)}.preview-shell .screens-board__empty-sub{font-size:13px;color:var(--text-secondary);max-width:360px;line-height:1.5}.preview-shell .screens-board__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-content:start}.preview-shell .screens-board__card{display:flex;flex-direction:column;gap:0;padding:0;text-align:left;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease}.preview-shell .screens-board__card:hover{border-color:var(--accent);box-shadow:0 4px 18px #0000001f}.preview-shell .screens-board__card:active{transform:translateY(1px)}.preview-shell .screens-board__thumb{position:relative;width:100%;height:168px;overflow:hidden;background:#0b0b12;--ui-bg-primary: #0f0f12;--ui-text-primary: #e4e4e7;--ui-text-secondary: #a1a1aa;--ui-text-muted: #8a8a93}.preview-shell .screens-board__thumb-scale{position:absolute;top:0;left:0;transform-origin:top left;display:flex;pointer-events:none}.preview-shell .screens-board__thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#71717a}.preview-shell .screens-board__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid var(--border-default)}.preview-shell .screens-board__name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-shell .screens-board__badge{flex-shrink:0;font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px;color:var(--accent);background:var(--accent-subtle)}.preview-shell .screens-board__badge--modal{color:var(--info);background:#2d7da624}.preview-shell .screens-board__badge--empty{color:var(--text-tertiary);background:var(--surface-hover)}