@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--background: #0b1220;--surface: #111827;--surface-2: #172033;--muted: #273449;--border: #334155;--border-soft: rgba(148, 163, 184, .24);--text: #f8fafc;--subtext: #b6c2d2;--dim: #8390a3;--accent: #22c55e;--accent-2: #38bdf8;--warning: #f59e0b;--danger: #ef4444;--shadow: 0 18px 48px rgba(0, 0, 0, .28);font-family:Fira Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text)}*{box-sizing:border-box}html{min-width:320px;background:var(--background)}body{margin:0;min-width:320px;min-height:100dvh;background:linear-gradient(180deg,rgba(34,197,94,.06),transparent 220px),var(--background)}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:3px solid rgba(56,189,248,.8);outline-offset:3px}.app-shell{min-height:100dvh}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px clamp(16px,3vw,40px);border-bottom:1px solid var(--border-soft);background:#0b1220eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.app-header nav,.eyebrow,.panel-title,.actions,.report-topbar,.copy-line,.panel-header,.step-main,.artifact-list a,.inline-error{display:flex;align-items:center}.brand{gap:10px;min-height:44px;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(34,197,94,.56);border-radius:8px;background:#22c55e1f;color:#bbf7d0;font-family:Fira Code,monospace;font-size:13px}.app-header nav{gap:8px}.app-header nav a,.secondary,.primary,.icon-button{min-height:44px;border-radius:8px;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.app-header nav a{padding:11px 12px;color:var(--subtext)}.app-header nav a:hover,.secondary:hover,.icon-button:hover{background:#94a3b81f;color:var(--text)}.content{width:min(1480px,100%);margin:0 auto;padding:clamp(20px,3vw,40px)}.new-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(20px,4vw,52px);align-items:start}.created-layout{grid-template-columns:minmax(340px,.75fr) minmax(0,1.25fr)}.embed-report{min-width:0}.embed-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.intro{padding:clamp(12px,2vw,22px) 0}.eyebrow{gap:8px;color:#86efac;font-family:Fira Code,monospace;font-size:13px}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:16px;font-size:clamp(34px,6vw,68px);line-height:1.02;letter-spacing:0}.report-topbar h1{margin-bottom:0;font-size:clamp(28px,4vw,44px)}h2{margin-bottom:0;font-size:22px;line-height:1.2;letter-spacing:0}.intro p{max-width:680px;color:var(--subtext);font-size:18px;line-height:1.7}.actions{gap:12px;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;padding:0 18px;font-weight:700}.primary{min-width:148px;background:var(--accent);color:#04130a}.primary:hover{background:#4ade80}.primary:disabled{cursor:not-allowed;opacity:.65}.secondary{background:#94a3b814;border-color:var(--border-soft);color:var(--text)}.panel{border:1px solid var(--border-soft);border-radius:8px;background:#111827db;box-shadow:var(--shadow);padding:20px}.command-panel{min-height:360px}.panel-header{justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header svg{color:var(--accent)}.label{display:block;margin-bottom:8px;color:var(--dim);font-family:Fira Code,monospace;font-size:12px;text-transform:uppercase}.empty-state{display:grid;place-items:center;min-height:210px;border:1px dashed var(--border);border-radius:8px;color:var(--subtext);text-align:center;padding:24px}.empty-state svg{color:var(--accent-2)}.empty-state p{max-width:420px;margin:12px 0 0;line-height:1.6}.empty-state.small{min-height:142px}.command-stack{display:grid;gap:18px}.copy-code,.copy-line{gap:10px}.copy-code{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:10px}.copy-code code{min-height:96px;padding:14px;border:1px solid rgba(34,197,94,.26);border-radius:8px;background:#07100d;color:#bbf7d0;font-family:Fira Code,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.copy-line{justify-content:space-between;min-height:48px;padding:0 4px 0 14px;border:1px solid var(--border-soft);border-radius:8px;background:#0f172acc}.copy-line a{min-width:0;color:#bae6fd;overflow-wrap:anywhere}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border-soft);background:#94a3b80f;color:var(--text)}.report-topbar{justify-content:space-between;gap:20px;margin-bottom:20px}.dashboard{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.left-rail,.main-grid{display:grid;gap:16px}.main-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr)}.logs-panel{grid-column:1 / -1}.status-panel{background:linear-gradient(180deg,rgba(34,197,94,.09),transparent 180px),#111827e6}.progress-track{width:100%;height:10px;overflow:hidden;border-radius:999px;background:#94a3b82e}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .24s ease}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.metric{min-width:0;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:#0f172ab8}.metric span{display:block;color:var(--dim);font-size:12px}.metric strong{display:block;margin-top:5px;color:var(--text);font-family:Fira Code,monospace;font-size:14px;overflow-wrap:anywhere}.metric-good strong,.good{color:var(--accent)}.metric-warn strong{color:var(--warning)}.bad{color:var(--danger)}.muted-icon{color:var(--dim)}.panel-title{gap:8px;margin-bottom:16px;font-weight:700}.panel-title svg{color:var(--accent-2)}.summary-list{display:grid;gap:10px;margin:0}.summary-list div{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.16)}.summary-list div:last-child{padding-bottom:0;border-bottom:0}.summary-list dt{color:var(--dim);font-size:12px}.summary-list dd{margin:0;color:var(--text);line-height:1.45;overflow-wrap:anywhere}.ai-panel{background:linear-gradient(180deg,rgba(56,189,248,.09),transparent 180px),#111827e0}.ai-muted,.score-head{display:flex;align-items:center}.ai-muted{gap:10px;color:var(--subtext);line-height:1.5}.ai-muted svg{flex:0 0 auto;color:var(--accent-2)}.ai-review{display:grid;gap:16px}.ai-review p{margin:0;color:var(--text);line-height:1.65}.score-list{display:grid;gap:12px}.score-row{display:grid;gap:7px;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:#0f172aa3}.score-head{justify-content:space-between;gap:12px}.score-head strong{min-width:0}.score-head span{flex:0 0 auto;color:#bbf7d0;font-family:Fira Code,monospace;font-weight:700}.score-track{height:8px;overflow:hidden;border-radius:999px;background:#94a3b82e}.score-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .24s ease}.score-row small{color:var(--subtext);line-height:1.45}.recommendations{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--subtext);line-height:1.5}.ai-model{color:var(--dim);font-family:Fira Code,monospace;font-size:12px}.compact-panel{box-shadow:none}.steps{display:grid;gap:10px}.step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--border-soft);border-radius:8px;background:#0f172aa3}.step>svg{width:38px;height:38px;padding:9px;border-radius:8px;background:#94a3b81a;color:var(--dim)}.step-success>svg{background:#22c55e24;color:var(--accent)}.step-running>svg{background:#38bdf824;color:var(--accent-2)}.step-failed>svg{background:#ef444429;color:var(--danger)}.step-skipped>svg{background:#f59e0b29;color:var(--warning)}.step-main{justify-content:space-between;gap:12px}.step-main strong{min-width:0}.step-main span{flex:0 0 auto;color:var(--dim);font-size:13px}.step p{margin:6px 0 0;color:var(--subtext);line-height:1.45}.artifact-list{display:grid;gap:10px}.artifact-list a{justify-content:space-between;gap:14px;min-height:58px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:8px;background:#0f172aa3;transition:background .18s ease,border-color .18s ease}.artifact-list a:hover{border-color:#38bdf88c;background:#38bdf814}.artifact-list span{min-width:0}.artifact-list strong,.artifact-list small{display:block}.artifact-list strong{overflow-wrap:anywhere}.artifact-list small{margin-top:5px;color:var(--dim);font-family:Fira Code,monospace}.logs-panel pre{height:min(48dvh,560px);min-height:300px;margin:0;overflow:auto;padding:14px;border:1px solid rgba(34,197,94,.2);border-radius:8px;background:#060d0b;color:#d9f99d;font-family:Fira Code,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.inline-error{gap:8px;margin:12px 0;padding:12px;border:1px solid rgba(239,68,68,.38);border-radius:8px;background:#ef44441f;color:#fecaca}.loading-panel{display:flex;align-items:center;gap:12px;min-height:160px;color:var(--subtext)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1100px){.new-layout,.created-layout,.dashboard,.main-grid{grid-template-columns:1fr}.left-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.status-panel{grid-column:1 / -1}}@media(max-width:720px){.app-header{align-items:flex-start;flex-direction:column;gap:8px}.content{padding:18px 14px 28px}h1{font-size:36px}.intro p{font-size:16px}.report-topbar,.step-main{align-items:flex-start;flex-direction:column}.left-rail,.metric-grid{grid-template-columns:1fr}.panel{padding:16px}.copy-code{grid-template-columns:1fr}.copy-code .icon-button{width:100%}}