:root{--ql-bg:#08090a;--ql-surface:#0d0e10;--ql-raised:#141517;--ql-overlay:#1b1c20;--ql-fg:#f3f4f5;--ql-fg-2:#a6aab0;--ql-fg-3:#6a6f77;--ql-fg-4:#43474d;--ql-border:#ffffff12;--ql-border-strong:#ffffff21;--ql-deploy:#39c9e2;--ql-run:#5b8def;--ql-sustain:#f5a623;--ql-accent:var(--ql-deploy);--ql-critical:#f2495c;--ql-high:#fb8c3c;--ql-warning:#f5c24b;--ql-ok:#3fd68c;--ql-abstain:#727a84;--ql-font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--ql-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--nav-bg:#0b0c0e;--tint-accent:color-mix(in srgb, var(--ql-accent) 12%, transparent);--tint-ok:color-mix(in srgb, var(--ql-ok) 13%, transparent);--tint-warn:color-mix(in srgb, var(--ql-warning) 13%, transparent);--tint-run:color-mix(in srgb, var(--ql-run) 14%, transparent);--tint-sustain:color-mix(in srgb, var(--ql-sustain) 13%, transparent);--tint-bad:color-mix(in srgb, var(--ql-critical) 13%, transparent);--code-bg:#0a0b0c;--hero-bg:linear-gradient(135deg, #0f1b1e 0%, #0b1214 55%, #0d0e10 100%);--dots:#ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ql-bg:#f3f4f5;--ql-surface:#fff;--ql-raised:#f8f9fa;--ql-overlay:#fff;--ql-fg:#08090a;--ql-fg-2:#43474d;--ql-fg-3:#6a6f77;--ql-fg-4:#9aa0a8;--ql-border:#08090a1a;--ql-border-strong:#08090a29;--ql-deploy:#0e8aa3;--ql-run:#3567d6;--ql-sustain:#b5730a;--ql-ok:#1d9a5c;--ql-warning:#a87b0c;--nav-bg:#0d1517;--code-bg:#f6f7f8;--hero-bg:linear-gradient(135deg, #0d2a30 0%, #0b1f24 60%, #0d1517 100%);--dots:#08090a17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font:14px/1.55 var(--ql-font-sans);background:var(--ql-bg);color:var(--ql-fg);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--ql-accent);outline-offset:2px}a{color:var(--ql-accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:34px;font-weight:600;line-height:1.15}h2{letter-spacing:-.02em;font-size:19px;font-weight:600}h3{font-size:15px;font-weight:600}p{color:var(--ql-fg-2)}small{font-size:12px}strong{font-weight:600}code,pre,.mono{font-family:var(--ql-font-mono);font-size:12px}svg{vertical-align:middle}.app{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav-bg);color:#c9ced4;z-index:20;border-right:1px solid #ffffff0f;flex-direction:column;width:240px;padding:26px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{color:#f3f4f5;letter-spacing:-.02em;align-items:center;gap:10px;padding:0 10px 26px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand small{font:500 9.5px var(--ql-font-mono);color:#6a6f77;letter-spacing:.02em;white-space:nowrap;display:block}.workspace{border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:10px;margin:0 2px 18px;padding:11px 12px;display:flex}.avatar{background:color-mix(in srgb, var(--ql-deploy) 22%, #141517);color:#e8f9fc;border-radius:7px;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:11px;font-weight:600;display:grid}.workspace strong{color:#e8eaec;font-size:12.5px;display:block}.workspace small{color:#8b9097;font-size:10.5px}.nav-label{font:500 9.5px var(--ql-font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6a6f77;padding:14px 12px 6px}.nav-item{color:#a6aab0;border-radius:8px;align-items:center;gap:11px;width:100%;margin:1px 0;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.nav-item:hover{color:#f3f4f5;background:#ffffff0a;text-decoration:none}.nav-item.active{background:color-mix(in srgb, var(--ql-deploy) 13%, transparent);color:#f3f4f5;box-shadow:inset 2px 0 var(--ql-deploy)}.nav-item svg{opacity:.85;flex-shrink:0;width:17px;height:17px}.nav-item .mini{color:#a6aab0;font:500 8.5px var(--ql-font-mono);text-transform:uppercase;letter-spacing:.06em;background:#ffffff0f;border-radius:3px;margin-left:auto;padding:2px 5px}.nav-item .count{font:500 10.5px var(--ql-font-mono);color:#04191d;background:var(--ql-deploy);border-radius:10px;margin-left:auto;padding:0 6px}.sidebar-bottom{margin-top:auto;padding:22px 10px 0}.sidebar-bottom p{color:#8b9097;font-size:11.5px}.sidebar-bottom strong{color:#d6d9dc;font-size:11.5px;display:block}.shell{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--ql-border);background:color-mix(in srgb, var(--ql-bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 36px;display:flex;position:sticky;top:0}.crumb{color:var(--ql-fg-3);align-items:center;gap:6px;min-width:0;font-size:12.5px;display:flex}.crumb a{color:var(--ql-fg-2)}.crumb b{color:var(--ql-fg);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.top-right{align-items:center;gap:12px;display:flex}.concept{font:500 10.5px var(--ql-font-mono);letter-spacing:.04em;border:1px solid color-mix(in srgb, var(--ql-warning) 35%, transparent);color:var(--ql-warning);white-space:nowrap;border-radius:20px;padding:5px 11px}.dot{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.user-avatar{background:var(--ql-raised);border:1px solid var(--ql-border);width:30px;height:30px;color:var(--ql-fg-2);border-radius:50%;place-items:center;font-size:10.5px;display:grid}.icon-btn{border:1px solid var(--ql-border);width:30px;height:30px;color:var(--ql-fg-2);border-radius:8px;place-items:center;display:grid}.menu-btn{display:none}.main{max-width:1480px;margin:0 auto;padding:32px 36px 44px}.eyebrow{font:600 10.5px var(--ql-font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--ql-accent);margin-bottom:10px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-heading p{max-width:760px;margin-top:9px;font-size:14px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn.primary{background:var(--ql-accent);color:#04191d}:root[data-theme=light] .btn.primary{color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.secondary{background:var(--ql-surface);border-color:var(--ql-border-strong);color:var(--ql-fg)}.btn.secondary:hover{border-color:var(--ql-fg-3)}.btn.ghost{color:var(--ql-accent);padding:5px 0}.btn.small{padding:7px 11px;font-size:12px}.btn svg{width:15px;height:15px}.inline-link{color:var(--ql-accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.hero{background:var(--hero-bg);border:1px solid color-mix(in srgb, var(--ql-deploy) 18%, transparent);border-radius:16px;grid-template-columns:1.2fr 1fr;min-height:270px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;padding:34px 36px;position:relative}.hero .eyebrow{color:color-mix(in srgb, var(--ql-deploy) 75%, #fff)}.hero h2{color:#f3f4f5;letter-spacing:-.035em;max-width:520px;font-size:44px;font-weight:600;line-height:1.08}.hero p{color:#a6aab0;max-width:450px;margin:15px 0 23px;font-size:13.5px}.hero .btn.primary{color:#04191d}.hero-art{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--ql-deploy) 14%, transparent), transparent 65%);justify-content:center;align-items:center;min-height:250px;display:flex;position:relative}.orbit{border:1px solid color-mix(in srgb, var(--ql-deploy) 26%, transparent);border-radius:50%;width:230px;height:230px;position:absolute;transform:rotate(-22deg)scaleX(1.4)}.orbit.two{border-color:color-mix(in srgb, var(--ql-run) 28%, transparent);width:190px;height:190px;transform:rotate(40deg)scaleX(1.4)}.orbit.three{border-color:color-mix(in srgb, var(--ql-sustain) 26%, transparent);width:160px;height:160px;transform:rotate(100deg)scaleX(1.4)}.art-center{z-index:1;border:1px solid color-mix(in srgb, var(--ql-deploy) 40%, transparent);text-align:center;background:#101a1d;border-radius:13px;padding:17px 24px;box-shadow:0 10px 50px #00000073}.art-center strong{color:#f3f4f5;font-size:15px;font-weight:500;display:block}.art-center small{color:#8b9097;font:500 9.5px var(--ql-font-mono);letter-spacing:.1em}.art-label{color:#d6d9dc;font:500 10.5px var(--ql-font-mono);z-index:2;background:#121a1c;border:1px solid #ffffff1f;border-radius:6px;padding:6px 11px;position:absolute}.art-label.one{color:var(--ql-deploy);top:26px;left:16%}.art-label.two{color:#7ea6f3;top:43%;right:5%}.art-label.three{color:#f5b84a;bottom:24px;left:24%}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;display:grid}.stat{background:var(--ql-surface);border:1px solid var(--ql-border);border-radius:12px;padding:16px 19px}.stat label{color:var(--ql-fg-3);font-size:12px;display:block}.stat strong{letter-spacing:-.03em;font-size:28px;line-height:1.4;display:inline-block}.stat span{color:var(--ql-fg-3);margin-left:8px;font-size:11.5px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:28px 0 13px;display:flex}.section-head p{color:var(--ql-fg-3);font-size:12.5px}.card{background:var(--ql-surface);border:1px solid var(--ql-border);border-radius:14px;padding:22px}.card p{font-size:13px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.card-head h2{font-size:16.5px}.card-head p{color:var(--ql-fg-3);font-size:12.5px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.split{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.mb{margin-bottom:18px}.mt{margin-top:18px}.muted{color:var(--ql-fg-3)}.badge{font:500 11px var(--ql-font-sans);white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge.green{background:var(--tint-ok);color:var(--ql-ok)}.badge.amber{background:var(--tint-warn);color:var(--ql-warning)}.badge.gray{background:var(--ql-raised);color:var(--ql-fg-2);border-color:var(--ql-border)}.badge.blue{background:var(--tint-run);color:var(--ql-run)}.badge.accent{background:var(--tint-accent);color:var(--ql-accent)}.badge.red{background:var(--tint-bad);color:var(--ql-critical)}.badge.sustain{background:var(--tint-sustain);color:var(--ql-sustain)}.module-card{flex-direction:column;padding:20px;display:flex;position:relative}.module-card .module-icon{background:var(--tint-accent);width:32px;height:32px;color:var(--ql-accent);border-radius:8px;place-items:center;margin-bottom:16px;display:grid}.module-card.run .module-icon{background:var(--tint-run);color:var(--ql-run)}.module-card.sustain .module-icon{background:var(--tint-sustain);color:var(--ql-sustain)}.module-card .badge{position:absolute;top:21px;right:17px}.module-card h3{margin-bottom:6px;font-size:17px}.module-card p{min-height:40px;font-size:12.5px}.module-card .inline-link{margin-top:14px}.module-card.run .inline-link{color:var(--ql-run)}.module-card.sustain .inline-link{color:var(--ql-sustain)}.journey{background:var(--ql-surface);border:1px solid var(--ql-border);border-radius:12px;align-items:stretch;margin:15px 0 24px;display:flex;overflow:hidden}.journey-step{flex:1;min-width:0;padding:14px 9px 14px 15px;position:relative}.journey-step:not(:last-child){border-right:1px solid var(--ql-border)}.journey-step .step-number{font:500 10px var(--ql-font-mono);color:var(--ql-fg-3);margin-bottom:6px;display:block}.journey-step strong{font-size:12.5px;font-weight:600;display:block}.journey-step small{color:var(--ql-fg-3);margin-top:2px;font-size:11px;display:block}.journey-step.done .step-number{color:var(--ql-ok)}.journey-step.current{background:var(--tint-accent);box-shadow:inset 0 -2px var(--ql-accent)}.journey-step.current .step-number{color:var(--ql-accent)}.journey-step.todo strong{color:var(--ql-fg-2)}.table-wrap{border:1px solid var(--ql-border);background:var(--ql-surface);border-radius:12px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{font:500 10px var(--ql-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ql-fg-3);background:var(--ql-raised);border-bottom:1px solid var(--ql-border);white-space:nowrap;padding:11px 18px}td{border-bottom:1px solid var(--ql-border);vertical-align:top;padding:14px 18px;font-size:13px}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--ql-raised)}td strong{font-size:13.5px;display:block}td small{color:var(--ql-fg-3);font-size:12px}.cloud-icon{background:var(--ql-raised);border:1px solid var(--ql-border);width:25px;height:25px;color:var(--ql-fg-2);border-radius:6px;place-items:center;margin-right:6px;font-size:10.5px;display:inline-grid}.footer-note{color:var(--ql-fg-3);flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:28px;font-size:11px;display:flex}.tabs{border-bottom:1px solid var(--ql-border);gap:4px;margin-bottom:22px;display:flex;overflow-x:auto}.tab{color:var(--ql-fg-3);white-space:nowrap;border-bottom:2px solid #0000;padding:11px 15px;font-size:13px;font-weight:500}.tab.active,.tab[aria-selected=true]{color:var(--ql-fg);border-color:var(--ql-accent)}.field{margin-bottom:17px;display:block}.field>span,.field>label{color:var(--ql-fg);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.field input[type=text],.field input[type=number],.field select,.field textarea{border:1px solid var(--ql-border-strong);background:var(--ql-bg);width:100%;color:var(--ql-fg);border-radius:9px;padding:11px 12px;font-size:13.5px}.field textarea{resize:vertical;min-height:140px;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ql-accent);box-shadow:0 0 0 3px var(--tint-accent);outline:none}.field small{color:var(--ql-fg-3);margin-top:6px;font-size:11.5px;display:block}.field-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.cloud-picker{flex-wrap:wrap;gap:9px;margin-bottom:4px;display:flex}.cloud-choice{border:1px solid var(--ql-border-strong);background:var(--ql-surface);min-width:110px;color:var(--ql-fg-2);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:13px;display:inline-flex}.cloud-choice.active{border-color:var(--ql-accent);background:var(--tint-accent);color:var(--ql-fg);box-shadow:0 0 0 1px var(--ql-accent)}.later{font:500 9px var(--ql-font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ql-raised);color:var(--ql-fg-3);border:1px solid var(--ql-border);border-radius:4px;padding:2px 5px}.dropzone{border:1.5px dashed var(--ql-border-strong);text-align:center;color:var(--ql-fg-2);background:var(--ql-bg);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:26px;display:flex}.approval-note{color:var(--ql-fg-2);background:var(--ql-raised);border:1px solid var(--ql-border);border-radius:10px;align-items:flex-start;gap:10px;margin:14px 0;padding:12px 14px;font-size:13px;display:flex}.approval-note input{accent-color:var(--ql-accent);margin-top:3px}.actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;display:flex}.actions p{max-width:380px;color:var(--ql-fg-3);font-size:12px}.recipe-layer{background:var(--ql-raised);border:1px solid var(--ql-border);border-radius:9px;align-items:center;gap:12px;padding:12px;display:flex}.recipe-layer+.recipe-layer{margin-top:7px}.recipe-layer.link{color:inherit;text-decoration:none}.recipe-layer.link:hover{border-color:var(--ql-border-strong);text-decoration:none}.layer-num{font:500 10.5px var(--ql-font-mono);background:var(--tint-accent);width:26px;height:26px;color:var(--ql-accent);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.layer-num.human{background:var(--tint-warn);color:var(--ql-warning)}.recipe-layer strong{font-size:13px;display:block}.recipe-layer small{color:var(--ql-fg-3);font-size:11.5px;display:block}.recipe-layer .end{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.callout{border-left:3px solid var(--ql-accent);background:var(--tint-accent);color:var(--ql-fg-2);border-radius:0 8px 8px 0;padding:12px 15px;font-size:12.5px;line-height:1.65}.callout.amber{background:var(--tint-warn);border-color:var(--ql-warning)}.callout.blue{background:var(--tint-run);border-color:var(--ql-run)}.callout.red{background:var(--tint-bad);border-color:var(--ql-critical)}.callout strong{color:var(--ql-fg);margin-bottom:3px;display:block}.summary-list{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.summary-list div{min-width:0}.summary-list dt{color:var(--ql-fg-3);margin-bottom:3px;font-size:11.5px}.summary-list dd{overflow-wrap:anywhere;margin:0;font-size:13.5px;font-weight:600}.price{letter-spacing:-.03em;font-size:36px;font-weight:600}.price small{letter-spacing:0;color:var(--ql-fg-3);font-size:13px;font-weight:400}.subtle{color:var(--ql-fg-3);font-size:12px}.hash{font:11.5px var(--ql-font-mono);color:var(--ql-fg-2);overflow-wrap:anywhere}.topology{background:radial-gradient(var(--dots) .8px, transparent .8px);border:1px solid var(--ql-border);background-size:15px 15px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:23px 20px;display:flex}.topology-label{font:500 10px var(--ql-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ql-fg-3);text-align:center;margin-bottom:17px}.node{background:var(--ql-surface);border:1px solid var(--ql-border-strong);text-align:center;border-radius:9px;min-width:150px;padding:11px 16px}.node strong{font-size:12.5px;display:block}.node small{color:var(--ql-fg-3);font-size:11px}.node.accent{border-color:color-mix(in srgb, var(--ql-accent) 55%, transparent);background:var(--tint-accent)}.connector{background:var(--ql-border-strong);width:1px;height:22px}.node-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.horizontal-arrow{color:var(--ql-fg-3)}.topology-foot{color:var(--ql-fg-3);text-align:center;margin-top:17px;font-size:11.5px}.check-row{border-bottom:1px solid var(--ql-border);align-items:flex-start;gap:11px;padding:12px 0;display:flex}.check-row:last-child{border-bottom:0}.check-icon{background:var(--tint-ok);width:22px;height:22px;color:var(--ql-ok);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}.check-icon.pending{background:var(--tint-warn);color:var(--ql-warning)}.check-icon.bad{background:var(--tint-bad);color:var(--ql-critical)}.check-icon.idle{background:var(--ql-raised);color:var(--ql-fg-3)}.check-row strong{font-size:13px;display:block}.check-row p{color:var(--ql-fg-3);margin-top:2px;font-size:12px}.check-row .end{flex-shrink:0;margin-left:auto}.timeline{padding-left:4px}.event{gap:14px;padding-bottom:20px;display:flex;position:relative}.event:last-child{padding-bottom:0}.event:not(:last-child):before{content:"";background:var(--ql-border-strong);width:1px;position:absolute;top:21px;bottom:0;left:9px}.event-mark{background:var(--tint-accent);border:4px solid var(--ql-surface);outline:1px solid color-mix(in srgb, var(--ql-accent) 50%, transparent);border-radius:50%;flex-shrink:0;width:19px;height:19px;margin-top:1px;position:relative}.event strong{font-size:13px;display:block}.event p{margin-top:2px;font-size:12px}.event time{font:10.5px var(--ql-font-mono);color:var(--ql-fg-3);margin-top:3px;display:block}.progress-log{background:var(--code-bg);border:1px solid var(--ql-border);color:var(--ql-fg-2);font-family:var(--ql-font-mono);border-radius:10px;padding:16px;font-size:11.5px;line-height:2}.progress-log .done{color:var(--ql-ok)}.progress-log .waiting{color:var(--ql-fg-3)}.progress-log .running{color:var(--ql-warning)}.progress-log .failed{color:var(--ql-critical)}.files{border:1px solid var(--ql-border);border-radius:10px;grid-template-columns:230px minmax(0,1fr);min-height:320px;display:grid;overflow:hidden}.file-list{border-right:1px solid var(--ql-border);background:var(--ql-raised);flex-direction:column;display:flex}.file-list button{text-align:left;font:11.5px var(--ql-font-mono);color:var(--ql-fg-2);border-bottom:1px solid var(--ql-border);overflow-wrap:anywhere;padding:9px 12px}.file-list button[aria-selected=true]{background:var(--tint-accent);color:var(--ql-fg)}.file-list button span{color:var(--ql-fg-3);margin-top:2px;display:block}pre.code{background:var(--code-bg);max-height:480px;margin:0;padding:16px;line-height:1.6;overflow:auto}.image-card{border-top:3px solid color-mix(in srgb, var(--ql-accent) 55%, transparent);padding:22px}.image-card h3{margin-top:12px;font-size:17px}.image-card .chips{margin-top:16px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:500 10.5px var(--ql-font-mono);background:var(--ql-raised);border:1px solid var(--ql-border);color:var(--ql-fg-2);border-radius:5px;padding:3px 7px}.image-output{background:var(--ql-raised);border:1px solid var(--ql-border);border-radius:9px;flex:1;min-width:120px;padding:13px}.image-output strong{font-size:13px;display:block}.image-output small{color:var(--ql-fg-3);margin-bottom:10px;font-size:11.5px;display:block}.lineage{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:22px 0;display:flex}.lineage .node{flex:1;min-width:130px}.signal{background:var(--ql-raised);border:1px solid var(--ql-border);border-radius:9px;align-items:center;gap:12px;margin:8px 0;padding:12px;display:flex}.signal-icon{background:var(--tint-run);width:32px;height:32px;font:600 11px var(--ql-font-mono);color:var(--ql-run);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.signal strong{font-size:13px;display:block}.signal small{color:var(--ql-fg-3);font-size:12px}.signal .badge{margin-left:auto}.module-banner{background:var(--tint-run);border:1px solid color-mix(in srgb, var(--ql-run) 30%, transparent);color:var(--ql-fg-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:12px 16px;font-size:13px;display:flex}.module-banner.sustain{background:var(--tint-sustain);border-color:color-mix(in srgb, var(--ql-sustain) 30%, transparent)}.module-banner.deploy{background:var(--tint-accent);border-color:color-mix(in srgb, var(--ql-accent) 30%, transparent)}.spine-modules{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.spine-product{border-top:3px solid var(--ql-accent)}.spine-product.run{border-top-color:var(--ql-run)}.spine-product.sustain{border-top-color:var(--ql-sustain)}.spine-product h3{margin:12px 0 8px;font-size:19px}.spine-product p{font-size:12.5px}.spine-bus{text-align:center;font:500 10.5px var(--ql-font-mono);letter-spacing:.12em;color:var(--ql-fg-3);margin:14px 0}.spine-core{background:var(--hero-bg);border:1px solid color-mix(in srgb, var(--ql-deploy) 20%, transparent);color:#f3f4f5;border-radius:14px;padding:22px 24px}.spine-core h2{color:#f3f4f5}.spine-core p{color:#a6aab0;margin-top:4px;font-size:13px}.spine-capabilities{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;display:grid}.spine-capability{background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;padding:12px 14px}.spine-capability strong{color:#f3f4f5;font-size:12.5px;display:block}.spine-capability small{color:#8b9097;font-size:11px}.infra-strip{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 6px;display:flex}.infra-strip span{font:500 11px var(--ql-font-mono);background:var(--ql-surface);border:1px solid var(--ql-border);color:var(--ql-fg-2);border-radius:7px;padding:6px 12px}.roadmap{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.roadmap>div{background:var(--ql-surface);border:1px solid var(--ql-border);border-radius:12px;padding:18px}.roadmap strong{margin:12px 0 6px;font-size:14px;display:block}.roadmap p{font-size:12.5px}.empty{text-align:center;color:var(--ql-fg-3);flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.loading{text-align:center;color:var(--ql-fg-3);padding:40px}.error-box{border:1px solid color-mix(in srgb, var(--ql-critical) 35%, transparent);background:var(--tint-bad);color:var(--ql-fg);border-radius:10px;padding:12px 14px;font-size:13px}.finding{border-top:1px solid var(--ql-border);grid-template-columns:82px minmax(0,1fr);gap:10px;padding:8px 0;font-size:12.5px;display:grid}.sev{font:600 10.5px var(--ql-font-mono);text-transform:uppercase}.sev.critical,.sev.high{color:var(--ql-critical)}.sev.medium{color:var(--ql-high)}.sev.low{color:var(--ql-warning)}.sev.info{color:var(--ql-fg-3)}.receipt{border:1px solid var(--ql-border);background:var(--ql-surface);border-radius:10px;flex-direction:column;gap:8px;padding:13px 15px;display:flex}.receipt+.receipt{margin-top:8px}.receipt-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}@media (width<=1150px){.split{grid-template-columns:minmax(0,1fr)}.stats,.spine-capabilities{grid-template-columns:repeat(2,1fr)}.journey-step small{display:none}}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 0 100vmax #0000008c}.shell{grid-column:1}.menu-btn{display:grid}.topbar{padding:0 16px}.main{padding:22px 16px 36px}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero h2{font-size:34px}.grid-2,.grid-3,.spine-modules,.roadmap{grid-template-columns:minmax(0,1fr)}.journey{overflow-x:auto}.journey-step{min-width:110px}.concept{display:none}.files{grid-template-columns:minmax(0,1fr)}.file-list{border-right:0;border-bottom:1px solid var(--ql-border);max-height:170px;overflow-y:auto}.field-row,.summary-list{grid-template-columns:minmax(0,1fr)}h1{font-size:28px}}@media (width<=560px){.stats,.spine-capabilities{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.gate{max-width:560px;margin:12vh auto;padding:0 16px}.gate h1{margin-bottom:12px}.gate .account-id{background:var(--surface-2,#7f7f7f1f);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:6px;padding:8px 12px;display:inline-block}