@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg0:#061018;--bg1:#0b1c24;--ink:#e8f1f4;--muted:#8aa3ad;--accent:#2dd4bf;--accent-2:#f59e0b;--danger:#fb7185;--line:#94a3b840;color:var(--ink);background:var(--bg0);font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#2dd4bf2e,#0000 55%),radial-gradient(900px 500px at 90% 0,#f59e0b24,#0000 50%),linear-gradient(165deg,#07131a 0%,#0a1a22 45%,#050d12 100%)}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:2.5rem clamp(1.25rem,4vw,4rem) 4rem;position:relative;overflow:hidden}.atmosphere{pointer-events:none;background-image:radial-gradient(#e8f1f40d 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 85%);mask-image:linear-gradient(#000000b3,#0000 85%)}.top{z-index:1;margin-bottom:3rem;position:relative}.brand{letter-spacing:-.04em;background:linear-gradient(120deg,#ecfeff 10%,#2dd4bf 45%,#f59e0b 95%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(3.5rem,10vw,6.5rem);font-weight:800;line-height:.9;animation:1.1s cubic-bezier(.2,.8,.2,1) both brand-in}.tagline{color:var(--muted);letter-spacing:.02em;margin:.85rem 0 0;font-size:1.05rem;animation:1s .15s both fade-up}.hero-upload{z-index:1;max-width:760px;animation:1s .25s both fade-up;position:relative}.dropzone{border:1px dashed var(--line);background:linear-gradient(#0f232db3,#08141cd9),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232dd4bf' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-radius:18px;place-items:center;min-height:220px;transition:border-color .25s,transform .25s,box-shadow .25s;display:grid;position:relative}.dropzone.over,.dropzone.has-file{border-color:#2dd4bfb3;transform:translateY(-2px);box-shadow:0 0 0 1px #2dd4bf33,0 20px 50px #00000059}.dropzone input{display:none}.dropzone label{cursor:pointer;place-items:center;gap:.4rem;width:100%;height:100%;min-height:220px;padding:2rem;display:grid}.drop-title,.file-name{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700}.hint{color:var(--muted);font-size:.95rem}.controls{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.name-input{border:1px solid var(--line);min-width:200px;color:var(--ink);font:inherit;background:#08141cd9;border-radius:12px;flex:1;padding:.9rem 1rem}.cta{font:inherit;cursor:pointer;color:#042f2e;background:linear-gradient(120deg,#5eead4,#2dd4bf 40%,#fbbf24);border:0;border-radius:12px;padding:.9rem 1.35rem;font-weight:600;transition:transform .2s,filter .2s}.cta:disabled{opacity:.5;cursor:not-allowed}.cta:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px)}.cta.ghost{color:var(--accent);background:0 0;border:1px solid #2dd4bf73;margin-top:1rem;display:inline-block}.error{color:var(--danger);margin-top:.75rem}.job-panel{border:1px solid var(--line);background:#08141cb8;border-radius:16px;margin-top:1.75rem;padding:1.25rem}.job-meta{color:var(--muted);justify-content:space-between;margin-bottom:.6rem;font-size:.9rem;display:flex}.progress-track{background:#94a3b833;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2dd4bf,#f59e0b);height:100%;transition:width .35s}.stage-strip{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.stage-chip{text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#0f172a80;border:1px solid #0000;border-radius:999px;padding:.28rem .5rem;font-size:.72rem}.stage-chip.active{color:#ccfbf1;border-color:#2dd4bf59}.stage-chip.current{color:#5eead4;background:#2dd4bf2e}.recent{margin-top:2.5rem}.recent h2{color:var(--muted);margin:0 0 .75rem;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:600}.recent ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.recent a{border:1px solid var(--line);background:#08141c8c;border-radius:12px;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.recent span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}@keyframes brand-in{0%{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=640px){.controls{flex-direction:column}.cta{width:100%}}.viz-page{background:#020617;width:100vw;height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif;position:relative;overflow:hidden}.viz-canvas{position:absolute;inset:0}.viz-canvas canvas{width:100%!important;height:100%!important}.viz-empty{color:#94a3b8;place-items:center;height:100%;font-family:Syne,sans-serif;font-size:1.4rem;display:grid}.viz-panel-main{background:radial-gradient(900px 400px at 80% 0,#2dd4bf14,#0000 50%),#020617;height:100%;padding:5.5rem 1.25rem 1.5rem min(360px,42vw);overflow:auto}.diagram-main{padding-right:1.25rem}.flows-main{align-content:start;gap:1rem;max-width:720px;display:grid}.viz-chrome{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:linear-gradient(160deg,#08141ce0,#020617c7);border:1px solid #94a3b838;border-radius:16px;width:min(320px,100vw - 2rem);max-height:calc(100vh - 2.5rem);padding:1.1rem 1.15rem 1.25rem;animation:.8s both chrome-in;position:absolute;top:1.25rem;left:1.25rem;overflow:auto}.brand-mini{letter-spacing:.08em;color:#5eead4;font-family:Syne,sans-serif;font-size:.85rem;font-weight:800;text-decoration:none}.viz-chrome h1{color:#f8fafc;margin:.65rem 0 .35rem;font-family:Syne,sans-serif;font-size:1.35rem;line-height:1.15}.summary{color:#94a3b8;margin:0;font-size:.86rem;line-height:1.45}.tab-row{grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:1rem;display:grid}.tab{color:#94a3b8;font:inherit;cursor:pointer;background:#0f172a99;border:1px solid #94a3b840;border-radius:8px;padding:.4rem .2rem;font-size:.72rem}.tab.active{color:#042f2e;background:linear-gradient(120deg,#5eead4,#fbbf24);border-color:#0000;font-weight:600}.hint-click{color:#64748b;margin:.75rem 0 0;font-size:.78rem}.flow-picker{gap:.4rem;margin-top:.75rem;display:grid}.flow-picker .label,.flow-detail .label,.panel-hint{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.7rem}.flow{text-align:left;color:#e2e8f0;font:inherit;cursor:pointer;background:#0f172a8c;border:1px solid #94a3b833;border-radius:10px;padding:.55rem .7rem}.flow.active{color:#fde68a;background:#f59e0b26;border-color:#fbbf24b3}.flow-detail{background:#0f172aa6;border:1px solid #94a3b826;border-radius:10px;margin-top:.85rem;padding:.75rem}.flow-detail p{color:#cbd5e1;margin:.35rem 0 0;font-size:.82rem;line-height:1.45}.regen{width:100%;font:inherit;cursor:pointer;color:#042f2e;background:linear-gradient(120deg,#5eead4,#fbbf24);border:0;border-radius:10px;margin-top:.9rem;padding:.65rem;font-weight:600}.regen:disabled{opacity:.6;cursor:wait}.meta{color:#64748b;margin:.65rem 0 0;font-size:.75rem}.viz-chrome .error{color:#fb7185;font-size:.85rem}.viz-inspector{z-index:3;width:min(340px,100vw - 2rem);max-height:calc(100vh - 2.5rem);animation:.45s both chrome-in;position:absolute;top:1.25rem;right:1.25rem;overflow:auto}.inspector{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;background:linear-gradient(160deg,#08141ceb,#020617d9);border:1px solid #2dd4bf59;border-radius:16px;padding:1.1rem 1.15rem 1.25rem}.inspector-head{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.inspector-kicker{letter-spacing:.08em;text-transform:uppercase;color:#5eead4;margin:0;font-size:.7rem}.inspector h2{margin:.25rem 0 0;font-family:Syne,sans-serif;font-size:1.2rem}.inspector-close{color:#e2e8f0;cursor:pointer;background:#94a3b826;border:0;border-radius:999px;width:2rem;height:2rem;font-size:1.2rem;line-height:1}.inspector-role{color:#94a3b8;margin:.75rem 0 0;font-size:.86rem;line-height:1.45}.inspector section{margin-top:1rem}.inspector h3{letter-spacing:.07em;text-transform:uppercase;color:#64748b;margin:0 0 .4rem;font-size:.72rem}.inspector ul{color:#cbd5e1;margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.45}.inspector .muted{color:#64748b;margin:0;font-size:.82rem}.file-chips{gap:.35rem;list-style:none;display:grid;padding:0!important}.file-chips li{word-break:break-all;background:#0f172acc;border:1px solid #94a3b826;border-radius:8px;padding:.35rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.tree-wrap,.diagram-wrap{color:#e2e8f0}.panel-hint{margin:0 0 .75rem}.panel-empty{color:#64748b}.tree-list{margin:0;padding:0;list-style:none}.tree-row{color:#e2e8f0;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.28rem .35rem;display:flex}.tree-row:hover{background:#2dd4bf14}.tree-icon{color:#64748b;width:.9rem;font-size:.75rem}.tree-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.tree-meta{color:#64748b;font-size:.72rem}.class-svg{background:#08141c8c;border:1px solid #94a3b82e;border-radius:14px;max-width:100%;height:auto;display:block}.flow-card{cursor:pointer;color:#e2e8f0;background:#08141cbf;border:1px solid #94a3b833;border-radius:14px;padding:1rem 1.1rem}.flow-card.active,.flow-card:hover{border-color:#fbbf248c}.flow-card h3{margin:0 0 .4rem;font-family:Syne,sans-serif;font-size:1.05rem}.flow-card>p{color:#94a3b8;margin:0 0 .75rem;font-size:.86rem;line-height:1.45}.flow-card ol{gap:.65rem;margin:0;padding-left:1.15rem;display:grid}.flow-card li{font-size:.84rem;line-height:1.4}.flow-card li span{color:#94a3b8}.flow-card li em{color:#cbd5e1;margin-top:.2rem;font-size:.8rem;font-style:normal;display:block}@keyframes chrome-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@media (width<=900px){.viz-panel-main{padding:5.5rem 1rem 42vh}.viz-chrome{width:auto;max-height:38vh;inset:auto .75rem .75rem}.viz-inspector{width:auto;max-height:32vh;inset:auto .75rem calc(38vh + 1rem)}.tab-row{grid-template-columns:repeat(2,1fr)}}html,body,#root{height:100%}