@import "https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap";
:root{--color-bg:#080810;--color-bg-secondary:#0c0c1a;--color-surface:#ffffff0a;--color-surface-hover:#ffffff12;--color-border:#ffffff17;--color-border-strong:#ffffff29;--color-text-primary:#e8e8f0;--color-text-secondary:#f5f5f799;--color-text-muted:#f5f5f766;--color-accent-purple:#8b5cf6;--color-accent-purple-dark:#7c3aed;--color-accent-gold:#d4a843;--color-accent-gold-light:#f0d080;--color-success:#10b981;--color-warning:#f59e0b;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--radius-card:16px;--radius-button:12px;--radius-badge:9999px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmerGold{0%{background-position:0%}50%{background-position:200%}to{background-position:0%}}@keyframes scrollPulse{0%,to{opacity:.35;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(.65)}}@keyframes thinking-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes orbGlow{0%,to{opacity:.25}50%{opacity:.55}}@keyframes orbCore{0%,to{opacity:.75}50%{opacity:1}}@keyframes haloBreath{0%,to{opacity:.5;transform:scale(2.5)}50%{opacity:1;transform:scale(3.2)}}@keyframes featureReveal{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes featureRevealRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes starFlip{0%{transform:perspective(400px)rotateY(0)}50%{transform:perspective(400px)rotateY(90deg)}to{transform:perspective(400px)rotateY(180deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--topbar-h:52px;--sidebar-w:220px;--bg:#070710;--bg2:#0c0c18;--glass:#ffffff0a;--glass-hover:#ffffff12;--glass-border:#ffffff17;--glass-border-strong:#ffffff29;--text:#e8e8f0;--text-dim:#7070a0;--text-faint:#404060;--accent:#8b5cf6;--accent2:#06b6d4;--accent-glow:#8b5cf633;--accent-subtle:#8b5cf61a;--success:#10b981;--warning:#f59e0b;--ease:cubic-bezier(.16,1,.3,1);--radius:16px;--radius-sm:10px;--radius-xs:6px;--bg-black:#0a0a0a;--accent-violet:#7c3aed;--text-white:#fff;--text-gray:#fff9;--lg-radius:20px;--lg-radius-sm:14px;--lg-sheen-duration:3s;--lg-sheen-color:#fff6;--lg-border:#ffffff2e;--lg-border-inner:#ffffff14;--lg-bg:#78788014;--lg-bg-hover:#78788024;--lg-shadow-env:0 4px 20px #00000014;--lg-shadow-contact:0 1px 3px #0000000d;--lg-shadow-inner:inset 0 .5px 0 .5px #ffffff4d;--lg-edge-tint:#7864dc40}@media (prefers-color-scheme:dark){:root{--lg-bg:#5050641f;--lg-bg-hover:#50506433;--lg-edge-tint:#a078ff4d}}@keyframes lgSheen{0%{background-position:-150% -150%}40%{background-position:250% 250%}to{background-position:250% 250%}}@keyframes lgRippleDistort{0%{transform:scaleX(1)scaleY(1)skew(0)}20%{transform:scaleX(1.03)scaleY(.97)skew(.5deg)}40%{transform:scaleX(.98)scaleY(1.02)skew(-.3deg)}60%{transform:scaleX(1.01)scaleY(.99)skew(.2deg)}80%{transform:scaleX(.995)scaleY(1.005)skew(-.1deg)}to{transform:scaleX(1)scaleY(1)skew(0)}}@keyframes lgIridescent{0%{filter:hue-rotate()saturate()}33%{filter:hue-rotate(25deg)saturate(1.2)}66%{filter:hue-rotate(-15deg)saturate(.9)}to{filter:hue-rotate()saturate()}}@keyframes lgSurfaceWobble{0%{transform:scaleX(1)scaleY(1)}30%{transform:scaleX(1.04)scaleY(.96)}60%{transform:scaleX(.97)scaleY(1.03)}to{transform:scaleX(1)scaleY(1)}}@keyframes lgLiquidEdge{0%{opacity:.6;background:radial-gradient(110% 110% at 75% 10%,#b496ff38 0%,#0000 65%)}50%{opacity:.85;background:radial-gradient(115% 115% at 80% 15%,#a082f047 0%,#0000 68%)}to{opacity:.6;background:radial-gradient(110% 110% at 75% 10%,#b496ff38 0%,#0000 65%)}}body{background:var(--bg);color:var(--text);letter-spacing:-.01em;background-image:radial-gradient(60% 40% at 20%,#8b5cf612 0%,#0000 70%),radial-gradient(40% 60% at 80% 20%,#06b6d40a 0%,#0000 70%);height:100vh;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6;overflow:hidden}.app{grid-template-rows:52px 1fr;height:100vh;display:grid}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:10;background:#070710cc;align-items:center;gap:12px;padding:0 16px;display:flex}.topbar-logo{letter-spacing:-.03em;color:var(--text);border-right:1px solid var(--glass-border);margin-right:4px;padding-right:14px;font-size:16px;font-weight:700}.topbar-nav{flex:1;gap:4px;display:flex}.topbar-right{align-items:center;gap:8px;display:flex}.credits span{color:var(--text-dim);font-weight:400}.credits svg{width:12px;height:12px;color:var(--accent)}.icon-btn svg{width:15px;height:15px}.main{grid-template-columns:220px 1fr 340px;height:100%;display:grid;overflow:hidden}.btn-create svg{width:14px;height:14px}.sidebar-nav svg{flex-shrink:0;width:15px;height:15px}.sidebar-nav span{flex:1}.center{flex-direction:column;display:flex;position:relative;overflow:hidden}.workflow-bar{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:12px;padding:18px 24px 14px;display:flex}.workflow-timeline{align-items:center;display:flex}.stage-node{border:2px solid var(--glass-border);background:var(--bg2);width:34px;height:34px;transition:all .2s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.stage-node svg{width:15px;height:15px;color:var(--text-dim)}.stage-node.done{border-color:var(--success);background:#10b9811a}.stage-node.done svg{color:var(--success)}.stage-node.active{border-color:var(--accent);background:var(--accent-subtle);animation:2s ease-in-out infinite pulse-ring;box-shadow:0 0 0 4px #8b5cf626}.stage-node.active svg{color:var(--accent)}.stage-node.awaiting-approval{background:#f59e0b1f;border-color:#f59e0b;animation:1.5s ease-in-out infinite approval-pulse;box-shadow:0 0 0 4px #f59e0b26}.stage-node.awaiting-approval svg{color:#f59e0b}@keyframes approval-pulse{0%,to{box-shadow:0 0 0 4px #f59e0b26}50%{box-shadow:0 0 0 8px #f59e0b0d}}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 4px #8b5cf626}50%{box-shadow:0 0 0 8px #8b5cf60d}}.stage-name{color:var(--text-dim);white-space:nowrap;font-size:12px;font-weight:500}.stage-node.done~.stage-name{color:var(--success)}.stage-node.active~.stage-name{color:var(--accent);font-weight:600}.stage-node.awaiting-approval~.stage-name{color:#f59e0b;font-weight:600}.workflow-connector{background:var(--glass-border);border-radius:1px;flex:1;min-width:24px;height:2px;margin:0 8px;position:relative;overflow:hidden}.workflow-connector.done:after{content:"";background:var(--success);position:absolute;inset:0}.workflow-connector.active:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);width:40%;animation:1.8s ease-in-out infinite shimmer;position:absolute;top:0;bottom:0;left:0}@keyframes shimmer{0%{transform:translate(-150%)}to{transform:translate(350%)}}.center-content{flex:1;padding:20px 24px;overflow-y:auto}.center-content::-webkit-scrollbar{width:5px}.center-content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:3px}.stage-actions{gap:8px;display:flex}.btn-ghost{border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--glass-border);color:var(--text-dim);cursor:pointer;transition:all .15s var(--ease);align-items:center;gap:6px;padding:7px 14px;font-family:Geist,sans-serif;font-size:12px;font-weight:500;display:flex}.btn-ghost:hover{background:var(--glass-hover);color:var(--text);border-color:var(--glass-border-strong)}.btn-ghost svg{width:14px;height:14px}.btn-primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;cursor:pointer;transition:all .15s var(--ease);border:none;align-items:center;gap:6px;padding:7px 16px;font-family:Geist,sans-serif;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 16px #8b5cf64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #8b5cf666}.btn-primary svg{width:14px;height:14px}.cards-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:12px;font-size:11px;font-weight:600}.char-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.char-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .22s var(--ease);overflow:hidden}.char-card:hover{border-color:var(--glass-border-strong);transform:translateY(-3px);box-shadow:0 16px 48px #0006}.char-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 12px 40px #8b5cf633}.char-img{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.char-img-bg-1{background:linear-gradient(135deg,#1a0a3d,#0d1a4d)}.char-img-bg-2{background:linear-gradient(135deg,#1a0a0a,#2d1010)}.char-img-bg-3{background:linear-gradient(135deg,#0a1a0a,#102d10)}.char-img-overlay{background:linear-gradient(#0000,#00000080);height:32px;position:absolute;bottom:0;left:0;right:0}.char-body{padding:12px}.char-name{color:var(--text);margin-bottom:3px;font-size:14px;font-weight:700}.char-tag{background:var(--accent-subtle);color:var(--accent);border-radius:4px;margin-bottom:6px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.char-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.status-box{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 16px;position:relative;overflow:hidden}.status-box:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf666,#0000);height:1px;position:absolute;top:0;left:0;right:0}.status-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:10px;font-size:10px;font-weight:600}.status-content{scroll-behavior:smooth;align-items:flex-start;gap:10px;max-height:80px;display:flex;overflow-y:auto}.status-loader{flex-shrink:0;align-items:center;gap:4px;display:flex}.status-stream{flex-direction:column;gap:2px;display:flex}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:.8s step-end infinite cursor-blink;display:inline-block}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite status-typing}.status-dot:nth-child(2){animation-delay:.15s}.status-dot:nth-child(3){animation-delay:.3s}@keyframes status-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;box-shadow:0 0 6px var(--accent-glow);transform:translateY(-5px)}}.status-text{color:var(--text-dim);font-size:13px;line-height:1.5}.bottom-bar{border-top:1px solid var(--glass-border);color:var(--text-dim);align-items:center;gap:14px;padding:10px 24px;font-size:11px;display:flex}.bottom-item{align-items:center;gap:5px;display:flex}.bdot{border-radius:50%;width:6px;height:6px}.bdot.ok{background:var(--success)}.bdot.run{background:var(--accent);animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.right-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);background:#07071080;flex-direction:column;height:100%;display:flex;overflow:hidden}.msg-wrap{align-items:flex-start;gap:8px;display:flex}.msg-avatar{background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.bubble{border-radius:var(--radius);flex:1;padding:9px 13px;font-size:13px;line-height:1.6}.bubble-ai{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top-left-radius:2px}.bubble-user{color:var(--text-dim);background:linear-gradient(135deg,#8b5cf61f,#06b6d40f);border:1px solid #8b5cf633;border-top-right-radius:2px;font-size:12px}.typing-wrap{align-items:flex-start;gap:8px;display:flex}.typing-bubble{background:var(--glass);border:1px solid var(--glass-border);border-top-left-radius:2px;border-radius:var(--radius);align-items:center;gap:5px;padding:12px 16px;display:flex}.typing-dot{background:var(--text-dim);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.option-card{border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);cursor:pointer;transition:all .2s var(--ease);align-items:flex-start;gap:10px;margin-bottom:6px;padding:9px 12px;display:flex}.option-card:hover{background:var(--glass-hover);border-color:var(--glass-border-strong)}.option-card.selected{border-color:var(--accent);background:#8b5cf614;box-shadow:0 0 16px #8b5cf61a}.option-key{background:var(--bg2);border:1px solid var(--glass-border);width:22px;height:22px;color:var(--text-dim);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .15s;display:flex}.option-card:hover .option-key{border-color:var(--accent);color:var(--accent)}.option-card.selected .option-key{background:var(--accent);border-color:var(--accent);color:#fff}.option-title{color:var(--text);text-align:left;margin-bottom:1px;font-size:13px;font-weight:600}.option-desc{color:var(--text-dim);text-align:left;font-size:11px;line-height:1.4}.input-field{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:none;outline:none;min-height:42px;max-height:100px;padding:10px 44px 10px 14px;font-family:Geist,sans-serif;font-size:13px;line-height:1.5;transition:border-color .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61a}.input-field::placeholder{color:var(--text-faint)}.msg-wrap-ai,.msg-wrap-user{flex-direction:row}.msg-wrap-user .bubble{margin-left:auto}.input-wrap{align-items:flex-end;display:flex;position:relative}.input-send{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #7c3aed);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;bottom:50%;right:10px;transform:translateY(50%)}.input-send:hover{transform:translateY(50%)scale(1.08);box-shadow:0 4px 16px #8b5cf666}.input-send svg{width:14px;height:14px}.right-header{border-bottom:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.right-header-left{align-items:center;gap:10px;display:flex}.online-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite blink;box-shadow:0 0 6px #10b981b3}.right-subtitle{color:var(--text-dim);margin-top:1px;font-size:11px}.right-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.right-messages::-webkit-scrollbar{width:3px}.right-messages::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.right-bottom{border-top:1px solid var(--glass-border);flex-shrink:0;padding:12px 16px}.option-root{margin-bottom:8px}.options-grid{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.option-card{width:100%}.option-card-d{width:100%;margin-bottom:0}.option-key-d{background:var(--bg2)}.workflow-feed{flex-direction:column;gap:16px;min-height:0;padding-bottom:8px;display:flex}.workflow-widget{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.widget-header{border-bottom:1px solid var(--glass-border);background:#ffffff05;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.widget-title{color:var(--text);letter-spacing:-.02em;font-size:16px;font-weight:700}.badge{border-radius:9999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.badge-done{color:var(--success);background:#10b9811f}.badge-active{background:var(--accent-subtle);color:var(--accent)}.badge-pending{color:var(--text-dim);background:#ffffff0a}.badge-error{color:#ef4444;background:#ef44441f}.widget-body{padding:16px}.script-card{background:var(--bg2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:16px}.script-title{color:var(--text);letter-spacing:-.01em;margin-bottom:10px;font-size:15px;font-weight:700}.script-summary{color:var(--text-dim);font-size:13px;line-height:1.7}.environment-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.environment-card{background:var(--bg2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all .2s var(--ease);min-width:0;padding:14px;overflow:hidden}.environment-card:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.environment-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.environment-card-name{color:var(--text);font-size:14px;font-weight:600}.environment-card-location{color:var(--text-dim);background:var(--glass);border:1px solid var(--glass-border);border-radius:4px;padding:2px 7px;font-size:10px}.environment-card-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.environment-card-prompt{color:#8b5cf6d9;white-space:nowrap;text-overflow:ellipsis;cursor:default;background:#8b5cf614;border:1px solid #8b5cf633;border-radius:4px;margin-top:6px;padding:4px 8px;font-size:11px;line-height:1.4;overflow:hidden}.storyboard-episode{margin-bottom:16px}.storyboard-episode-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.storyboard-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.storyboard-cell{background:var(--bg2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all .2s var(--ease);overflow:hidden}.storyboard-cell:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.storyboard-desc{color:var(--text-dim);min-height:52px;padding:10px;font-size:11px;line-height:1.5}.video-preview{background:var(--bg2);border:1px solid var(--glass-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.video-generating{flex-direction:column;align-items:center;gap:14px;display:flex}.video-pending{flex-direction:column;align-items:center;gap:10px;display:flex}.video-pending-text{color:var(--text-dim);margin-top:4px;font-size:14px;font-weight:600}.video-pending-sub{color:var(--text-faint);text-align:center;max-width:220px;font-size:11px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg2);border:1px solid var(--glass-border-strong);border-radius:var(--radius);width:100%;max-width:520px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 80px #0009}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.modal-title{color:var(--text);letter-spacing:-.02em;font-size:20px;font-weight:700}.modal-body{padding:20px}.modal-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:8px;font-size:10px;font-weight:600}.modal-section-content{color:var(--text-dim);font-size:13px;line-height:1.7}.modal-prompt-box{border-radius:var(--radius-sm);color:var(--accent);word-break:break-all;background:#8b5cf614;border:1px solid #8b5cf633;padding:12px 14px;font-family:Geist,monospace;font-size:13px;line-height:1.6}.prompt-link{cursor:pointer;pointer-events:auto;border-radius:3px;padding:1px 4px;font-weight:500;text-decoration:none;transition:background .15s}.prompt-link:hover{text-decoration:underline}.prompt-link-char{color:#60a5fa;background:#3b82f626}.prompt-link-char:hover{background:#3b82f64d}.prompt-link-env{color:#34d399;background:#10b98126}.prompt-link-env:hover{background:#10b9814d}.mention-dropdown{z-index:100;border-radius:var(--radius-sm);background:#1a1a2e;border:1px solid #8b5cf64d;min-width:180px;max-height:200px;padding:4px;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #00000080}.mention-item{cursor:pointer;color:var(--text-primary);border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.mention-item:hover{background:#8b5cf626}.mention-item-symbol{text-align:center;width:18px;font-size:14px;font-weight:700}.mention-item-char .mention-item-symbol{color:#60a5fa}.mention-item-env .mention-item-symbol{color:#34d399}.mention-item-type{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-left:auto;font-size:10px}.frame-thumbnail img{width:100%;display:block}.stage-node.script-parsing{border-color:var(--accent);background:var(--accent-subtle);animation:2s ease-in-out infinite pulse-ring;position:relative;box-shadow:0 0 0 4px #8b5cf626}.script-parse-ring{border:2px solid #0000;border-top-color:var(--accent);border-right-color:#8b5cf666;border-radius:50%;animation:1.2s linear infinite script-spin;position:absolute;inset:-4px}@keyframes script-spin{to{transform:rotate(360deg)}}.stage-node.error{background:#ef44441a!important;border-color:#ef4444!important}.stage-node.error svg{color:#ef4444!important}.stage-node[data-error=true]{border-color:var(--warning)!important;background:#f59e0b14!important;box-shadow:0 0 0 3px #f59e0b1f!important}.stage-node[data-error=true] svg{color:var(--warning)!important}.workflow-connector.error:after{content:"";background:var(--warning);opacity:.5;position:absolute;inset:0}.workflow-error-toast svg{color:#ef4444;flex-shrink:0}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.blend-exclusion{mix-blend-mode:exclusion;color:#0ff}.text-glow{text-shadow:0 0 10px #0ffc,0 0 20px #00ffff80,0 0 40px #00ffff4d}@keyframes lrRipple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.8)}}@keyframes lrSheen{0%{left:-75%}50%,to{left:125%}}@keyframes lrDot{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}@keyframes lensReveal{to{opacity:1;transform:scale(1)}}.btn-primary,.btn-secondary{border-radius:var(--lg-radius);background:var(--lg-bg);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow-env), var(--lg-shadow-contact), var(--lg-shadow-inner);outline-offset:-.5px;cursor:pointer;will-change:transform;transition:background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s var(--ease);z-index:0;outline:.5px solid #ffffff1f;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.btn-primary:before,.btn-secondary:before{content:"";border-radius:inherit;opacity:.9;pointer-events:none;z-index:0;mix-blend-mode:overlay;background:conic-gradient(from 225deg at 82% 18%,#0000 35deg,#fff3 78deg,#0000 130deg),radial-gradient(120% 120% at 78% 8%,#b48cff4d 0%,#a078f024 45%,#0000 72%);animation:4s ease-in-out infinite lgLiquidEdge;position:absolute;inset:0}.btn-primary:after,.btn-secondary:after{content:"";border-radius:inherit;animation:lgSheen var(--lg-sheen-duration) ease-in-out infinite;pointer-events:none;z-index:1;mix-blend-mode:overlay;background:linear-gradient(105deg,#0000 28%,#ffffff8c 48%,#0000 68%) 0 0/200% 200%;position:absolute;inset:0}.btn-primary>*,.btn-secondary>*{z-index:2;position:relative}.btn-primary,.btn-secondary{color:#ffffffe6}.btn-primary:hover,.btn-secondary:hover{background:var(--lg-bg-hover);border-color:#ffffff47;animation:.6s ease-in-out lgSurfaceWobble;transform:scaleX(1.03)scaleY(.97)translateZ(0);box-shadow:0 6px 28px #0000001f,0 2px 6px #00000014,inset 0 .5px 0 .5px #ffffff73,0 0 0 .5px #a078ff33}.btn-primary:hover:after,.btn-secondary:hover:after{opacity:1;animation:1.2s ease-in-out infinite lgSheen,.8s ease-in-out infinite lgRippleDistort}.btn-primary:active,.btn-secondary:active{box-shadow:0 2px 10px #0000001a, var(--lg-shadow-contact), inset 0 .5px 0 .5px #fff3;transform:scaleX(.98)scaleY(1.02)translateZ(0)}.process-card{border-radius:var(--lg-radius);background:var(--lg-bg);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow-env), var(--lg-shadow-contact), var(--lg-shadow-inner);will-change:transform;transition:background .25s ease, border-color .3s ease, box-shadow .3s ease, transform .3s var(--ease);z-index:0;min-width:0;position:relative;overflow:hidden;transform:translateZ(0)}.process-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;mix-blend-mode:overlay;background:conic-gradient(from 225deg at 82% 18%,#0000 30deg,#ffffff38 75deg,#c8b4ff1a 110deg,#0000 145deg),radial-gradient(115% 115% at 80% 12%,#b48cff47 0%,#a078f01f 45%,#0000 70%);position:absolute;inset:0}.process-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.7;background:linear-gradient(105deg,#0000 25%,#ffffff73 48%,#0000 68%) 0 0/250% 250%;position:absolute;inset:0}.process-card>*{z-index:2;position:relative}.process-card:hover{background:var(--lg-bg-hover);border-color:#ffffff42;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 .5px 0 .5px #fff6,0 0 0 .5px #a082ff26}.ios26-feature-card{border-radius:var(--lg-radius);background:var(--lg-bg);border:1px solid var(--lg-border);box-shadow:var(--lg-shadow-env), var(--lg-shadow-contact), var(--lg-shadow-inner);will-change:transform;transition:background .3s ease, border-color .35s ease, box-shadow .35s ease, transform .35s var(--ease);z-index:0;position:relative;overflow:hidden;transform:translateZ(0)}.ios26-feature-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;mix-blend-mode:overlay;background:conic-gradient(from 225deg at 82% 18%,#0000 30deg,#ffffff38 75deg,#c8b4ff1f 110deg,#0000 148deg),radial-gradient(115% 115% at 80% 12%,#b48cff52 0%,#a078f024 45%,#0000 70%);position:absolute;inset:0}.ios26-feature-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:overlay;opacity:.75;background:linear-gradient(105deg,#0000 20%,#ffffff80 46%,#0000 72%) 0 0/250% 250%;position:absolute;inset:0}.ios26-feature-card>*{z-index:2;position:relative}.ios26-feature-card:hover{background:var(--lg-bg-hover);border-color:#ffffff4d;box-shadow:0 10px 40px #00000024,0 3px 10px #00000017,inset 0 .5px 0 .5px #ffffff73,0 0 0 .5px #b48cff33}.feature-row{grid-template-columns:1fr 1fr;margin-bottom:8rem;display:grid}.feature-emoji{filter:grayscale();transition:filter .3s}.feature-emoji:hover{filter:grayscale(0%)}.char{display:inline-block}.prompt-btn-approve:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.prompt-btn-reject:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.spin{animation:1s linear infinite spin}@keyframes progress-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(200%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.char{opacity:1!important;transform:none!important}.stage-node.active,.stage-node.script-parsing,.workflow-connector.active:after,.connection-dot.connected,.connection-dot.connecting,.status-dot,.typing-dot,.bdot.run,.chat-dot,.online-dot{animation:none!important}.script-parse-ring{border-color:#0000!important;border-top-color:var(--accent)!important;animation:none!important}.btn-primary:before,.btn-secondary:before,.btn-primary:after,.btn-secondary:after,.process-card:before,.process-card:after,.ios26-feature-card:before,.ios26-feature-card:after,.btn-primary:hover:after,.btn-secondary:hover:after,.process-card:hover:after,.ios26-feature-card:hover:before,.ios26-feature-card:hover:after,.btn-primary:hover,.btn-secondary:hover,.process-card:hover,.ios26-feature-card:hover{animation:none!important}.btn-primary,.btn-secondary,.process-card,.ios26-feature-card{transform:none!important}}
:root{--bg:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text:#e5e5e5;--text-muted:#888;--accent:#8b5cf6;--accent-hover:#7c3aed}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}