:root{--squid:#232f3e;--ink:#161e26;--orange:#f90;--orange-hot:#ec7211;--paper:#fff;--mist:#f2f3f3;--line:#232f3e1f;--mute:#687078;--pass:#037f0c;--fail:#d13212;--warn:#c47600;--mono:"IBM Plex Mono", ui-monospace, monospace;--sans:"Sora", system-ui, sans-serif;--radius:14px;--shadow:0 24px 60px #232f3e24;--ease-out:cubic-bezier(.22, 1, .36, 1);font-family:var(--sans);color:var(--squid);background:var(--mist);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.page{min-height:100vh;position:relative;overflow-x:hidden}.atmosphere{pointer-events:none;z-index:0;background:radial-gradient(70% 45% at 8% -8%,#ff990024,#0000 55%),linear-gradient(165deg,#fff 0%,#f7f8f9 42%,#eef0f2 100%);position:fixed;inset:0}.grid-pattern{opacity:.35;background-image:linear-gradient(#232f3e0a 1px,#0000 1px),linear-gradient(90deg,#232f3e0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 20%,#000 20%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 20%,#000 20%,#0000 75%)}.orb{filter:blur(48px);border-radius:50%;animation:14s ease-in-out infinite alternate drift;position:absolute}.orb-a{background:#ff990038;width:420px;height:420px;top:-80px;right:-60px}.orb-b{background:#232f3e14;width:360px;height:360px;animation-delay:-4s;bottom:10%;left:-100px}.shell{z-index:1;width:min(1180px,100% - 1.5rem);margin:0 auto;padding:1rem 0 3rem;position:relative}.nav{z-index:30;-webkit-backdrop-filter:blur(14px)saturate(1.15);animation:rise .55s var(--ease-out) both;background:#ffffffc7;border:1px solid #232f3e1a;border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;padding:.7rem .95rem;display:flex;position:sticky;top:.55rem;box-shadow:0 12px 32px #232f3e12}.brand-block{align-items:baseline;gap:.65rem;display:flex}.logo{letter-spacing:-.045em;color:var(--squid);margin:0;font-size:clamp(1.85rem,4vw,2.45rem);font-weight:700;line-height:1}.logo em,.logo-hero em{color:var(--orange);font-style:normal}.brand-sub{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0;font-size:.68rem}.nav-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.tab-nav{border:1px solid var(--line);background:#ffffffb3;border-radius:10px;gap:.2rem;padding:.2rem;display:inline-flex}.tab-btn{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);cursor:pointer;transition:background .22s var(--ease-out), color .22s var(--ease-out);background:0 0;border:none;border-radius:8px;padding:.4rem .75rem;font-size:.68rem}.tab-btn.active{background:var(--squid);color:var(--paper)}.tab-btn:hover:not(.active){color:var(--squid);background:#232f3e0f}.pulse-pill{font-family:var(--mono);letter-spacing:.04em;color:var(--squid);background:#232f3e0f;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.68rem;display:inline-flex}.pulse-pill i{background:var(--mute);border-radius:50%;width:.45rem;height:.45rem}.pulse-pill[data-state=run] i{background:var(--orange);animation:1.2s infinite pulse;box-shadow:0 0 #f909}.pulse-pill[data-state=done] i{background:var(--pass)}.aws{color:var(--squid);transition:color .2s var(--ease-out);align-items:baseline;gap:.35rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.aws span{color:var(--mute);font-weight:500}a.aws:hover strong{color:var(--orange-hot)}.hero{grid-template-columns:.95fr 1.05fr;grid-template-areas:"stage copy";align-items:stretch;gap:clamp(1.1rem,3vw,2rem);min-height:min(68vh,560px);margin-bottom:1.5rem;display:grid}.hero .stage{grid-area:stage}.hero-copy{animation:rise .65s var(--ease-out) both;flex-direction:column;grid-area:copy;justify-content:center;display:flex}.kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-hot);align-items:center;gap:.45rem;margin:0 0 .85rem;font-size:.72rem;display:inline-flex}.kicker-dot{background:var(--orange);border-radius:50%;width:.45rem;height:.45rem;animation:2s infinite pulse}.logo-hero{letter-spacing:-.05em;color:var(--ink);margin:0 0 .75rem;font-size:clamp(2.6rem,7vw,4.2rem);font-weight:700;line-height:.95}.lede{color:var(--mute);max-width:34ch;margin:0 0 1.25rem;font-size:1.02rem;line-height:1.5}.cta-row{flex-wrap:wrap;gap:.65rem;display:flex}.vpa-chip{color:var(--mute);margin:1.1rem 0 0;font-size:.82rem}.vpa-chip code{font-family:var(--mono);color:var(--squid);background:#ff99001f;border-radius:6px;padding:.15rem .4rem;font-size:.78rem}.catch-strip{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 1.25rem;overflow:hidden;box-shadow:0 10px 28px #232f3e0f}.catch-bar{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:.7rem .95rem;display:flex}.catch-bar:hover{background:var(--mist)}.catch-bar-title{font-size:.92rem;font-weight:700}.catch-bar-meta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-left:auto;font-size:.68rem}.catch-bar .chev{font-family:var(--mono);color:var(--mute);text-align:center;min-width:1rem}.catch-body{border-top:1px solid var(--line);padding:0 .95rem 1rem}.catch-lead{color:var(--mute);margin:.75rem 0 .7rem;font-size:.88rem}.catch-foot{justify-content:flex-end;margin-top:.7rem;display:flex}.catch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.catch-card{text-align:left;border:1px solid var(--line);background:var(--mist);cursor:pointer;min-height:100%;color:inherit;font:inherit;border-radius:12px;flex-direction:column;gap:.35rem;padding:.85rem .9rem;display:flex}.catch-card:hover:not(:disabled){border-color:var(--orange)}.catch-card.active{border-color:var(--fail);background:#fff;box-shadow:0 0 0 2px #d132122e}.catch-card:disabled{opacity:.65;cursor:wait}.catch-card strong{font-size:.9rem}.catch-card span{color:var(--mute);font-size:.82rem}.catch-card code{font-family:var(--mono);color:var(--squid);white-space:pre-wrap;background:#232f3e0f;border-radius:8px;padding:.4rem .5rem;font-size:.68rem}.catch-card em{font-style:normal;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--fail);font-size:.68rem}.how-strip{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin:0 0 1.25rem;padding:1rem 1.1rem;animation:.5s 80ms both rise}.how-title{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 0 .65rem;font-size:.78rem}.how-steps{counter-reset:how;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.how-steps li{background:var(--mist);color:var(--squid);border-radius:12px;padding:.7rem .75rem .7rem 2.35rem;font-size:.84rem;line-height:1.35;position:relative}.how-steps li:before{counter-increment:how;content:counter(how);background:var(--orange);width:1.35rem;height:1.35rem;color:var(--ink);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:.7rem;left:.65rem}.how-steps strong{margin-bottom:.1rem;font-size:.78rem;display:block}.field-hint{color:var(--mute);margin:.2rem 0 .45rem;font-size:.8rem;line-height:1.35}.field-hint strong{color:var(--squid);font-weight:600}.stage{animation:rise .7s var(--ease-out) 80ms both;flex-direction:column;gap:.65rem;display:flex;position:relative}.stage-frame{background:var(--paper);border:1px solid var(--line);min-height:320px;box-shadow:var(--shadow);transition:border-color .28s var(--ease-out), box-shadow .28s var(--ease-out);border-radius:18px;flex:1;position:relative;overflow:hidden}.stage.has-art .stage-frame{border-color:#ff990059}.stage.busy .stage-frame:after{content:"";background:linear-gradient(110deg,#0000 30%,#ff99001f 50%,#0000 70%) 0 0/200% 100%;animation:1.4s linear infinite sheen;position:absolute;inset:0}.stage-frame img{object-fit:contain;background:#ececec;width:100%;height:100%;min-height:320px;display:block}.stage .empty{text-align:center;color:var(--mute);place-content:center;gap:.85rem;padding:1.5rem;font-size:.9rem;display:grid;position:absolute;inset:0}.stage .empty.blocked{color:var(--squid);background:#d132120f;gap:.35rem}.blocked-kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fail);margin:0;font-size:.72rem}.blocked-detail{color:var(--mute);max-width:28ch;margin:.35rem 0 0;font-size:.82rem}.empty-mark{grid-template-columns:repeat(3,1.1rem);justify-content:center;gap:.35rem;display:grid}.empty-mark span{border:2px solid var(--squid);opacity:.35;border-radius:2px;width:1.1rem;height:1.1rem}.empty-mark span:nth-child(2){border-color:var(--orange);opacity:.9}.stage-meta{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.65rem;display:flex}.stage-meta span{background:var(--squid);color:#fff;border-radius:6px;padding:.28rem .5rem}.stage-meta span:first-child{background:var(--orange);color:var(--ink)}.stage-meta a.stage-link{color:var(--squid);border:1.5px solid var(--squid);background:0 0;border-radius:6px;align-items:center;padding:.26rem .55rem;font-weight:600;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.stage-meta a.stage-link:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}.stage-meta a.stage-link.ghost{border-color:var(--line);color:var(--mute);font-weight:500}.stage-meta a.stage-link.ghost:hover{border-color:var(--squid);color:var(--squid);background:0 0}.flow-wrap{background:var(--squid);color:#fff;border-radius:20px;margin-bottom:1.4rem;padding:1.25rem 1.15rem 1.35rem;animation:.6s .1s both rise;position:relative;overflow:hidden;box-shadow:0 28px 56px #232f3e52}.flow-wrap:before{content:"";pointer-events:none;background:radial-gradient(600px 200px at 100% 0,#ff99002e,#0000 60%);position:absolute;inset:0}.flow-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex;position:relative}.flow-wrap h3{margin:0;font-size:1.05rem;font-weight:600}.flow-wrap h3 span{color:var(--orange)}.flow-hint{color:#ffffff80;margin:.25rem 0 0;font-size:.78rem}.flow-hint strong{color:var(--orange);font-weight:600}.flow-hint code{font-family:var(--mono);color:#ffffffb8;font-size:.72rem}.flow-head-meta{flex-shrink:0;align-items:center;gap:.45rem;display:flex}.kit-stamp{font-family:var(--mono);letter-spacing:.04em;color:var(--orange);white-space:nowrap;border:1px solid #ff990073;border-radius:999px;padding:.3rem .55rem;font-size:.68rem;text-decoration:none}.kit-stamp:hover{background:#ff99001f}.flow-meta{font-family:var(--mono);letter-spacing:.06em;color:#ffffff8c;border:1px solid #ffffff24;border-radius:999px;padding:.3rem .55rem;font-size:.68rem}.flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;display:grid;position:relative}.flow-cell{align-items:stretch;min-width:0;padding:0 .28rem;display:flex;position:relative}.flow-edge{z-index:2;pointer-events:none;align-items:center;width:.55rem;display:flex;position:absolute;top:2.55rem;left:-.15rem}.flow-edge-line{background:var(--orange);opacity:.7;flex:1;height:2px}.flow-edge-arrow{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--orange);opacity:.85;width:0;height:0}.flow:before{display:none}.node{z-index:1;min-height:148px;transition:transform .28s var(--ease-out), border-color .28s var(--ease-out), box-shadow .28s var(--ease-out), background .28s var(--ease-out);text-align:left;color:inherit;font:inherit;cursor:pointer;width:100%;animation:rise .5s var(--ease-out) both;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:.28rem;padding:.8rem .7rem .85rem;display:flex;position:relative}.node.status-PASS{border-color:#037f0c73}.node.status-FAIL{border-color:#d132128c}.node.status-WARN{border-color:#ff990073}.result-chip{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;padding:.55rem .65rem;display:flex}.result-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-size:.65rem}.node:hover{border-color:#ff99008c;transform:translateY(-3px)}.node.open{border-color:var(--orange);background:#ff99001a;box-shadow:0 0 0 1px #f906,0 14px 32px #00000047}.node:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.node-top{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.step-num{font-family:var(--mono);color:#fff6;letter-spacing:.06em;font-size:.62rem}.node .chev{color:#ffffffa6;border:1px solid #ffffff2e;border-radius:4px;place-items:center;width:1.15rem;height:1.15rem;font-size:.75rem;line-height:1;display:grid}.node .dot{background:var(--orange);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #ff990024}.node.open .dot{box-shadow:0 0 0 5px #ff99004d}.node .agent{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--orange);opacity:.85;word-break:break-all;font-size:.58rem}.node .title{font-size:.88rem;font-weight:600}.node .detail{color:#ffffff9e;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.68rem;line-height:1.35;display:-webkit-box;overflow:hidden}.agent-panel{background:#00000052;border:1px solid #ff990061;border-radius:16px;margin-top:1rem;padding:1.1rem 1.15rem;animation:.28s both rise;position:relative}.agent-panel-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.4rem;display:flex}.agent-panel-kicker{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;font-size:.65rem}.agent-panel h4{margin:.2rem 0 0;font-size:1.15rem;font-weight:600}.agent-panel-summary{color:#ffffffbf;margin:0 0 1rem;font-size:.9rem}.plain-box{background:#ffffff0f;border:1px solid #ff990038;border-radius:12px;margin-bottom:1rem;padding:.85rem .95rem}.plain-box h5{margin:0 0 .4rem}.plain-box p{color:#ffffffe0;margin:0 0 .45rem;font-size:.9rem;line-height:1.45}.plain-box .plain-outcome{color:#ffffffb8;font-size:.82rem}.plain-box .plain-tech{font-family:var(--mono);color:#ffffff73;margin-bottom:0;font-size:.7rem}.check-list{margin:0;padding:0;list-style:none}.check-list li{border-bottom:1px solid #ffffff0f;padding:.55rem 0}.check-main{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.check-name{font-size:.88rem;font-weight:600}.check-meaning{color:#ffffff94;margin:0;font-size:.74rem;line-height:1.35}.check-meaning code{font-family:var(--mono);color:var(--orange);font-size:.68rem}.meta-list{margin:0;padding:0;list-style:none}.meta-list li{color:#ffffffa6;text-transform:capitalize;border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:.5rem;padding:.3rem 0;font-size:.78rem;display:flex}.meta-list strong{font-family:var(--mono);color:#fff;text-transform:none;font-weight:500}.sub-h5{margin-top:.9rem!important}.agent-panel-grid{grid-template-columns:1.45fr 1fr;gap:1.1rem;display:grid}.agent-panel h5{letter-spacing:.07em;text-transform:uppercase;color:var(--orange);margin:0 0 .5rem;font-size:.7rem}.did-list,.ctrl-list{margin:0;padding:0;list-style:none}.did-list li{color:#ffffffd9;border-bottom:1px solid #ffffff0f;padding:.4rem 0 .4rem .95rem;font-size:.8rem;line-height:1.4;position:relative}.did-list li:before{content:"";background:var(--orange);border-radius:50%;width:.35rem;height:.35rem;position:absolute;top:.75rem;left:0}.ctrl-list li{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.8rem;display:flex}.ctrl-list code{font-family:var(--mono);color:#d9dee5;font-size:.72rem}.agent-panel .muted{color:#ffffff80;margin:0;font-size:.78rem}.panel-close{appearance:none;color:#ffffffc7;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:8px;margin-top:.95rem;padding:.5rem .85rem;font-size:.78rem}.panel-close:hover{border-color:var(--orange);color:#fff}.badge{font-family:var(--mono);letter-spacing:.05em;color:#d9dee5;background:#ffffff1a;border-radius:999px;align-self:flex-start;margin-top:.2rem;padding:.22rem .48rem;font-size:.6rem;font-weight:500}.badge.PASS{color:#9dffb0;background:#037f0c47}.badge.FAIL{color:#ffc2b5;background:#d1321252}.badge.WARN{color:#ffe0a8;background:#ff990047}.badge.RUN,.badge.SKIP,.badge.IDLE,.badge.NA,.badge.N\/A{color:#c5ced8;background:#ffffff1a}.studio{grid-template-columns:1fr 1fr;gap:1rem;animation:.55s .14s both rise;display:grid}.files-wrap{gap:.85rem;animation:.45s both rise;display:grid}.files-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:.75rem;display:flex}.files-head h3{margin:0;font-size:1.05rem}.files-head h3 span{font-family:var(--mono);color:var(--mute);font-size:.72rem;font-weight:500}.files-hint{font-family:var(--mono);color:var(--mute);margin:.25rem 0 0;font-size:.68rem}.files-actions{flex-wrap:wrap;gap:.5rem;display:flex}.files-scroll{scroll-behavior:smooth;gap:.85rem;max-height:min(70vh,820px);padding-right:.25rem;display:grid;overflow-y:auto}.files-empty{text-align:center;color:var(--mute);border:1px dashed var(--line);background:#ffffff8c;border-radius:14px;margin:0;padding:2rem 1rem}.file-row{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:.95rem 1rem 1.05rem}.file-row-meta h4{margin:0;font-size:.95rem}.file-row-meta p{font-family:var(--mono);color:var(--mute);margin:.3rem 0 .75rem;font-size:.68rem}.file-pair{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.file-pair figure{gap:.35rem;margin:0;display:grid}.file-pair figcaption{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:.62rem}.file-pair img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);background:var(--mist);border-radius:10px;width:100%}.file-missing{aspect-ratio:1;border:1px dashed var(--line);color:var(--mute);background:var(--mist);border-radius:10px;place-items:center;font-size:.85rem;display:grid}button.linkish{color:var(--orange-hot);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1.15rem 1.2rem 1.3rem;box-shadow:0 12px 32px #232f3e0f}.card-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.card h3{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.card h3:before{content:"";background:var(--orange);border-radius:2px;width:.28rem;height:1.05rem}.card-tag{font-family:var(--mono);letter-spacing:.06em;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:.2rem .5rem;font-size:.62rem}label{letter-spacing:.05em;text-transform:uppercase;color:var(--mute);margin:.8rem 0 .35rem;font-size:.7rem;display:block}label strong{color:var(--squid);letter-spacing:0;text-transform:none;font-size:.85rem;font-weight:600}input[type=text],select{border:1px solid var(--line);width:100%;color:var(--squid);font:inherit;background:#fff;border-radius:10px;padding:.75rem .85rem;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,select:focus{border-color:#ff9900b3;outline:none;box-shadow:0 0 0 3px #ff99002e}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--squid) 50%), linear-gradient(135deg, var(--squid) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2rem}input[type=range]{width:100%;accent-color:var(--orange)}.file-drop{cursor:pointer;text-transform:none;letter-spacing:0;background:#232f3e05;border:1.5px dashed #232f3e38;border-radius:12px;gap:.2rem;margin:.35rem 0 0;padding:1rem .9rem;transition:border-color .15s,background .15s;display:grid;position:relative}.file-drop:hover{background:#ff99000d;border-color:#ff9900a6}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-drop-title{color:var(--squid);font-size:.9rem;font-weight:600}.file-drop-sub{color:var(--mute);font-size:.75rem}.consent{align-items:flex-start;gap:.6rem;margin-top:.95rem;display:flex}.consent label{text-transform:none;letter-spacing:0;color:var(--squid);margin:0;font-size:.88rem}.actions{flex-wrap:wrap;gap:.6rem;margin-top:1.1rem;display:flex}.btn{appearance:none;cursor:pointer;font:inherit;background:var(--orange);color:var(--ink);transition:transform .22s var(--ease-out), filter .22s var(--ease-out), box-shadow .22s var(--ease-out);border:0;border-radius:10px;padding:.8rem 1.2rem;font-weight:700}.btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 24px #ff990052}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn.ghost{border:1.5px solid var(--squid);color:var(--squid);box-shadow:none;background:0 0}.btn.ghost:hover{border-color:var(--orange-hot);color:var(--orange-hot);filter:none}.status{color:var(--mute);margin-top:.9rem;font-size:.88rem}.status strong{color:var(--squid)}.status.bad strong{color:var(--fail)}.attempts{max-height:7.5rem;font-family:var(--mono);background:var(--mist);color:var(--mute);border-radius:10px;margin-top:.8rem;padding:.55rem .65rem;font-size:.68rem;overflow:auto}.preview{border:1px solid var(--line);background:#ececec;border-radius:12px;margin-top:.95rem;overflow:hidden}.preview img{width:100%;display:block}.foot{border-top:1px solid var(--line);color:var(--mute);margin-top:1.6rem;padding-top:1rem;font-size:.76rem}.foot code{font-family:var(--mono);color:var(--squid);font-size:.72rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 #ff99008c}70%{box-shadow:0 0 0 8px #f900}to{box-shadow:0 0 #f900}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-24px,18px)}}@media (width<=980px){.flow{grid-template-columns:repeat(3,minmax(0,1fr))}.flow:before{display:none}.agent-panel-grid{grid-template-columns:1fr}.how-steps{grid-template-columns:1fr 1fr}.hero{min-height:0}.catch-grid{grid-template-columns:1fr}.flow-head-meta{flex-wrap:wrap;justify-content:flex-end}}@media (width<=760px){.hero,.studio,.file-pair{grid-template-columns:1fr}.hero{grid-template-areas:"stage""copy"}.catch-grid{grid-template-columns:1fr}.nav{flex-wrap:wrap}.flow{grid-template-columns:1fr 1fr}.node{min-height:0}.logo-hero{font-size:clamp(2.2rem,12vw,3.2rem)}.how-steps{grid-template-columns:1fr}}@media (width<=420px){.flow{grid-template-columns:1fr}.nav-right{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
