.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{font-family:Cairo,sans-serif;color:#f5f5ff;background:#090b18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#090b18;--panel:#101326;--panel2:#13172d;--line:rgba(166,174,225,.13);--muted:#9298b7;--purple:#9a87ff;--cyan:#55d6d0;--amber:#ffbd70}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% -18%,rgba(94,71,186,.2),transparent 42%),#090b18}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.12}.ambient-one{width:360px;height:360px;background:#7760ff;top:180px;right:-250px}.ambient-two{width:300px;height:300px;background:#2bb9c7;top:780px;left:-200px}.topbar{height:78px;padding:0 clamp(20px,5.6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(166,174,225,.09);position:relative;z-index:5;background:#090b18b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#c6baff;background:linear-gradient(140deg,#9a87ff3d,#55d6d01a);border:1px solid rgba(154,135,255,.27);box-shadow:0 0 30px #7b67ff1a}.brand-copy{display:flex;flex-direction:column;line-height:1.5}.brand-copy b{font-size:16px;font-weight:800}.brand-copy small{font-size:10px;color:#9197b7;letter-spacing:.4px}.nav-links{display:flex;align-items:center;gap:7px}.nav-links button{background:transparent;border:0;color:#969bb7;font-size:12px;padding:10px 16px;border-radius:10px;transition:.2s}.nav-links button:hover,.nav-links .nav-active{color:#fff;background:#9a87ff1a}.top-actions{display:flex;align-items:center;gap:12px}.status-pill{display:flex;align-items:center;gap:8px;color:#b5bad2;font-size:11px;border:1px solid var(--line);background:#ffffff06;padding:8px 12px;border-radius:30px}.status-pill i,.live-tag i{width:6px;height:6px;border-radius:50%;background:#5fe0bd;box-shadow:0 0 10px #5fe0bd}.menu-toggle{display:none;background:transparent;border:0;color:#fff}.hero{position:relative;z-index:1;text-align:center;padding:69px 20px 46px;max-width:920px;margin:auto}.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#b6aaff;font-size:11px;margin-bottom:20px}.eyebrow-line{height:1px;width:28px;background:linear-gradient(90deg,transparent,#8974ff)}.eyebrow-line:last-child{transform:rotate(180deg)}.hero h1{font-size:clamp(31px,4.2vw,52px);letter-spacing:-1.8px;line-height:1.45;margin:0;font-weight:800;background:linear-gradient(105deg,#fff 15%,#d8d3ff 54%,#a5f4ef);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{color:#a18aff}.hero-sub{font-size:13px;color:#9da3c1;margin:10px auto 29px;line-height:2}.prompt-box{max-width:750px;margin:auto;border:1px solid rgba(153,136,255,.33);background:linear-gradient(135deg,#151831f2,#0f1224f5);border-radius:19px;padding:15px;display:flex;align-items:center;gap:13px;box-shadow:0 20px 80px #0003,0 0 50px #745bff12;text-align:right;transition:.25s}.prompt-box:focus-within{border-color:#9a87ffb3;box-shadow:0 0 0 4px #9a87ff12,0 20px 80px #0003}.prompt-icon{align-self:flex-start;margin-top:4px;flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#9a87ff21;color:#b6a7ff}.prompt-box textarea{flex:1;resize:vertical;min-height:45px;max-height:120px;border:0;outline:0;background:transparent;color:#f5f5ff;font-size:13px;line-height:1.9;padding:3px 0}.prompt-box textarea::placeholder{color:#747b9c}.generate-btn{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:0;border-radius:12px;padding:13px 15px;color:#111127;font-size:11px;font-weight:800;background:linear-gradient(110deg,#b7a8ff,#80e7e0);box-shadow:0 6px 25px #7a6fff26;transition:.2s}.generate-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.generate-btn:disabled{opacity:.75;cursor:wait}.prompt-foot{max-width:750px;margin:12px auto 0;display:flex;justify-content:space-between;gap:10px;color:#747b9a;font-size:10px}.prompt-foot span{display:flex;align-items:center;gap:6px}.prompt-foot span:first-child svg{color:#72d9bd}.prompt-foot button{border:0;background:transparent;color:#b8adff;padding:0;font-size:10px}.workspace{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:0 clamp(20px,5.6vw,88px) 65px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.section-kicker{font-size:10px;color:#a89aff;display:flex;align-items:center;gap:8px}.section-kicker>span{width:6px;height:6px;background:#9b87ff;box-shadow:0 0 10px #9b87ff;border-radius:50%}.workspace-heading h2{font-size:22px;margin:5px 0 2px;letter-spacing:-.4px}.workspace-heading p{margin:0;color:#858baa;font-size:11px}.workspace-actions{display:flex;gap:9px}.ghost-btn,.primary-outline{display:flex;align-items:center;gap:7px;border-radius:10px;padding:10px 13px;font-size:10px;background:#ffffff06;color:#aeb3cd;border:1px solid var(--line)}.ghost-btn:hover{background:#ffffff0f}.primary-outline{border-color:#9a87ff4d;color:#c7bdff;background:#9a87ff0f}.experiment-title{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#111428a6;padding:13px 16px;border-radius:13px;margin-bottom:13px}.experiment-icon{width:36px;height:36px;display:grid;place-items:center;background:#55d6d017;border:1px solid rgba(85,214,208,.14);color:var(--cyan);border-radius:11px}.experiment-title>div:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.experiment-title small{font-size:9px;color:#8c93b2}.experiment-title strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-tag{margin-right:auto;display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:7px;background:#5fe0bd0f;color:#77d9bb;font-size:9px;white-space:nowrap}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:13px;align-items:stretch}.flow-panel,.side-panel{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#0f1224e0;min-width:0}.flow-toolbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid rgba(166,174,225,.1);font-size:10px;color:#b8bdd5}.flow-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.tiny-orb{width:7px;height:7px;background:#9c89ff;box-shadow:0 0 10px #9c89ff;border-radius:50%}.flow-hint{font-size:9px;color:#727a9b}.flow-canvas{height:510px;direction:ltr}.flow-legend{height:39px;border-top:1px solid rgba(166,174,225,.08);display:flex;align-items:center;gap:19px;padding:0 15px;color:#8188a8;font-size:9px}.flow-legend span{display:flex;align-items:center;gap:6px}.flow-legend i{display:inline-block;width:6px;height:6px;border-radius:2px}.legend-purple{background:#9c89ff}.legend-cyan{background:#55d6d0}.legend-amber{background:#ffbd70}.react-flow__background{background:radial-gradient(ellipse at center,rgba(25,29,57,.2),transparent 70%)}.react-flow__controls{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:8px!important;overflow:hidden}.react-flow__controls-button{background:#15182e!important;fill:#a7aed0!important;border-bottom:1px solid var(--line)!important}.react-flow__minimap{background:#101326!important;border:1px solid var(--line);border-radius:8px;overflow:hidden}.react-flow__attribution{display:none}.scenario-node{width:190px;min-height:115px;padding:12px 13px;border-radius:12px;border:1px solid rgba(154,135,255,.33);background:linear-gradient(140deg,#1e1f40fa,#111429fa);box-shadow:0 9px 30px #00000040;color:#f2f2ff;direction:rtl;text-align:right;transition:.2s}.scenario-node.root{border-color:#9a87ffad;background:linear-gradient(145deg,#392f6afa,#161831fa);box-shadow:0 0 35px #8770ff1f}.scenario-node.leaf{border-color:#55d6d059;background:linear-gradient(140deg,#11343ef2,#11182bfa)}.scenario-node:hover{border-color:#b2a2ff;box-shadow:0 0 25px #9a87ff29}.node-top{display:flex;align-items:center;gap:6px;color:#aaa0ff;font-size:9px;margin-bottom:7px}.node-dot{width:5px;height:5px;border-radius:50%;background:#a797ff;box-shadow:0 0 8px #a797ff}.leaf .node-top{color:#71dcd6}.leaf .node-dot{background:#55d6d0;box-shadow:0 0 8px #55d6d0}.scenario-node strong{font-size:12px;font-weight:700;display:block;margin-bottom:5px}.scenario-node p{font-size:9px;line-height:1.9;color:#a4abc9;margin:0}.node-tag{display:inline-block;margin-top:7px;border-radius:5px;background:#ffffff0d;padding:3px 6px;font-size:8px;color:#b6bdd7}.react-flow__edge-text{fill:#a9afd0!important;font-size:9px!important}.react-flow__edge-textbg{fill:#101326!important}.react-flow__handle{width:6px!important;height:6px!important;background:#9a87ff!important;border:1px solid #d6ceff!important}.side-panel{padding:17px 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-head>div{display:flex;align-items:center;gap:8px}.panel-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#9a87ff1c;color:#b9adff}.panel-head h3{font-size:12px;margin:0}.panel-label{font-size:9px;color:#969cba;background:#ffffff0a;padding:5px 8px;border-radius:6px}.selected-card{padding:15px 13px;background:linear-gradient(140deg,#9a87ff13,#55d6d006);border:1px solid rgba(154,135,255,.14);border-radius:12px}.selected-orb{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#c2b6ff;background:#9a87ff21;margin-bottom:11px}.selected-orb.leaf{color:#77e3dc;background:#55d6d01a}.selected-label{color:#a79bff;font-size:9px}.selected-card h3{font-size:15px;margin:5px 0 7px}.selected-card p{color:#969dbb;font-size:10px;line-height:2;margin:0}.risk-note{display:flex;align-items:center;gap:7px;color:#72d9bc;font-size:9px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(166,174,225,.1)}.divider{height:1px;background:var(--line);margin:17px 0}.settings-title{display:flex;align-items:center;gap:8px;font-size:11px;color:#c7cbe0;margin-bottom:15px}.settings-title svg{color:#a99aff}.field-label{font-size:10px;color:#969db9;display:block;margin-bottom:8px}.segmented{display:flex;gap:5px;padding:4px;background:#0305104d;border:1px solid rgba(166,174,225,.1);border-radius:9px;margin-bottom:16px}.segmented button{flex:1;border:0;background:transparent;border-radius:6px;padding:7px 3px;color:#8189aa;font-size:9px}.segmented button.selected{background:#9a87ff29;color:#c8bdff;box-shadow:inset 0 0 0 1px #9a87ff33}.range-head{display:flex;justify-content:space-between;align-items:center}.range-head b{font-size:11px;color:#b9adff}.range-input{width:100%;height:4px;accent-color:#a08dff;cursor:pointer;margin:6px 0}.range-labels{display:flex;justify-content:space-between;color:#777f9e;font-size:9px;margin-bottom:18px}.recalculate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(154,135,255,.23);background:linear-gradient(100deg,#9a87ff26,#55d6d014);color:#d0c8ff;border-radius:9px;padding:10px 7px;font-size:9px;transition:.2s}.recalculate-btn:hover{background:#9a87ff33}.recalculate-btn svg:last-child{margin-right:auto}.panel-disclaimer{display:flex;gap:6px;color:#777f9c;font-size:9px;line-height:1.9;margin:12px 0 0}.panel-disclaimer svg{flex-shrink:0;margin-top:3px}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(160px,1.2fr);gap:10px;margin-top:13px}.stat-card{border:1px solid var(--line);background:#101326b8;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:10px}.stat-icon{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;color:#b6a8ff;background:#9a87ff1a}.stat-card strong{font-size:14px;display:block;line-height:1.4}.stat-card small{font-size:9px;color:#838aaa;white-space:nowrap}.stat-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#aaa0ff;font-size:10px;border:1px dashed rgba(154,135,255,.2);border-radius:11px}.notice{display:flex;align-items:center;gap:9px;padding:11px 13px;margin-top:13px;border:1px solid rgba(85,214,208,.17);background:#55d6d00d;color:#a6dcd8;font-size:10px;border-radius:9px}.notice button{margin-right:auto;background:transparent;border:0;color:#a6dcd8;font-size:18px}.content-page{position:relative;z-index:1;max-width:1100px;min-height:calc(100vh - 150px);margin:auto;padding:75px 24px 70px}.page-title{font-size:clamp(30px,4vw,46px);line-height:1.55;margin:10px 0;color:#f4f3ff;letter-spacing:-1px}.page-sub{font-size:13px;color:#959cba;margin:0 0 35px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.example-card{text-align:right;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,#14182fe6,#0d1020e6);color:#fff;transition:.2s}.example-card:hover{transform:translateY(-3px);border-color:#9a87ff73;background:linear-gradient(140deg,#242248e6,#0d1020e6)}.example-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#9a87ff1a;font-size:23px;margin-bottom:18px}.example-category{display:block;font-size:10px;color:#a89aff;margin-bottom:5px}.example-card strong{font-size:16px}.example-card p{font-size:11px;color:#959cba;line-height:1.9}.example-link{display:flex;align-items:center;gap:8px;color:#bcb1ff;font-size:10px;margin-top:16px}.back-lab{margin-top:26px;border:1px solid rgba(154,135,255,.3);background:#9a87ff14;color:#c9c0ff;border-radius:9px;padding:11px 15px;font-size:11px;display:flex;align-items:center;gap:8px}.about-page{max-width:900px}.about-page .page-title span{color:#a99aff}.about-lead{font-size:15px;color:#a3aac8;line-height:2.3;max-width:730px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:35px}.about-cards article{border:1px solid var(--line);background:#111428b3;border-radius:13px;padding:22px}.about-cards svg{color:#a99aff;width:23px;height:23px}.about-cards h3{font-size:15px;margin:14px 0 6px}.about-cards p{font-size:11px;color:#969dbb;line-height:2}.ethics-note{display:flex;gap:13px;align-items:flex-start;padding:17px;border-radius:12px;border:1px solid rgba(85,214,208,.16);background:#55d6d00a;margin-top:20px;color:#91cfc9}.ethics-note>svg{flex-shrink:0;margin-top:3px}.ethics-note p{font-size:11px;line-height:2;margin:0;color:#a0c4c5}.ethics-note strong{color:#c0f2ed}.footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid rgba(166,174,225,.08);padding:22px clamp(20px,5.6vw,88px);color:#686f8e;font-size:9px}.footer-brand{display:flex;align-items:center;gap:7px;color:#a8a0e8;text-decoration:none;font-size:11px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.flow-canvas{height:560px}}@media(max-width:1050px){.lab-grid{grid-template-columns:minmax(0,1fr) 270px}.flow-canvas{height:480px}.scenario-node{width:170px}.stats-row{grid-template-columns:repeat(3,1fr)}.stat-note{grid-column:1/-1;padding:12px}}@media(max-width:760px){.topbar{height:68px;padding:0 18px}.brand-mark{width:38px;height:38px}.status-pill{display:none}.menu-toggle{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:67px;right:12px;left:12px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:13px;background:#11142a;box-shadow:0 15px 35px #0007}.nav-links.open{display:flex}.nav-links button{text-align:right}.hero{padding:53px 18px 35px}.hero h1{letter-spacing:-1px}.hero-sub{font-size:12px;max-width:440px}.prompt-box{flex-wrap:wrap;padding:12px;gap:9px}.prompt-icon{width:33px;height:33px;flex-basis:33px}.prompt-box textarea{min-width:calc(100% - 50px);font-size:12px}.generate-btn{width:100%;padding:12px}.prompt-foot{flex-direction:column;align-items:flex-start;padding:0 3px;line-height:1.8}.workspace{padding:0 14px 40px}.workspace-heading{align-items:flex-start;flex-direction:column}.workspace-heading h2{font-size:20px}.workspace-actions{width:100%}.workspace-actions button{flex:1;justify-content:center}.experiment-title{padding:10px;gap:9px}.experiment-icon{width:32px;height:32px;flex-shrink:0}.experiment-title strong{max-width:210px;font-size:10px}.live-tag{font-size:8px;padding:5px 6px}.lab-grid{grid-template-columns:1fr}.flow-canvas{height:430px}.flow-toolbar{padding:0 10px}.flow-hint{font-size:8px}.flow-legend{gap:12px;padding:0 10px;font-size:8px}.scenario-node{width:165px;padding:10px}.scenario-node strong{font-size:11px}.scenario-node p{font-size:8px}.side-panel{padding:15px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:10px}.stat-note{grid-column:1/-1}.content-page{padding:50px 18px}.example-grid,.about-cards{grid-template-columns:1fr}.page-title{font-size:30px}.footer{padding:20px;flex-wrap:wrap}.footer span:nth-child(2){order:3;width:100%}}@media(max-width:390px){.hero h1{font-size:29px}.experiment-title strong{max-width:145px}.live-tag{display:none}.flow-canvas{height:390px}.scenario-node{width:150px}.flow-legend{gap:8px}.flow-legend span{gap:4px}}