:root{color-scheme:dark;--pro-bg: #1f2125;--pro-bg-panel: #24262b;--pro-border: #3a3f46;--pro-border-soft: #3a3f46;--pro-hover: #343942;--pro-text-primary: #e5e7eb;--pro-text-muted: #9ca3af;--pro-accent: #f59e0b;--pro-accent-hover: #d97706;--pro-accent-soft: rgba(245, 158, 11, .1);--pro-info-height: 24px;--pro-info-font-size: 10px;--pro-info-font: "SF Mono", "Monaco", "Consolas", "Menlo", monospace;--pro-font-xs: 12px;--pro-font-2xs: 11px;--pro-font-3xs: 10px;--pro-font-family: "SF Pro Text", "Avenir Next", "Segoe UI", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--pro-font-weight-regular: 500;--pro-font-weight-medium: 600;--pro-font-weight-bold: 700;--pro-row-height: 28px;--pro-control-height: 28px;--pro-tab-bar-height: 38px;--spx-bg-app: #0a0d14;--spx-bg-toolbar: rgba(16, 22, 34, .76);--spx-surface-1: rgba(255, 255, 255, .035);--spx-surface-2: rgba(255, 255, 255, .06);--spx-surface-active: rgba(102, 168, 255, .18);--spx-text-1: rgba(237, 243, 252, .96);--spx-text-2: rgba(197, 210, 231, .82);--spx-text-3: rgba(154, 171, 198, .66);--spx-border: rgba(170, 193, 226, .24);--spx-border-soft: rgba(170, 193, 226, .16);--spx-border-strong: rgba(204, 220, 245, .38);--spx-accent: rgba(104, 171, 255, .86);--spx-accent-soft: rgba(104, 171, 255, .18);--spx-danger: rgba(255, 124, 124, .72);--spx-shadow-panel: 0 18px 48px rgba(2, 6, 14, .42);--spx-shadow-float: 0 14px 34px rgba(2, 6, 14, .5);--spx-shadow-hover: 0 12px 28px rgba(4, 10, 22, .26);--spx-shadow-press: 0 6px 14px rgba(4, 10, 22, .22);--spx-shadow-focus: 0 0 0 2px rgba(102, 168, 255, .34);--spx-control-bg-default: rgba(255, 255, 255, .045);--spx-control-bg-hover: rgba(255, 255, 255, .075);--spx-control-bg-active: rgba(255, 255, 255, .032);--spx-control-border-hover: rgba(204, 220, 245, .38);--spx-control-border-active: rgba(104, 171, 255, .86);--spx-control-shadow-soft: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 8px 18px rgba(3, 8, 18, .14);--spx-control-shadow-hover: 0 1px 0 rgba(255, 255, 255, .06) inset, var(--spx-shadow-hover);--spx-control-shadow-active: 0 1px 0 rgba(255, 255, 255, .06) inset, var(--spx-shadow-press);--spx-transition-fast: .12s cubic-bezier(.2, .8, .2, 1);--spx-transition-normal: .18s cubic-bezier(.2, .8, .2, 1)}html,body,#root{height:100%;margin:0}body{background:radial-gradient(920px 520px at -2% -5%,rgba(93,130,210,.14),transparent 62%),radial-gradient(780px 460px at 110% 2%,rgba(72,116,202,.12),transparent 60%),radial-gradient(520px 380px at 50% 120%,rgba(48,92,166,.09),transparent 70%),var(--spx-bg-app);color:var(--spx-text-1);font-family:SF Pro Text,Avenir Next,Segoe UI,PingFang SC,Helvetica Neue,Arial,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spxFadeUpIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}::selection{background:#68abff42;color:var(--spx-text-1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#aac1e23d;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#aac1e266;background-clip:content-box}input,select,textarea{font:inherit;color:var(--spx-text-1)}input,textarea{line-height:1.35}select{line-height:1.25;padding-right:22px}input,select,textarea{border:1px solid var(--spx-border);background:#0a0e18d1;border-radius:12px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}input::placeholder,textarea::placeholder{color:var(--spx-text-3)}input:hover,select:hover,textarea:hover{border-color:var(--spx-border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--spx-accent);box-shadow:var(--spx-shadow-focus)}input:disabled,select:disabled,textarea:disabled{opacity:.56;cursor:not-allowed}button{-webkit-tap-highlight-color:transparent;appearance:none;outline:none;box-shadow:var(--spx-btn-shadow, var(--spx-control-shadow-soft));transition:transform var(--spx-transition-fast),background-color var(--spx-transition-normal),border-color var(--spx-transition-normal),box-shadow var(--spx-transition-normal),opacity var(--spx-transition-fast)}button:active{filter:none!important;opacity:1!important;transform:translateY(0);border-color:var(--spx-btn-border-active, var(--spx-control-border-active));background-color:var(--spx-btn-bg-active, var(--spx-control-bg-active));box-shadow:var(--spx-btn-shadow-active, var(--spx-control-shadow-active))}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--spx-btn-border-hover, var(--spx-control-border-hover));background-color:var(--spx-btn-bg-hover, var(--spx-control-bg-hover));box-shadow:var(--spx-btn-shadow-hover, var(--spx-control-shadow-hover))}}.spx-wizard-modal button,.spx-wizard-modal button:hover:not(:disabled),.spx-wizard-modal button:active{filter:none!important;opacity:1!important}button:focus{outline:none!important;box-shadow:none!important}button:focus-visible{outline:none!important;box-shadow:var(--spx-shadow-focus)!important}.spx-canvas-tab{transition:transform var(--spx-transition-fast),box-shadow var(--spx-transition-normal),border-color var(--spx-transition-normal),filter var(--spx-transition-normal),opacity var(--spx-transition-fast);will-change:transform,box-shadow}.spx-canvas-tab-active{border-color:#e8eeff47!important;box-shadow:0 4px 10px #00000038,inset 0 1px #ffffff29!important}.spx-canvas-tab-primary{box-shadow:0 7px 16px #0000003d,inset 0 1px #fff6e18c!important}.spx-canvas-tab-meta{opacity:.92}.spx-pro-result-rail::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.spx-canvas-tab:hover{transform:translateY(-1px);border-color:#eef4ff52!important;box-shadow:0 8px 16px #0000003d,inset 0 1px #ffffff2e!important;filter:brightness(1.04)}.spx-canvas-tab:active{transform:translateY(0);filter:brightness(.98)}}.spx-card{border:1px solid var(--spx-border);border-radius:14px;background:var(--spx-surface-1);box-shadow:var(--spx-shadow-panel)}.spx-pill{border:1px solid var(--spx-border);border-radius:999px;background:var(--spx-surface-1)}.spx-glass-left,.spx-glass-right{position:relative;overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none;background:#000}.spx-glass-left:before,.spx-glass-right:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:1;background:linear-gradient(180deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(180deg,#ffffff03,#0000 20%)}.spx-glass-left:after,.spx-glass-right:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:32px 32px}.spx-glass-left:before{background:linear-gradient(180deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(180deg,#ffffff03,#0000 20%)}.spx-glass-right:before{background:linear-gradient(180deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(180deg,#ffffff03,#0000 20%)}.spx-hint{color:var(--spx-text-2)}.spx-scroll-mid{overflow-y:scroll!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.42) rgba(255,255,255,.08)}.spx-scroll-mid::-webkit-scrollbar{width:8px}.spx-scroll-mid::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.spx-scroll-mid::-webkit-scrollbar-thumb{background:#ffffff6b;border-radius:999px;border:1px solid transparent}.spx-scroll-mid::-webkit-scrollbar-thumb:hover{background:#ffffff9e}.pro-rail-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a3f46 transparent}.pro-rail-scroll::-webkit-scrollbar{width:8px}.pro-rail-scroll::-webkit-scrollbar-track{background:transparent}.pro-rail-scroll::-webkit-scrollbar-thumb{background:#3a3f46;border-radius:999px}.pro-rail-scroll::-webkit-scrollbar-thumb:hover{background:#343942}[data-workspace=pro],[data-workspace=pro] .pro-sidebar,[data-workspace=pro] .pro-props-panel,[data-workspace=pro] .pro-export-panel,[data-workspace=pro] .pro-template-card,[data-workspace=pro] .pro-templates-panel,[data-workspace=pro] .editor-sidebar-forms{font-family:var(--pro-font-family)!important}[data-workspace=pro] [data-top]{height:48px;border-bottom:1px solid var(--pro-border);background:var(--pro-bg-panel)}[data-workspace=pro] .pro-export-panel{background:var(--pro-bg-panel);border-top:1px solid var(--pro-border)}[data-workspace=pro] .pro-prompt-preview pre{color:var(--pro-text-primary)}[data-workspace=pro] .spx-pro-viewport-info,[data-workspace=pro] .spx-pro-zoom-hint,[data-workspace=pro] [data-pro-info]{font-size:var(--pro-info-font-size)!important;font-family:var(--pro-info-font)!important;min-height:var(--pro-info-height)!important;max-height:var(--pro-info-height)!important;line-height:1.2!important}[data-workspace=pro] .spx-pro-viewport-info{color:var(--pro-text-muted);background:color-mix(in srgb,var(--pro-bg-panel) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--pro-border);border-radius:6px;padding:4px 10px;display:flex;align-items:center}[data-workspace=pro] .spx-pro-zoom-hint{color:var(--pro-text-muted);background:color-mix(in srgb,var(--pro-bg-panel) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--pro-border);border-radius:6px;padding:4px 10px}[data-workspace=pro] ::selection{background:#f59e0b4d!important;color:#e5e7eb!important}[data-workspace=pro] .pro-canvas-tab:hover:not([data-active]){background:#2d3036!important;color:#e5e7eb!important}[data-workspace=pro] .pro-scene-row[data-active=false]:hover{background:var(--pro-hover)!important}[data-workspace=pro] .pro-scene-row[data-active=true]{background:var(--pro-accent-soft)!important;color:var(--pro-accent)!important;border-color:var(--pro-accent)!important}[data-workspace=pro] .pro-object-row[data-active=false]{color:var(--pro-text-muted)!important;background:transparent!important;border-color:var(--pro-border)!important}[data-workspace=pro] .pro-object-row[data-active=false]:hover{background:var(--pro-hover)!important;color:var(--pro-text-primary)!important}[data-workspace=pro] .pro-object-row[data-active=true]{background:var(--pro-hover)!important;color:var(--pro-text-primary)!important;border-color:var(--pro-border)!important}[data-workspace=pro] .editor-sidebar-forms select:hover,[data-workspace=pro] .editor-sidebar-forms input[type=text]:hover,[data-workspace=pro] .editor-sidebar-forms input[type=number]:hover{border-color:var(--pro-text-muted)!important}[data-workspace=pro] .editor-sidebar-forms select:focus,[data-workspace=pro] .editor-sidebar-forms input[type=text]:focus,[data-workspace=pro] .editor-sidebar-forms input[type=number]:focus{border-color:var(--pro-accent)!important;outline:none!important}[data-workspace=pro] .pro-props-panel select:hover,[data-workspace=pro] .pro-props-panel input:hover,[data-workspace=pro] .pro-props-panel textarea:hover{border-color:var(--pro-text-muted)!important}[data-workspace=pro] .pro-props-panel select:focus,[data-workspace=pro] .pro-props-panel input:focus,[data-workspace=pro] .pro-props-panel textarea:focus{border-color:var(--pro-accent)!important;outline:none!important}[data-workspace=pro] .pro-template-card:hover{border-color:var(--pro-accent)!important}[data-workspace=pro] .pro-sidebar [data-testid=project-menu-trigger]:hover{border-color:var(--pro-text-muted)!important;background:var(--pro-hover)!important}[data-workspace=pro] .pro-scene-card:hover .pro-scene-card-delete{opacity:1!important}[data-workspace=pro] .pro-scene-card .pro-scene-card-delete:hover:not(:disabled){color:#f87171!important}[data-workspace=pro] .pro-project-action:hover{background:var(--pro-hover)!important}[data-workspace=pro] .pro-template-card .pro-btn,[data-workspace=pro] .pro-template-card .pro-btn-ghost{color:#ffffffe6!important;font-size:var(--pro-font-xs)!important;font-weight:var(--pro-font-weight-bold)!important;font-family:var(--pro-font-family)!important}[data-workspace=pro] .pro-template-card .pro-btn:hover:not(:disabled),[data-workspace=pro] .pro-template-card .pro-btn-ghost:hover:not(:disabled){color:#fff!important;background:#ffffff1f!important}[data-workspace=pro] .pro-template-card .pro-btn{border:1px solid rgba(255,255,255,.22)!important;background:#ffffff14!important}[data-workspace=pro] .pro-template-card .pro-btn:hover:not(:disabled){border-color:var(--pro-accent)!important;background:#f59e0b26!important}[data-workspace=pro] .pro-templates-panel .pro-btn,[data-workspace=pro] .pro-templates-panel>.pro-btn-ghost{color:#ffffffe6!important;font-size:var(--pro-font-xs)!important;font-weight:var(--pro-font-weight-bold)!important;font-family:var(--pro-font-family)!important}[data-workspace=pro] .pro-templates-panel>.pro-btn-ghost{padding:6px 12px!important}[data-workspace=pro] .pro-templates-panel .pro-btn:hover:not(:disabled),[data-workspace=pro] .pro-templates-panel>.pro-btn-ghost:hover:not(:disabled){color:var(--pro-accent)!important}[data-workspace=pro] .spx-pro-stage>div:first-of-type{border-color:var(--pro-border);background:#1f2125!important;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:40px 40px!important}[data-workspace=pro] .pro-canvas-viewport[data-view=canvas]:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:linear-gradient(to right,rgba(239,68,68,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(59,130,246,.2) 1px,transparent 1px);background-position:50% 0,0 50%;background-size:100% 1px,1px 100%;background-repeat:no-repeat}[data-workspace=pro] .editor-sidebar-forms select,[data-workspace=pro] .editor-sidebar-forms input[type=text],[data-workspace=pro] .editor-sidebar-forms input[type=number]{min-height:var(--pro-control-height)!important;font-size:var(--pro-font-xs)!important}[data-workspace=pro] .pro-collapse-section .pro-section-header{min-height:var(--pro-row-height);font-size:var(--pro-font-xs)}[data-workspace=pro] .pro-collapse-section .pro-section-header:hover{background-color:var(--pro-hover)!important}[data-workspace=pro] .pro-section-body .pro-row,[data-workspace=pro] [data-pro-row]{min-height:var(--pro-row-height);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-icon-btn{width:28px;height:28px;min-width:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--pro-text-muted);cursor:pointer;box-shadow:none!important;transition:color .15s ease,background .15s ease}.pro-icon-btn:hover:not(:disabled){color:var(--pro-text-primary);background:var(--pro-hover);transform:none!important}.pro-icon-btn:disabled{opacity:.4;cursor:not-allowed}.pro-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--pro-border);background:#ffffff0f;color:var(--pro-text-muted);font-size:var(--pro-font-xs);font-weight:var(--pro-font-weight-bold);font-family:var(--pro-font-family);cursor:pointer;box-shadow:none!important;transition:color .15s ease,border-color .15s ease,background .15s ease}.pro-btn:hover:not(:disabled){color:var(--pro-text-primary);border-color:#ffffff40;background:#ffffff1a;transform:none!important}.pro-generate-btn{background:#f59e0b!important;color:#1f2125!important}.pro-generate-btn:hover:not(:disabled){background:#d97706!important;color:#1f2125!important}.pro-btn-primary{padding:4px 10px;border-radius:6px;border:1px solid var(--pro-border);background:#ffffff0f;color:var(--pro-text-muted);font-size:var(--pro-font-xs);font-weight:var(--pro-font-weight-bold);font-family:var(--pro-font-family);cursor:pointer;box-shadow:none!important;transition:color .15s ease,border-color .15s ease,background .15s ease}.pro-btn-primary:hover:not(:disabled){color:var(--pro-text-primary);border-color:#ffffff40;background:#ffffff1a;transform:none!important}.pro-btn-ghost{padding:4px 8px;border-radius:6px;border:none;background:transparent;color:var(--pro-text-muted);font-size:var(--pro-font-2xs);font-weight:var(--pro-font-weight-medium);font-family:var(--pro-font-family);cursor:pointer;box-shadow:none!important;transition:color .15s ease}.pro-btn-ghost:hover:not(:disabled){color:var(--pro-text-primary);transform:none!important}.pro-canvas-tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--pro-text-muted);cursor:pointer;transition:color .15s ease,background .15s ease}.pro-canvas-tool-btn:hover{background:var(--pro-hover);color:var(--pro-text-primary)}.pro-canvas-tool-btn.active{background:var(--pro-hover);color:var(--pro-accent)}.platform-export-segmented{display:flex;border:1px solid #3a3f46;border-radius:6px;overflow:hidden;background:#1f2125}.platform-export-seg-on{background:#343942!important;color:#f59e0b!important}.platform-export-seg-off{background:transparent!important;color:#9ca3af!important}.platform-export-seg-off:hover{background:#343942!important;color:#e5e7eb!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.landing-page header a:hover,.landing-page header button:not([data-testid]):hover{color:#e5e7eb;background:#343942}.landing-page footer a:hover{color:#e5e7eb}