:root{color:#e9eef5;background:#0b1220;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{background:#0b1220;margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#5b8cff;border:0;border-radius:.8rem;padding:.75rem 1rem}button.module-card{text-align:left;background:#162035;flex-direction:column;gap:.4rem;min-height:120px;display:flex}button.module-card.active{outline:2px solid #9fc2ff}textarea,input{color:#e9eef5;background:#111a2c;border:1px solid #2a3751;border-radius:.8rem;width:100%;padding:.8rem}.field>textarea{resize:vertical;min-height:260px;line-height:1.5}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{outline:1px solid #9fc2ff}a{color:#9fc2ff}a:hover{color:#c9defc}.hero-gradient{background:linear-gradient(135deg,#0d1b33 0%,#12233f 45%,#1a2f57 100%);border:1px solid #2a4370}.hero-title{cursor:pointer}.hero-title:hover{opacity:.85}.hero-gradient h1{background:linear-gradient(90deg,#9fc2ff,#e9eef5);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem}.hero-tagline{color:#9fc2ff;margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.hero-badges{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.module-flow{flex-wrap:wrap;align-items:stretch;gap:.4rem;display:flex}.module-flow-item{flex:200px;align-items:center;gap:.4rem;display:flex}.module-flow-item .module-card{flex:1}.module-flow-arrow{color:#9fc2ff;flex:none;font-size:1.4rem}.list-item.selected{outline:2px solid #9fc2ff}.toast-stack{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{color:#f2f6fc;opacity:1;background:#12365f;border:1px solid #6da2ff;border-radius:.8rem;max-width:360px;padding:.85rem 1.2rem;font-weight:600;animation:.22s ease-out toast-in;box-shadow:0 8px 28px #0000008c}.toast.error{background:#5a1626;border-color:#ff8098}@keyframes toast-in{0%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}pre{color:#b8d7ff;background:#09111d;border-radius:1rem;padding:1rem;overflow:auto}.shell{gap:1rem;max-width:1280px;margin:0 auto;padding:1.5rem;display:grid}.card{background:linear-gradient(#121c30,#0f1727);border:1px solid #23324d;border-radius:1.2rem;padding:1rem;box-shadow:0 10px 30px #0003}.warn-card{border-color:#806b27}.hero{justify-content:space-between;align-items:center;display:flex}.user-box{text-align:right;flex-direction:column;gap:.2rem;display:flex}.field{gap:.4rem;margin-bottom:.8rem;display:grid}.modules-grid,.dashboard-grid,.grid-two{gap:1rem;display:grid}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dashboard-grid,.grid-two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.list{gap:.6rem;display:grid}.list-item{background:#0d1524;border-radius:.8rem;gap:.2rem;padding:.8rem;display:grid}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.error{color:#ff9aa2}ul{margin:0;padding-left:1.2rem}select{color:#e9eef5;background:#111a2c;border:1px solid #2a3751;border-radius:.8rem;width:100%;padding:.8rem}button.secondary{color:#dce9ff;background:#22314d}.compact-card{padding:.9rem}.muted{color:#9db0cf}.planning-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:1rem;display:grid}.planning-flow-shell{gap:1rem;margin-top:1rem;display:grid}.planning-process-lane{background:#0a122073;border:1px solid #1f2c45;border-radius:1rem;padding:.9rem}.planning-process-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.85rem;display:flex}.planning-process-header>div{gap:.15rem;display:grid}.planning-process-header small{color:#9db0cf}.planning-lane-badge{color:#dce9ff;background:#22314d;border-radius:999px;align-items:center;padding:.24rem .62rem;font-size:.78rem;display:inline-flex}.planning-lane-scroll{padding-bottom:.35rem;overflow-x:auto}.planning-lane-node-wrap{align-items:center;gap:.75rem;display:flex}.planning-node{cursor:pointer;text-align:left;background:#0d1524;border:1px solid #23324d;border-radius:1rem;gap:.55rem;width:260px;min-height:180px;padding:.9rem;display:grid}.planning-edge{justify-content:center;align-items:center;width:64px;min-width:64px;display:flex;position:relative}.planning-edge-line{background:linear-gradient(90deg,#5878b7,#8db7ff);border-radius:999px;width:42px;height:2px}.planning-edge-arrow{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid #8db7ff;width:0;height:0;margin-left:-2px}.planning-node.selected{border-color:#7fb2ff;box-shadow:0 0 0 2px #7fb2ff33}.planning-node:focus-visible{outline-offset:2px;outline:2px solid #9fc2ff}.planning-node-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.node-badge,.status-chip{background:#22314d;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.78rem;display:inline-flex}.node-role{color:#9db0cf;font-size:.8rem}.node-trigger{background:#1f3b68}.node-ai{background:#22485a}.node-approval{background:#5c3d20}.node-set{background:#2b3550}.node-links{color:#9db0cf;margin-top:auto;font-size:.8rem}.agent-status-list,.simulation-list{gap:.7rem;display:grid}.agent-status-item,.simulation-item{background:#0d1524;border-radius:.9rem;gap:.25rem;padding:.8rem;display:grid}.status-chip.completed{background:#224d38}.status-chip.warning,.status-chip.waiting_human_approval{background:#5c3d20}.warning-box{background:#21180b;border:1px solid #806b27;border-radius:.9rem;margin-top:1rem;padding:.8rem}@media (width<=960px){.planning-layout{grid-template-columns:1fr}}.planning-flow-shell{width:100%;overflow-x:auto}.planning-process-description{color:#9db0cf;margin:.2rem 0 0;line-height:1.4}.node-role-badge{color:#dce9ff;background:#1f3a5f;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.74rem;display:inline-flex}.planning-lane-track{align-items:stretch;gap:0;min-width:max-content;display:flex}.planning-node{word-break:break-word;width:min(320px,76vw);max-width:320px}.planning-simulation-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.planning-simulation-column{background:#0a12204d;border:1px solid #1f2c45;border-radius:1rem;align-content:start;gap:.75rem;padding:.8rem;display:grid}.planning-simulation-header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.planning-simulation-header small{color:#9db0cf}.lp-hero{grid-template-columns:1.15fr .85fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.lp-hero{grid-template-columns:1fr}}.lp-hero h1{background:linear-gradient(90deg,#9fc2ff,#e9eef5);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.1}.lp-lead{color:#c7d6ee;margin:.6rem 0 1rem;font-size:1.05rem}.lp-brandline{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.lp-brandline img{width:auto;height:26px}.lp-brandline span{letter-spacing:.08em;text-transform:uppercase;color:#9fc2ff;font-size:.85rem}.lp-outputs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-top:1rem;display:grid}.lp-output{background:#0d1526;border:1px solid #26365a;border-radius:.9rem;padding:.7rem .8rem}.lp-output strong{margin-bottom:.15rem;font-size:.92rem;display:block}.lp-output small{color:#9db0cf}.lp-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:.4rem;display:grid}.lp-step{background:linear-gradient(#121c30,#0f1727);border:1px solid #23324d;border-radius:1rem;flex-direction:column;gap:.35rem;padding:.9rem;display:flex}.lp-step .num{color:#cfe0ff;background:#1d3a6e;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.lp-step strong{font-size:.98rem}.lp-step span{color:#9db0cf;font-size:.88rem}.lp-proof{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.lp-footer{text-align:center;color:#7f92b3;font-size:.85rem}.lp-footer a{color:#9fc2ff}
