@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Sora:wght@400;500;600;700&display=swap";:root{color:#12273b;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 6% 10%,#d8edf8 0,#0000 36%),radial-gradient(circle at 92% 18%,#eaf4d8 0,#0000 34%),#f2f8fb;font-family:Sora,Avenir Next,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:1.5rem}.top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{align-items:center;gap:.85rem;display:flex}.brand-mark{letter-spacing:.06em;color:#f7fbff;background:linear-gradient(140deg,#0a6d82,#0e4a8b);border-radius:.65rem;place-items:center;width:2.45rem;height:2.45rem;font-size:.95rem;font-weight:700;display:grid;box-shadow:0 8px 20px #04325640}.brand-title{color:#0f2132;margin:0;font-family:Sora,Avenir Next,Trebuchet MS,sans-serif;font-size:.98rem;font-weight:640}.brand-sub{letter-spacing:.08em;text-transform:uppercase;color:#4f6678;margin:.1rem 0 0;font-size:.78rem}.deploy-button{color:#f6fcff;cursor:pointer;background:#0c7a89;border:none;border-radius:999px;padding:.66rem 1.1rem;font-family:Sora,Avenir Next,sans-serif;font-size:.88rem;font-weight:600;transition:transform .18s,background-color .18s}.deploy-button:hover{background:#116b9c;transform:translateY(-1px)}.layout{grid-template-columns:minmax(0,1fr) 20.75rem;gap:1rem;display:grid}.workspace,.panel,.hero-panel,.detail-panel,.workflow-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f8fbfde6;border:1px solid #d5e2ea;border-radius:1rem}.workspace{padding:1rem}.hero-panel{background:radial-gradient(circle at 92% 12%,#1268a440,#0000 42%),linear-gradient(120deg,#eaf5fb 0%,#f4f8ed 100%);padding:1.2rem;position:relative;overflow:hidden}.hero-kicker{letter-spacing:.07em;text-transform:uppercase;color:#3e5b73;margin:0;font-family:IBM Plex Mono,Menlo,monospace;font-size:.75rem}.hero-panel h1{color:#10202f;max-width:24ch;margin:.6rem 0;font-family:Sora,Avenir Next,sans-serif;font-size:clamp(1.45rem,1.2rem + .9vw,2rem);line-height:1.2}.hero-copy{color:#2f4559;max-width:58ch;margin:0;line-height:1.55}.meta-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.meta-strip div{background:#ffffffad;border:1px solid #d7e3ea;border-radius:.75rem;gap:.2rem;padding:.62rem .72rem;display:grid}.meta-strip span{color:#5f7485;font-size:.73rem}.meta-strip strong{color:#10202f;font-size:.95rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.95rem;display:grid}.workflow-card{text-align:left;cursor:pointer;padding:.86rem;transition:transform .18s,border-color .18s,box-shadow .18s}.workflow-card:hover{transform:translateY(-2px)}.workflow-card.is-active{border-color:#0c7a89;box-shadow:0 10px 20px #0e507424}.step-index{color:#0e4b6d;background:#106d9029;border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;font-family:IBM Plex Mono,Menlo,monospace;font-size:.75rem;display:inline-grid}.workflow-card h2{color:#11212f;margin:.56rem 0 .34rem;font-family:Sora,Avenir Next,sans-serif;font-size:1rem}.workflow-card p{color:#385166;margin:0;font-size:.89rem;line-height:1.48}.step-meta{color:#59758a;margin-top:.56rem;font-size:.74rem;display:inline-block}.detail-panel{margin-top:.85rem;padding:.9rem}.detail-panel h3,.panel h3{letter-spacing:.04em;text-transform:uppercase;color:#48657a;margin:0;font-family:IBM Plex Mono,Menlo,monospace;font-size:.92rem}.selected-title{color:#12283a;margin:.64rem 0 .34rem;font-family:Sora,Avenir Next,sans-serif;font-size:1.06rem}.selected-copy{color:#365065;margin:0}.sidebar{gap:.95rem;display:grid}.panel{padding:.9rem}.preset-list{gap:.55rem;margin-top:.72rem;display:grid}.preset-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #c8d6de;border-radius:.72rem;justify-content:space-between;align-items:center;width:100%;padding:.62rem .7rem;transition:border-color .18s,background-color .18s;display:flex}.preset-item span{color:#133046;font-family:Sora,Avenir Next,sans-serif;font-size:.88rem}.preset-item small{color:#5e788c;font-size:.72rem}.preset-item.is-selected{border-color:var(--preset-color);background:color-mix(in srgb, var(--preset-color) 14%, #fff)}.queue-list{gap:.72rem;margin:.72rem 0 0;padding:0;list-style:none;display:grid}.queue-list li{background:#fff;border:1px solid #d2e0e8;border-radius:.72rem;padding:.65rem}.queue-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.queue-head p{color:#163247;margin:0;font-size:.82rem}.queue-head span{color:#5a7285;font-family:IBM Plex Mono,Menlo,monospace;font-size:.77rem}.queue-stage{color:#60798d;margin:.25rem 0 .42rem;font-size:.76rem}.meter{background:#dce8ef;border-radius:999px;height:.46rem;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,#0a7c84,#0d55a3);height:100%;display:block}.reveal{animation:.42s both reveal-up}.delay-1{animation-delay:90ms}.delay-2{animation-delay:.16s}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1030px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{padding:.9rem}.top-bar{flex-direction:column;align-items:stretch}.card-grid,.meta-strip,.sidebar{grid-template-columns:minmax(0,1fr)}.hero-panel,.panel,.detail-panel,.workspace{border-radius:.85rem}}