:root{color-scheme:dark;--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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}