.alpine-builder-app{ --builder-border:color-mix(in srgb,currentColor 14%,transparent); --builder-soft:color-mix(in oklab,var(--surface),var(--fg) 3%);align-content:start;gap:clamp(24px,4vw,44px);height:auto;min-height:100vh;overflow:visible}.builder-hero{align-items:end;display:grid;gap:clamp(18px,3vw,30px);grid-template-columns:minmax(0,0.95fr) minmax(320px,0.9fr)}.alpine-builder-app.tool-title{display:grid;gap:10px}.alpine-builder-app h1{font-size:clamp(42px,6.8vw,92px);line-height:0.96;max-width:12ch}.alpine-builder-app h2{font-size:18px;line-height:1.15;margin:0}.builder-copy{color:var(--muted);font-size:clamp(17px,1.8vw,22px);line-height:1.4;max-width:36ch}.handoff-steps span{color:var(--muted);font-size:13px;font-weight:700}.alpine-builder-app.tool-layout{display:grid;gap:18px;grid-template-columns:minmax(300px,400px) minmax(0,1fr);min-height:0}.alpine-builder-app.controls,.builder-card,.builder-panel,.status-card,.panel-head{display:grid}.alpine-builder-app.controls{align-self:start;gap:18px;position:sticky;top:18px}.alpine-builder-app.actions{display:grid;gap:10px;grid-template-columns:1fr auto}.alpine-builder-app button.secondary{background:transparent;border:1px solid var(--builder-border);color:inherit}.alpine-builder-app button,.alpine-builder-app select{border-radius:7px;font:inherit;min-height:42px}.alpine-builder-app button{background:#111;border:1px solid #111;color:#fff;cursor:pointer;font-weight:700;padding:0 14px}.alpine-builder-app button:disabled{cursor:not-allowed;opacity:0.55}.alpine-builder-app label{color:var(--muted);display:grid;font-size:13px;font-weight:700;gap:7px}.alpine-builder-app select{background:var(--surface);border:1px solid var(--builder-border);color:var(--fg);padding:0 10px;width:100%}.control-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.builder-card{background:var(--surface);border:1px solid var(--builder-border);border-radius:8px;gap:14px;min-width:0;padding:18px}.builder-panel{gap:18px;min-width:0}.status-summary{display:grid;gap:14px;grid-template-columns:minmax(150px,0.35fr) minmax(0,1fr)}.status-card{align-content:start;gap:10px;min-height:96px}.card-label{color:var(--muted);font-size:13px;font-weight:700;text-transform:lowercase}.status-card strong{font-size:clamp(20px,2.2vw,30px);line-height:1.08}.status-pill{align-items:center;background:#ececea;border-radius:999px;color:#222;display:inline-flex;font-size:12px;font-weight:750;justify-content:center;min-height:30px;min-width:96px;padding:0 12px;text-transform:uppercase;width:fit-content}.status-pill.running{background:#111;color:#fff}.status-pill.succeeded{background:#d9f7df;color:#12551f}.status-pill.failed{background:#ffe0dc;color:#8f1b10}.status-pill.pending{background:#fff0bf;color:#624800}.panel-head{gap:6px}.panel-head p,.builder-note p{margin:0}.builder-note code{background:color-mix(in oklab,var(--surface),var(--fg) 8%);border-radius:4px;color:var(--fg);font-family:var(--mono);font-size:0.92em;padding:1px 4px}.artifact-list ul{display:grid;gap:0;list-style:none;margin:0;padding:0}.artifact-list li{align-items:center;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;min-height:46px;padding:10px 0}.artifact-name{min-width:0;overflow-wrap:anywhere}.artifact-type{border:1px solid var(--builder-border);border-radius:999px;color:var(--muted);font-size:12px;font-weight:700;padding:4px 9px;text-transform:lowercase}.handoff-steps{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.handoff-steps li{border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);display:grid;gap:8px;padding-top:12px}.handoff-steps strong{font-size:18px;line-height:1.1}.log-panel{gap:12px}.log-panel summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.log-panel summary::-webkit-details-marker{display:none}.log-panel summary::after{border:1px solid var(--builder-border);border-radius:999px;color:var(--muted);content:"show";font-size:13px;font-weight:700;padding:5px 10px}.log-panel[open]summary::after{content:"hide"}.log-panel pre{background:#111;border-radius:8px;box-sizing:border-box;color:#eee;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;max-height:min(50vh,560px);min-height:260px;overflow:auto;padding:16px;white-space:pre-wrap;width:100%;word-break:break-word}html:has(.alpine-builder-app),body:has(.alpine-builder-app){overflow:auto}@media (max-width:980px){.builder-hero,.alpine-builder-app.tool-layout{grid-template-columns:1fr}.alpine-builder-app.controls{position:static}}@media (max-width:720px){.handoff-steps,.status-summary{grid-template-columns:1fr}}@media (max-width:620px){.alpine-builder-app.actions,.control-grid,.artifact-list li{grid-template-columns:1fr}.artifact-list li{align-items:start}}