.lab-grid.svelte-1mqrbxz{display:grid;grid-template-columns:minmax(20rem,.7fr) minmax(0,1.3fr);gap:clamp(1.5rem,4vw,4rem)}.operator.svelte-1mqrbxz,.preview.svelte-1mqrbxz,.trace-panel.svelte-1mqrbxz{border-top:1px solid #161615}.panel-heading.svelte-1mqrbxz,.trace-heading.svelte-1mqrbxz{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:1.15rem 0 2rem}.panel-heading.svelte-1mqrbxz>div:where(.svelte-1mqrbxz)>span:where(.svelte-1mqrbxz),.trace-heading.svelte-1mqrbxz>div:where(.svelte-1mqrbxz)>span:where(.svelte-1mqrbxz),.preview-label.svelte-1mqrbxz,form.svelte-1mqrbxz label:where(.svelte-1mqrbxz),.suggestions.svelte-1mqrbxz>span:where(.svelte-1mqrbxz),.project-facts.svelte-1mqrbxz span:where(.svelte-1mqrbxz),.call-result.svelte-1mqrbxz>span:where(.svelte-1mqrbxz),.trace-call.svelte-1mqrbxz>div:where(.svelte-1mqrbxz)>span:where(.svelte-1mqrbxz){color:#777772;font-family:DM Mono,monospace;font-size:.59rem;letter-spacing:.06em;text-transform:uppercase}.panel-heading.svelte-1mqrbxz h2:where(.svelte-1mqrbxz),.trace-heading.svelte-1mqrbxz h2:where(.svelte-1mqrbxz){margin:.5rem 0 0;font-family:Instrument Sans,sans-serif;font-size:clamp(1.65rem,3vw,2.7rem);font-weight:560;letter-spacing:-.05em;line-height:1}.model-state.svelte-1mqrbxz{display:flex;align-items:center;gap:.45rem;color:#777772;font-family:DM Mono,monospace;font-size:.57rem;text-transform:uppercase;white-space:nowrap}.model-state.svelte-1mqrbxz i:where(.svelte-1mqrbxz){width:.45rem;height:.45rem;border-radius:50%;background:#a7a7a1}.model-state.model-ready.svelte-1mqrbxz i:where(.svelte-1mqrbxz){background:#6157dc}form.svelte-1mqrbxz{display:grid;border:1px solid #cecec9;background:#fff}form.svelte-1mqrbxz label:where(.svelte-1mqrbxz){padding:.8rem 1rem 0}textarea.svelte-1mqrbxz{box-sizing:border-box;width:100%;min-height:8.5rem;resize:vertical;border:0;outline:0;background:transparent;padding:.85rem 1rem;color:#161615;font:500 1.2rem/1.45 Instrument Sans,sans-serif;letter-spacing:-.025em}form.svelte-1mqrbxz button:where(.svelte-1mqrbxz){display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;border:0;background:#161615;padding:0 1rem;color:#fff;font-family:DM Mono,monospace;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}form.svelte-1mqrbxz button:where(.svelte-1mqrbxz):disabled{cursor:wait;opacity:.6}form.svelte-1mqrbxz button:where(.svelte-1mqrbxz) span:where(.svelte-1mqrbxz){font-size:1rem}.suggestions.svelte-1mqrbxz{display:grid;gap:0;margin-top:1.5rem;border-top:1px solid #cecec9}.suggestions.svelte-1mqrbxz>span:where(.svelte-1mqrbxz){padding:.8rem 0}.suggestions.svelte-1mqrbxz button:where(.svelte-1mqrbxz){border:0;border-top:1px solid #e2e2de;background:transparent;padding:.85rem 0;color:#5d5d58;font-size:.76rem;line-height:1.4;text-align:left;cursor:pointer}.suggestions.svelte-1mqrbxz button:where(.svelte-1mqrbxz):hover{color:#6157dc}.local-note.svelte-1mqrbxz{display:flex;gap:.8rem;align-items:flex-start;margin-top:1.5rem;padding:1rem;background:#efefec}.local-note.svelte-1mqrbxz>span:where(.svelte-1mqrbxz){color:#6157dc}.local-note.svelte-1mqrbxz p:where(.svelte-1mqrbxz){margin:0;color:#666660;font-size:.68rem;line-height:1.55}.preview.svelte-1mqrbxz{background:#fff;box-shadow:0 1.5rem 5rem #1a1a1817}.preview-bar.svelte-1mqrbxz{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:2.7rem;border-bottom:1px solid #deded9;padding:0 .9rem;color:#8a8a84;font-family:DM Mono,monospace;font-size:.55rem}.preview-bar.svelte-1mqrbxz small:where(.svelte-1mqrbxz){justify-self:end;text-transform:uppercase}.browser-dots.svelte-1mqrbxz{display:flex;gap:.35rem}.browser-dots.svelte-1mqrbxz i:where(.svelte-1mqrbxz){width:.42rem;height:.42rem;border-radius:50%;background:#d2d2cd}.preview-nav.svelte-1mqrbxz{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.5rem);min-height:3.4rem;border-bottom:1px solid #deded9;padding:0 1.25rem;font-family:DM Mono,monospace;font-size:.53rem;text-transform:uppercase}.preview-nav.svelte-1mqrbxz strong:where(.svelte-1mqrbxz){margin-right:auto;font-family:Instrument Sans,sans-serif;font-size:.9rem;letter-spacing:-.06em}.preview-nav.svelte-1mqrbxz span:where(.svelte-1mqrbxz){color:#92928c}.preview-nav.svelte-1mqrbxz span.active:where(.svelte-1mqrbxz){color:#6157dc}.preview-content.svelte-1mqrbxz{display:flex;box-sizing:border-box;min-height:34rem;flex-direction:column;padding:clamp(1.5rem,4vw,3.5rem)}.preview-label.svelte-1mqrbxz{margin-bottom:2.3rem;color:#6157dc}.preview-content.svelte-1mqrbxz h2:where(.svelte-1mqrbxz){margin:0;font-family:Instrument Sans,sans-serif;font-size:clamp(2.7rem,6vw,5.5rem);font-weight:560;letter-spacing:-.07em;line-height:.88}.project-description.svelte-1mqrbxz{max-width:36rem;margin:1.8rem 0;color:#666660;font-size:.84rem;line-height:1.65}.project-facts.svelte-1mqrbxz{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem;border-block:1px solid #deded9;padding:1rem 0}.project-facts.svelte-1mqrbxz div:where(.svelte-1mqrbxz){display:grid;gap:.45rem}.project-facts.svelte-1mqrbxz strong:where(.svelte-1mqrbxz){font-size:.72rem;font-weight:560;line-height:1.4}.project-stack.svelte-1mqrbxz{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.project-stack.svelte-1mqrbxz span:where(.svelte-1mqrbxz){border:1px solid #deded9;border-radius:99px;padding:.32rem .6rem;color:#777772;font-family:DM Mono,monospace;font-size:.53rem}.match-strip.svelte-1mqrbxz{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:auto;padding-top:2rem}.match-strip.svelte-1mqrbxz>span:where(.svelte-1mqrbxz){margin-right:.45rem;color:#8a8a84;font-family:DM Mono,monospace;font-size:.55rem;text-transform:uppercase}.match-strip.svelte-1mqrbxz button:where(.svelte-1mqrbxz){border:1px solid #deded9;background:transparent;padding:.45rem .65rem;color:#6c6c66;font-size:.62rem;cursor:pointer}.match-strip.svelte-1mqrbxz button.active:where(.svelte-1mqrbxz){border-color:#6157dc;background:#6157dc;color:#fff}.preview-content.svelte-1mqrbxz>a:where(.svelte-1mqrbxz){align-self:flex-start;margin-top:1.25rem;border-bottom:1px solid currentColor;color:#6157dc;font-family:DM Mono,monospace;font-size:.6rem;text-decoration:none;text-transform:uppercase}.trace-panel.svelte-1mqrbxz{margin-top:clamp(4rem,8vw,7rem)}.metrics.svelte-1mqrbxz{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end;color:#777772;font-family:DM Mono,monospace;font-size:.57rem;text-transform:uppercase}.metrics.svelte-1mqrbxz strong:where(.svelte-1mqrbxz){color:#161615;font-weight:500}.trace-list.svelte-1mqrbxz{border-bottom:1px solid #cecec9}.trace-call.svelte-1mqrbxz{display:grid;grid-template-columns:2.5rem minmax(9rem,.55fr) minmax(12rem,1fr) minmax(12rem,1fr);gap:clamp(1rem,3vw,2.5rem);align-items:start;border-top:1px solid #cecec9;padding:1.4rem 0}.trace-number.svelte-1mqrbxz{color:#6157dc;font-family:DM Mono,monospace;font-size:.65rem}.trace-call.svelte-1mqrbxz>div:where(.svelte-1mqrbxz){display:grid;gap:.5rem}.trace-call.svelte-1mqrbxz>div:where(.svelte-1mqrbxz)>strong:where(.svelte-1mqrbxz){font-family:Instrument Sans,sans-serif;font-size:1rem;font-weight:560}pre.svelte-1mqrbxz,.call-result.svelte-1mqrbxz code:where(.svelte-1mqrbxz){margin:0;color:#555550;font-family:DM Mono,monospace;font-size:.59rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.call-result.svelte-1mqrbxz{border-left:2px solid #78a67b;padding-left:1rem}.call-result.error.svelte-1mqrbxz{border-color:#c66d61}.trace-handoff.svelte-1mqrbxz{display:flex;min-height:2.75rem;align-items:center;gap:.8rem;border-top:1px dashed #c8c8c2;padding-left:calc(2.5rem + clamp(1rem,3vw,2.5rem));color:#6157dc;font-family:DM Mono,monospace;font-size:.57rem;letter-spacing:.05em;text-transform:uppercase}.trace-handoff.svelte-1mqrbxz span:where(.svelte-1mqrbxz){font-size:.85rem}.trace-empty.svelte-1mqrbxz{display:grid;min-height:12rem;place-items:center;align-content:center;gap:1.5rem;border-block:1px solid #cecec9;color:#777772;text-align:center}.trace-empty.svelte-1mqrbxz p:where(.svelte-1mqrbxz),.trace-empty.svelte-1mqrbxz span:where(.svelte-1mqrbxz){margin:0;font-size:.7rem}.trace-empty.error.svelte-1mqrbxz{color:#9a4037}.trace-empty.no-call.svelte-1mqrbxz{color:#6157dc}.empty-flow.svelte-1mqrbxz{display:flex;align-items:center;gap:1rem;font-family:DM Mono,monospace;font-size:.6rem;text-transform:uppercase}.empty-flow.svelte-1mqrbxz span:where(.svelte-1mqrbxz){border:1px solid #cecec9;padding:.65rem .8rem}.empty-flow.svelte-1mqrbxz i:where(.svelte-1mqrbxz){color:#6157dc;font-style:normal}@media (max-width: 900px){.lab-grid.svelte-1mqrbxz{grid-template-columns:1fr}.preview-content.svelte-1mqrbxz{min-height:31rem}.trace-heading.svelte-1mqrbxz{flex-direction:column}.metrics.svelte-1mqrbxz{justify-content:flex-start}.trace-call.svelte-1mqrbxz{grid-template-columns:2rem 1fr 1fr}.trace-call.svelte-1mqrbxz .call-result:where(.svelte-1mqrbxz){grid-column:2 / -1}}@media (max-width: 560px){.panel-heading.svelte-1mqrbxz{flex-direction:column;gap:1rem}.preview-bar.svelte-1mqrbxz small:where(.svelte-1mqrbxz),.preview-nav.svelte-1mqrbxz span:where(.svelte-1mqrbxz):not(.active){display:none}.preview-bar.svelte-1mqrbxz{grid-template-columns:1fr auto}.preview-content.svelte-1mqrbxz{min-height:30rem}.project-facts.svelte-1mqrbxz{grid-template-columns:1fr}.trace-call.svelte-1mqrbxz{grid-template-columns:2rem 1fr}.trace-call.svelte-1mqrbxz pre:where(.svelte-1mqrbxz),.trace-call.svelte-1mqrbxz .call-result:where(.svelte-1mqrbxz){grid-column:2}.empty-flow.svelte-1mqrbxz{flex-direction:column}.empty-flow.svelte-1mqrbxz i:where(.svelte-1mqrbxz){transform:rotate(90deg)}}
