@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root,[data-theme=theme-1]{--color-bg: #0e1626;--color-surface: #33445c;--color-surface-header: #0b1220;--color-surface-hover: #3c5069;--color-text-primary: #f5efe6;--color-text-secondary: #9fb0c3;--color-border: transparent;--color-divider: #55697f;--color-accent-primary: #3b82f6;--color-accent-secondary: #38d0d6;--color-icon-default: #b7c2d0;--color-icon-hover-bg: var(--color-accent-primary);--color-icon-hover-fg: #ffffff;--color-tooltip-bg: #0a0f1a;--color-tooltip-text: #ffffff;--color-scrollbar-thumb: #4c5c70;--color-drop-fill: rgba(56, 208, 214, .12);--color-drop-border: var(--color-accent-secondary);--color-focus-ring: var(--color-accent-primary);--radius-tile: 8px;--radius-control: 6px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 18px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-base: 1.4;--navbar-height: 56px;--tile-header-height: 36px;--toolbar-icon-size: 24px;--shadow-tile: none;--shadow-drag: 0 8px 24px rgba(0, 0, 0, .45);--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 1px rgba(59, 130, 246, .4), 0 0 20px rgba(59, 130, 246, .25);--transition-fast: .12s ease;--transition-medium: .2s ease;--transition-slow: .32s ease;--page-gradient: none;--panel-blur: 0px;--tile-header-scrim: transparent}[data-theme=theme-2]{--color-bg: #0a0a0f;--color-surface: #16161d;--color-surface-header: #0c0c11;--color-surface-hover: #1d1d26;--color-text-primary: #f2f2f6;--color-text-secondary: #8b8b98;--color-border: #26262f;--color-divider: #26262f;--color-accent-primary: #6e56e8;--color-accent-secondary: #6e56e8;--color-icon-default: #9a9aa6;--color-icon-hover-bg: var(--color-accent-primary);--color-icon-hover-fg: #ffffff;--color-tooltip-bg: #050507;--color-tooltip-text: #ffffff;--color-scrollbar-thumb: #33333d;--color-drop-fill: rgba(110, 86, 232, .14);--color-drop-border: var(--color-accent-primary);--color-focus-ring: var(--color-accent-primary);--radius-tile: 12px;--radius-control: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-sans);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 18px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-base: 1.4;--navbar-height: 56px;--tile-header-height: 36px;--toolbar-icon-size: 24px;--shadow-tile: none;--shadow-drag: 0 12px 32px rgba(0, 0, 0, .55);--shadow-tooltip: 0 4px 14px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px rgba(110, 86, 232, .45), 0 0 20px rgba(110, 86, 232, .3);--transition-fast: .12s ease;--transition-medium: .2s ease;--transition-slow: .32s ease;--page-gradient: none;--panel-blur: 0px;--tile-header-scrim: transparent}[data-theme=theme-3]{--color-bg: #101116;--color-surface: rgba(255, 255, 255, .045);--color-surface-header: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .075);--page-gradient: radial-gradient( circle at 18% -10%, #2f2160 0%, #1c1830 30%, #14151b 60%, #101116 100% );--panel-blur: 20px;--tile-header-scrim: rgba(0, 0, 0, .28);--color-text-primary: #f5f3ff;--color-text-secondary: #a9a3c9;--color-border: rgba(255, 255, 255, .09);--color-divider: rgba(255, 255, 255, .18);--color-accent-primary: #6c63ff;--color-accent-secondary: #22d3ee;--color-icon-default: #d6d2f5;--color-icon-hover-bg: var(--color-accent-primary);--color-icon-hover-fg: #ffffff;--color-tooltip-bg: #140f28;--color-tooltip-text: #ffffff;--color-scrollbar-thumb: rgba(255, 255, 255, .18);--color-drop-fill: rgba(108, 99, 255, .14);--color-drop-border: var(--color-accent-primary);--color-focus-ring: var(--color-accent-primary);--radius-tile: 16px;--radius-control: 10px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", var(--font-sans);--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 19px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-base: 1.4;--navbar-height: 56px;--tile-header-height: 36px;--toolbar-icon-size: 24px;--shadow-tile: 0 1px 2px rgba(0, 0, 0, .3);--shadow-drag: 0 16px 40px rgba(0, 0, 0, .6);--shadow-tooltip: 0 4px 16px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px rgba(108, 99, 255, .5), 0 0 28px rgba(108, 99, 255, .35);--transition-fast: .12s ease;--transition-medium: .2s ease;--transition-slow: .32s ease}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg)}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.scroll-thin{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}.scroll-thin::-webkit-scrollbar{width:8px;height:8px}.scroll-thin::-webkit-scrollbar-track{background:transparent}.scroll-thin::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-control)}.app-shell{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-bg)}.dashboard-shell{display:flex;flex:1;min-height:0;width:100%;background:var(--color-bg)}.navbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;height:var(--navbar-height);padding:0 var(--space-4);background:var(--color-surface-header);border-bottom:1px solid var(--color-divider)}.navbar-brand{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.navbar-logo{display:flex;color:var(--color-accent-primary);flex-shrink:0}.navbar-wordmark{display:flex;flex-direction:column;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:.03em;line-height:1.2}.navbar-subtitle{font-size:9px;font-weight:var(--font-weight-medium);letter-spacing:.08em;color:var(--color-text-secondary)}.navbar-widget-count{margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-divider);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.navbar-actions{display:flex;align-items:center;gap:var(--space-2)}.navbar-pill{display:flex;align-items:center;gap:var(--space-1);border:1px solid var(--color-border, rgba(255, 255, 255, .1));background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.navbar-pill:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary)}.navbar-pill-primary{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.navbar-pill-primary:hover{filter:brightness(1.08);border-color:var(--color-accent-primary)}.navbar-divider{width:1px;height:24px;background:var(--color-divider)}.navbar-user{display:flex;align-items:center;gap:var(--space-2)}.navbar-user-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.navbar-user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-accent-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.navbar-settings-button{display:flex;align-items:center;gap:var(--space-1);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.navbar-settings-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.theme-switch{display:flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-control);background:var(--color-surface)}.theme-switch-option{border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-control) - 2px);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.theme-switch-option:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.theme-switch-option-active,.theme-switch-option-active:hover{background:var(--color-accent-primary);color:#fff}.sidebar{flex-shrink:0;background:var(--color-surface-header);border-right:1px solid var(--color-border);overflow:hidden;transition:width var(--transition-medium);position:relative}.sidebar-resizing{transition:none}.sidebar-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:5}.sidebar-resize-handle:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:transparent;transition:background var(--transition-fast)}.sidebar-resize-handle:hover:after,.sidebar-resizing .sidebar-resize-handle:after{background:var(--color-accent-primary)}.sidebar-toggle{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-pill);background:var(--color-surface);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.sidebar-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary)}.sidebar-toggle-icon-box{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-control);background:color-mix(in srgb,var(--color-accent-primary) 16%,transparent);color:var(--color-accent-primary)}.sidebar-toggle-icon-mirrored{transform:scaleX(-1)}.sidebar-toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.sidebar-toggle-collapsed{justify-content:center;width:100%;margin:var(--space-3) 0;padding:var(--space-1) 0;border:none;border-radius:var(--radius-control);background:transparent}.sidebar-toggle-collapsed:hover{background:var(--color-surface-hover)}.sidebar-toggle-collapsed .sidebar-toggle-icon-box{background:transparent;color:var(--color-icon-default)}.sidebar-content{padding:0 var(--space-3) var(--space-3)}.sidebar-tabs{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-divider)}.sidebar-tab{display:flex;align-items:center;gap:var(--space-1);border:none;background:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 0 var(--space-2);cursor:pointer;position:relative;transition:color var(--transition-fast)}.sidebar-tab:hover,.sidebar-tab-active{color:var(--color-text-primary)}.sidebar-tab-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-accent-primary);border-radius:1px}.sidebar-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-3)}.sidebar-placeholder{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.creative-demos{display:flex;flex-direction:column;gap:var(--space-3)}.creative-demos-search{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-control);background:var(--color-surface);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary)}.creative-demos-search input{flex:1;min-width:0;border:none;background:none;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:inherit;outline:none}.creative-demos-search input::placeholder{color:var(--color-text-secondary)}.creative-demos-categories{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.creative-demos-categories::-webkit-scrollbar{display:none}.creative-demos-chip{flex-shrink:0;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.creative-demos-chip:hover{color:var(--color-text-primary)}.creative-demos-chip-active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.creative-demos-list{display:flex;flex-direction:column;gap:var(--space-3)}.creative-demos-empty{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.creative-demo-card{border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-tile);background:var(--color-surface);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.creative-demo-card-header{display:flex;align-items:center;gap:var(--space-2)}.creative-demo-card-icon{display:flex;color:var(--color-accent-primary);flex-shrink:0}.creative-demo-card-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-demo-card-badge{flex-shrink:0;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface-hover);border:1px solid var(--color-divider);padding:2px var(--space-2);border-radius:var(--radius-pill)}.creative-demo-card-description{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.creative-demo-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.creative-demo-card-label{font-size:10px;color:var(--color-text-secondary);font-family:var(--font-sans)}.creative-demo-run-button{display:flex;align-items:center;gap:var(--space-1);border:none;border-radius:var(--radius-control);background:var(--color-accent-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);cursor:pointer;transition:filter var(--transition-fast)}.creative-demo-run-button:hover{filter:brightness(1.08)}.palette-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.palette-item{display:flex;align-items:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text-primary);cursor:grab;transition:background var(--transition-fast),border-color var(--transition-fast)}.palette-item:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary)}.palette-item:active{cursor:grabbing}.palette-item-featured{border-color:transparent;background:linear-gradient(135deg,var(--color-accent-primary) 0%,color-mix(in srgb,var(--color-accent-primary) 55%,#8a5cff) 100%);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 50%,transparent),0 4px 18px color-mix(in srgb,var(--color-accent-primary) 45%,transparent);animation:palette-featured-glow 2.6s ease-in-out infinite}.palette-item-featured:hover{background:linear-gradient(135deg,var(--color-accent-primary) 0%,color-mix(in srgb,var(--color-accent-primary) 40%,#8a5cff) 100%);border-color:transparent}.palette-item-featured .palette-item-icon,.palette-item-featured .palette-item-grip{color:#fff}.palette-item-featured .palette-item-label{font-weight:var(--font-weight-bold)}@keyframes palette-featured-glow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 50%,transparent),0 4px 18px color-mix(in srgb,var(--color-accent-primary) 45%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 65%,transparent),0 4px 26px color-mix(in srgb,var(--color-accent-primary) 65%,transparent)}}@media (prefers-reduced-motion: reduce){.palette-item-featured{animation:none}}.palette-item-icon{display:flex;color:var(--color-icon-default);flex-shrink:0}.palette-item-label{flex:1;font-size:var(--font-size-sm)}.palette-item-grip{display:flex;color:var(--color-text-secondary);flex-shrink:0}.sidebar-popular-prompts{margin-top:var(--space-4)}.sidebar-popular-prompt-list{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-popular-prompt-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-control);background:var(--color-surface)}.sidebar-popular-prompt-icon{display:flex;margin-top:1px;color:var(--color-accent-primary);flex-shrink:0}.sidebar-popular-prompt-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-popular-prompt-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.sidebar-popular-prompt-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.sidebar-popular-prompt-chevron{display:flex;margin-top:3px;color:var(--color-text-secondary);flex-shrink:0}.palette-rail{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.palette-rail-item{width:var(--toolbar-icon-size);height:var(--toolbar-icon-size);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-control);color:var(--color-icon-default);cursor:grab;transition:background var(--transition-fast),color var(--transition-fast)}.palette-rail-item:hover{background:var(--color-icon-hover-bg);color:var(--color-icon-hover-fg)}.settings-page{flex:1;min-height:0;overflow:auto;padding:var(--space-6);background:var(--color-bg)}.settings-heading{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.settings-section{max-width:480px;margin-bottom:var(--space-6)}.settings-section-title{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.settings-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.settings-button{border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.settings-button:hover{background:var(--color-surface-hover);border-color:var(--color-accent-primary)}.settings-button-danger:hover{border-color:#e8615a;color:#e8615a}.grid-area{flex:1;overflow:auto;min-width:0;background:var(--color-bg)}.tile{border:1px solid var(--color-border);border-radius:var(--radius-tile);background:var(--color-surface);height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-tile);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tile-maximize-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-bg);padding:var(--space-4)}.tile-maximize-overlay .tile-maximized{height:100%;box-shadow:var(--shadow-drag)}.tile-header{display:flex;align-items:center;gap:var(--space-2);height:var(--tile-header-height);flex-shrink:0;padding:0 var(--space-2) 0 var(--space-1);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.tile-drag-handle{display:flex;align-items:center;justify-content:center;width:var(--toolbar-icon-size);height:var(--toolbar-icon-size);flex-shrink:0;color:var(--color-icon-default);cursor:move;user-select:none;-webkit-user-select:none}.tile-title-group{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.tile-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tile-category-badge{flex-shrink:0;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface-hover);border:1px solid var(--color-divider);padding:2px var(--space-2);border-radius:var(--radius-pill)}.tile-toolbar{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.toolbar-icon{display:flex;align-items:center;justify-content:center;width:var(--toolbar-icon-size);height:var(--toolbar-icon-size);border:none;border-radius:var(--radius-control);background:transparent;color:var(--color-icon-default);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.toolbar-icon:hover,.toolbar-icon:focus-visible{background:var(--color-icon-hover-bg);color:var(--color-icon-hover-fg)}.tile-content{flex:1;overflow:auto;padding:var(--space-3);color:var(--color-text-primary);scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent}.tile-content::-webkit-scrollbar{width:8px;height:8px}.tile-content::-webkit-scrollbar-track{background:transparent}.tile-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-control)}.react-grid-item:hover>.tile{border-color:var(--color-accent-primary)}.react-grid-item.react-draggable-dragging>.tile,.react-grid-item.resizing>.tile{box-shadow:var(--shadow-drag);opacity:.9}.tabbed-tile-header{padding-right:var(--space-1)}.tab-strip{display:flex;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tab-strip::-webkit-scrollbar{display:none}.tab{flex-shrink:0;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);padding:0 var(--space-3);height:var(--tile-header-height);cursor:grab;position:relative;white-space:nowrap}.tab:active{cursor:grabbing}.tab:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:0;height:2px;background:transparent;border-radius:1px}.tab-active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.tab-active:after{background:var(--color-accent-secondary)}.tab-scroll-button{display:flex;align-items:center;justify-content:center;width:var(--toolbar-icon-size);height:var(--toolbar-icon-size);flex-shrink:0;border:none;border-radius:var(--radius-control);background:transparent;color:var(--color-icon-default);cursor:pointer}.tab-scroll-button:hover{background:var(--color-icon-hover-bg);color:var(--color-icon-hover-fg)}.tab-scroll-left .chevron-left{display:inline-flex;transform:rotate(180deg)}.tooltip-anchor{position:relative;display:inline-flex}.tooltip-bubble{position:fixed;background:var(--color-tooltip-bg);color:var(--color-tooltip-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-tile);box-shadow:var(--shadow-tooltip);white-space:nowrap;pointer-events:none;z-index:1000}.react-grid-item>.react-resizable-handle:after{width:8px;height:8px;border-right-width:2px;border-bottom-width:2px;border-right-color:var(--color-icon-default);border-bottom-color:var(--color-icon-default);opacity:.65;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.react-grid-item:hover>.react-resizable-handle:after{border-right-color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary);opacity:1}.react-grid-item.react-grid-placeholder{background:var(--color-drop-fill);border:2px dashed var(--color-drop-border);border-radius:var(--radius-tile);opacity:1}[data-theme=theme-3] .app-shell{background:var(--page-gradient)}[data-theme=theme-3] .dashboard-shell,[data-theme=theme-3] .grid-area{background:transparent}[data-theme=theme-3] .navbar,[data-theme=theme-3] .sidebar,[data-theme=theme-3] .tile{backdrop-filter:blur(var(--panel-blur));-webkit-backdrop-filter:blur(var(--panel-blur))}[data-theme=theme-3] .navbar{background:#ffffff08}[data-theme=theme-3] .sidebar{background:#ffffff05}[data-theme=theme-3] .tile-maximize-overlay{background:var(--page-gradient)}[data-theme=theme-3] .tile-header{background:linear-gradient(var(--tile-header-scrim),var(--tile-header-scrim)),var(--color-surface)}.builder-prompt{box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:var(--space-4)}.builder-prompt-header{display:flex;align-items:flex-start;gap:var(--space-2)}.builder-prompt-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-control);background:var(--color-accent-primary);color:#fff}.builder-prompt-headline{margin:0;font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.builder-prompt-subtext{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.builder-prompt-divider{height:1px;background:var(--color-divider);margin:0 calc(var(--space-4) * -1)}.builder-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.builder-prompt-input{width:100%;position:relative}.builder-textarea{width:100%;box-sizing:border-box;min-height:64px;resize:none;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-control);background:var(--color-surface-header);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);padding:var(--space-2);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.builder-textarea::placeholder{color:var(--color-text-secondary)}.builder-textarea:focus-visible{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.builder-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:var(--space-2)}.builder-type-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-control);background:var(--color-surface-header);color:var(--color-text-secondary);font-size:10px;font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.builder-type-option:hover{color:var(--color-text-primary)}.builder-type-option-active{border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 14%,transparent);color:var(--color-text-primary)}.builder-collapsible-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;padding:0;cursor:pointer;color:var(--color-icon-default)}.builder-collapsible-toggle .builder-field-label{cursor:pointer}.builder-chevron-open{display:inline-flex;transform:rotate(90deg);transition:transform var(--transition-fast)}.builder-suggestions{display:flex;flex-direction:column;gap:var(--space-2)}.builder-chip{width:100%;box-sizing:border-box;border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:var(--radius-pill);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center;padding:var(--space-2) var(--space-3);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.builder-chip:hover{color:var(--color-text-primary);background:var(--color-surface-hover);border-color:var(--color-accent-primary)}.builder-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;box-sizing:border-box;border:none;border-radius:var(--radius-control);background:var(--color-accent-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3);margin-top:var(--space-2);cursor:pointer;transition:filter var(--transition-fast)}.builder-cta:hover{filter:brightness(1.08)}.builder-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.builder-loading-icon{color:var(--color-accent-primary);animation:builder-spin-pulse 1.1s ease-in-out infinite}.builder-loading-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.builder-loading-bar{width:140px;height:3px;border-radius:var(--radius-pill);background:var(--color-surface-hover);overflow:hidden}.builder-loading-bar-fill{height:100%;width:40%;border-radius:inherit;background:var(--color-accent-primary);animation:builder-loading-sweep .9s ease-in-out infinite}@keyframes builder-spin-pulse{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.15) rotate(15deg);opacity:1}}@keyframes builder-loading-sweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.builder-result{height:100%;display:flex;flex-direction:column;gap:var(--space-2);animation:builder-materialize var(--transition-slow) ease both}@keyframes builder-materialize{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.builder-generated-header{display:flex;flex-direction:column;gap:var(--space-1)}.builder-generated-header-row{display:flex;align-items:center;justify-content:space-between}.builder-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.builder-header-actions{display:flex;align-items:center;gap:var(--space-2)}.builder-link{border:none;background:none;padding:0;font-size:var(--font-size-xs);color:var(--color-accent-secondary);text-decoration:underline;cursor:pointer}.builder-edit-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-control);background:transparent;color:var(--color-icon-default);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.builder-edit-icon:hover{background:var(--color-icon-hover-bg);color:var(--color-icon-hover-fg)}.builder-prompt-preview{margin:0;font-size:var(--font-size-xs);font-style:italic;color:var(--color-text-secondary)}.builder-kpi-row{display:flex;align-items:baseline;justify-content:space-between}.builder-kpi-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.builder-kpi-value{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.builder-kpi-delta{margin-left:var(--space-1);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);vertical-align:middle}.builder-kpi-delta.tone-positive{color:#3ecf8e}.builder-kpi-delta.tone-negative{color:#e8615a}.builder-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.builder-table th{text-align:left;font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);padding-bottom:var(--space-1);border-bottom:1px solid var(--color-divider)}.builder-table td{padding:var(--space-1) 0;color:var(--color-text-primary);border-bottom:1px solid color-mix(in srgb,var(--color-divider) 60%,transparent)}.builder-table tr:last-child td{border-bottom:none}.builder-row-swatch{display:inline-block;width:7px;height:7px;border-radius:var(--radius-pill);margin-right:var(--space-1)}.builder-row-label{display:inline-flex;flex-direction:column;vertical-align:middle}.builder-row-sublabel{font-size:10px;color:var(--color-text-secondary)}.builder-status-pill{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:10px;font-weight:var(--font-weight-medium)}.builder-status-pill.tone-positive{background:#3ecf8e29;color:#3ecf8e}.builder-status-pill.tone-warning{background:#e8a33d29;color:#e8a33d}.builder-status-pill.tone-neutral{background:var(--color-surface-hover);color:var(--color-text-secondary)}.builder-chart{flex:1;display:flex;flex-direction:column;position:relative;min-height:60px}.builder-chart-peak{position:absolute;top:0;right:0;font-size:10px;color:var(--color-text-secondary)}.builder-chart-bars{flex:1;display:flex;align-items:flex-end;gap:var(--space-1);padding-top:var(--space-3)}.builder-chart-labels{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.builder-chart-labels span{flex:1;text-align:center;font-size:10px;color:var(--color-text-secondary)}.builder-bar{flex:1;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent-primary) 60%,white) 0%,var(--color-accent-primary) 100%);animation:builder-bar-grow var(--transition-slow) ease both;transform-origin:bottom}@keyframes builder-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.builder-metric{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center}.builder-metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.builder-metric-value{font-family:var(--font-display);font-size:2.4rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1}.builder-metric-delta{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.builder-metric-delta.tone-positive{color:#3ecf8e}.builder-metric-delta.tone-negative{color:#e8615a}.builder-summary-note{display:flex;align-items:flex-start;gap:var(--space-1);margin:0;padding-top:var(--space-2);border-top:1px solid var(--color-divider);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.builder-summary-note svg{flex-shrink:0;margin-top:2px;color:var(--color-accent-secondary)}.builder-donut{flex:1;display:flex;align-items:center;gap:var(--space-4)}.builder-donut-ring-wrap{position:relative;width:96px;height:96px;flex-shrink:0}.builder-donut-ring{width:100%;height:100%}.builder-donut-track{stroke:var(--color-surface-hover)}.builder-donut-ring circle:not(.builder-donut-track){transition:stroke-dasharray var(--transition-slow)}.builder-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.builder-donut-center-label{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.builder-donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.builder-donut-legend li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.builder-donut-dot{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.builder-donut-legend-label{flex:1;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-donut-legend-pct{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.builder-loading-icon,.builder-loading-bar-fill,.builder-result,.builder-bar{animation:none!important}}