:root{color:#17221e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef1ec;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{letter-spacing:0}::selection{color:#f8faf7;background:#285b4a}.run-card{color:#18231f;background:#fff;border:1px solid #cbd3ce;border-radius:8px;width:min(100%,760px);min-width:0;overflow:hidden;box-shadow:0 18px 40px #1d312a17}.run-card-header{border-bottom:1px solid #dce2de;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:22px 24px;display:grid}.file-icon{color:#285b4a;background:#e6eee9;border-radius:6px;place-items:center;width:42px;height:42px;display:grid}.file-heading{min-width:0}.file-heading h3,.run-id,.run-notice p,.progress-copy,.run-metadata,.stage-list{margin:0}.run-id{color:#61706a;text-transform:uppercase;font-size:10px;font-weight:700}.file-heading h3{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:17px;overflow:hidden}.status-badge{color:#4d5b55;white-space:nowrap;background:#f0f3f1;border:1px solid #d5dcd8;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pulse{background:#87958f;border-radius:50%;width:7px;height:7px}.run-card-processing .status-pulse,.run-card-review .status-pulse{background:#ca8422}.run-card-failed .status-pulse{background:#c74937}.run-card-complete .status-pulse{background:#4f8b3e}.run-card-processing .status-pulse{animation:1.4s ease-in-out infinite status-pulse}.run-metadata{border-bottom:1px solid #dce2de;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 24px;display:grid}.run-metadata>div{border-right:1px solid #dce2de;min-width:0;padding:0 18px}.run-metadata>div:first-child{padding-left:0}.run-metadata>div:last-child{border-right:0;padding-right:0}.run-metadata dt{color:#63716c;text-transform:uppercase;font-size:10px;font-weight:700}.run-metadata dd{color:#35453e;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;margin:6px 0 0;font-size:12px;display:flex;overflow:hidden}.run-metadata svg{color:#648074;flex:none}.waveform{color:#2f6553;background:#f2f6f3;border:1px solid #d8e0db;border-radius:6px;align-items:center;gap:5px;height:96px;margin:22px 24px 0;padding:13px 18px;display:flex;overflow:hidden}.waveform span{width:100%;height:var(--bar-height);opacity:.72;background:currentColor;border-radius:2px;min-height:8px}.run-card-processing .waveform span:nth-child(3n){animation:1.6s ease-in-out infinite alternate waveform-shift}.progress-block{padding:20px 24px 0}.progress-copy{color:#56655f;justify-content:space-between;gap:18px;font-size:12px;display:flex}.progress-copy strong{color:#26352f}.progress-track{background:#e2e7e3;border-radius:999px;height:7px;margin-top:9px;overflow:hidden}.progress-track>span{border-radius:inherit;background:#2e6955;height:100%;transition:width .24s;display:block}.run-card-review .progress-track>span{background:#c88424}.run-card-failed .progress-track>span{background:#c74937}.run-card-complete .progress-track>span{background:#4f8b3e}.stage-list{grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 24px 0;list-style:none;display:grid}.stage-list li{color:#61706a;justify-items:start;gap:8px;font-size:11px;display:grid;position:relative}.stage-list li:before{z-index:0;content:"";background:#d8dedb;width:calc(100% - 23px);height:1px;position:absolute;top:11px;left:23px}.stage-list li:last-child:before{display:none}.stage-marker{z-index:1;color:#6e7c76;background:#fff;border:1px solid #cbd3ce;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:700;display:grid;position:relative}.stage-list .is-complete,.stage-list .is-current{color:#2f423a}.stage-list .is-complete .stage-marker{color:#fff;background:#2e6955;border-color:#2e6955}.stage-list .is-current .stage-marker{color:#9b5c12;background:#fff6e8;border-color:#d8a256}.run-notice{color:#355247;background:#edf4ef;border:1px solid #d0dfd6;border-radius:6px;align-items:center;gap:10px;min-height:48px;margin:24px;padding:12px 14px;font-size:12px;display:flex}.run-notice svg{flex:none}.run-card-failed .run-notice{color:#873628;background:#fff0ed;border-color:#edc6be}.run-card-complete .run-notice{color:#35652c;background:#eef7eb;border-color:#cadec5}.run-actions{justify-content:flex-end;padding:0 24px 24px;display:flex}.action-button{min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.action-primary{color:#fff;background:#285b4a;border-color:#285b4a}.action-primary:hover{background:#1f493b}.action-button:focus-visible{outline-offset:3px;outline:3px solid #79a85b}@keyframes status-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes waveform-shift{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}@media (width<=580px){.run-card-header{grid-template-columns:38px minmax(0,1fr);padding:18px}.file-icon{width:38px;height:38px}.status-badge{grid-column:1/-1;width:max-content}.run-metadata{grid-template-columns:1fr;gap:12px;padding:16px 18px}.run-metadata>div,.run-metadata>div:first-child,.run-metadata>div:last-child{border-right:0;padding:0}.run-metadata>div+div{border-top:1px solid #e0e5e2;padding-top:12px}.waveform{margin:18px 18px 0;padding-inline:10px}.progress-block,.stage-list{padding-inline:18px}.stage-list li{font-size:9px}.run-notice{margin:20px 18px}.run-actions{padding:0 18px 20px}.action-button{width:100%}}@media (prefers-reduced-motion:reduce){.status-pulse,.waveform span,.progress-track>span{transition:none!important;animation:none!important}}.console-shell{color:#17221e;background:#eef1ec;min-height:100vh}.console-header{color:#f7faf5;background:#17362d;border-bottom:1px solid #3c5a50;justify-content:space-between;align-items:center;min-height:84px;padding:16px clamp(20px,4vw,64px);display:flex}.console-brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#17362d;background:#b9e16f;border-radius:6px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.console-brand p,.console-brand h1,.build-note,.eyebrow,.workspace-heading h2,.workspace-heading>p,.console-footer span{margin:0}.console-brand p,.eyebrow{color:#a9beb6;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:700}.console-brand h1{letter-spacing:0;margin-top:2px;font-size:18px}.build-note{color:#cbd7d1;font-size:13px}.console-workspace{width:min(1120px,100% - 40px);margin:0 auto;padding:64px 0 72px}.workspace-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.6fr);align-items:end;gap:56px;display:grid}.eyebrow{color:#527065}.workspace-heading h2{letter-spacing:0;max-width:650px;margin-top:10px;font-size:clamp(32px,4.2vw,52px);line-height:1.03}.workspace-heading>p{color:#596862;border-left:2px solid #b9e16f;padding-left:20px;font-size:15px;line-height:1.6}.state-tabs{background:#f8faf7;border:1px solid #c8d0ca;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:44px;display:grid}.state-tab{color:#4f6058;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-right:1px solid #c8d0ca;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:inline-flex}.state-tab:last-child{border-right:0}.state-tab:hover{color:#17221e;background:#f0f4ef}.state-tab:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #5e8b3d;position:relative}.state-tab.is-active{color:#f8faf7;background:#244c3f}.state-dot{background:#8a9892;border-radius:50%;flex:none;width:8px;height:8px}.state-dot-processing,.state-dot-review{background:#e4a541}.state-dot-failed{background:#d85f4a}.state-dot-complete{background:#68a54c}.preview-canvas{background:#f8faf7;border:1px solid #c8d0ca;place-items:center;min-height:570px;margin-top:18px;padding:clamp(24px,5vw,64px);display:grid}.console-footer{color:#62716b;border-top:1px solid #c8d0ca;flex-wrap:wrap;justify-content:center;gap:8px 28px;padding:22px 20px;font-size:12px;display:flex}@media (width<=760px){.console-header{align-items:flex-start}.build-note{text-align:right;max-width:120px}.console-workspace{width:min(100% - 24px,680px);padding-top:42px}.workspace-heading{grid-template-columns:1fr;gap:24px}.state-tabs{grid-template-columns:repeat(5,116px);overflow-x:auto}.preview-canvas{min-height:520px;padding:20px 12px}}@media (width<=440px){.build-note{display:none}.workspace-heading h2{font-size:34px}}
