.viewport.svelte-cx5tlu{background:radial-gradient(ellipse at 50% 30%, var(--panel2), var(--panel));height:clamp(340px,46vw,540px);position:relative;overflow:hidden}.canvas-host.svelte-cx5tlu{position:absolute;inset:0}.canvas-host.svelte-cx5tlu canvas{width:100%;height:100%;display:block}.viewport-top.svelte-cx5tlu,.viewport-bottom.svelte-cx5tlu{pointer-events:none;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;left:18px;right:18px}.viewport-top.svelte-cx5tlu{top:18px}.viewport-bottom.svelte-cx5tlu{bottom:16px}.tag.svelte-cx5tlu{background:var(--panel);border:1px solid var(--line);letter-spacing:.06em;border-radius:3px;padding:6px 8px}button.svelte-cx5tlu{pointer-events:auto;border:1px solid var(--control-line);min-height:44px;color:var(--brand);background:var(--panel);border-radius:4px;padding:8px 12px}.fallback.svelte-cx5tlu{text-align:center;color:var(--fg);background:var(--panel);border-radius:5px;padding:18px;line-height:1.6;position:absolute;top:40%;left:10%;right:10%}.inspector.svelte-1lbpawz{border-top:1px solid var(--line);padding:22px}h3.svelte-1lbpawz{margin:0;font-size:16px;font-weight:600}p.svelte-1lbpawz,.range.svelte-1lbpawz,.metrics.svelte-1lbpawz{color:var(--muted);font-size:12px;line-height:1.6}.heading.svelte-1lbpawz,.reading.svelte-1lbpawz,.range.svelte-1lbpawz{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reading.svelte-1lbpawz{color:var(--muted);justify-content:flex-start;margin-top:18px;font-size:13px}.reading.svelte-1lbpawz strong:where(.svelte-1lbpawz){color:var(--brand);font-variant-numeric:tabular-nums;font-size:32px;font-weight:500}label.svelte-1lbpawz{align-items:center;gap:8px;font-size:12px;display:flex}select.svelte-1lbpawz{background:var(--bg);max-width:180px;min-height:44px;color:var(--fg);border:1px solid var(--control-line);border-radius:4px;padding:8px}svg.svelte-1lbpawz{width:100%;max-height:150px;margin-top:10px;display:block;overflow:visible}.axis.svelte-1lbpawz{stroke:var(--line);fill:none}.trace.svelte-1lbpawz{stroke:var(--brand);fill:none;stroke-width:2px}circle.svelte-1lbpawz{fill:var(--brand)}.metrics.svelte-1lbpawz{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.metrics.svelte-1lbpawz b:where(.svelte-1lbpawz){color:var(--fg);font-weight:500}.table-scroll.svelte-1lbpawz{margin-block:18px;overflow-x:auto}table.svelte-1lbpawz{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th.svelte-1lbpawz,td.svelte-1lbpawz{border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px 10px 0}th.svelte-1lbpawz{font-weight:500}.probes.svelte-1lbpawz{grid-template-columns:1fr 1fr;gap:24px;margin-block:20px;display:grid}.probes.svelte-1lbpawz label:where(.svelte-1lbpawz){display:grid}input.svelte-1lbpawz{accent-color:var(--brand)}input[type=range].svelte-1lbpawz{width:100%;min-height:28px}.check.svelte-1lbpawz{min-height:44px}@media (width<=480px){.inspector.svelte-1lbpawz{padding:16px}.probes.svelte-1lbpawz{grid-template-columns:1fr;gap:12px}}.studio.svelte-ubkcxg{padding-block:48px 72px}.studio-heading.svelte-ubkcxg{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}h1.svelte-ubkcxg{letter-spacing:-.045em;color:var(--brand);margin:14px 0;font-size:clamp(38px,5vw,58px);font-weight:550;line-height:1.05}.studio-heading.svelte-ubkcxg p:where(.svelte-ubkcxg){color:var(--muted);max-width:570px;margin:0;font-size:16px;line-height:1.6}.experimental.svelte-ubkcxg{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:20px;padding:8px 12px;font-size:11px}.project-bar.svelte-ubkcxg{border-block:1px solid var(--line);grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:26px;margin-bottom:28px;padding:22px 0;display:grid}.project-bar.svelte-ubkcxg label:where(.svelte-ubkcxg){margin:0}.project-bar.svelte-ubkcxg label:where(.svelte-ubkcxg) span:where(.svelte-ubkcxg):last-child{color:var(--muted);margin-top:6px;font-size:12px}.project-bar.svelte-ubkcxg details:where(.svelte-ubkcxg){position:relative}summary.svelte-ubkcxg{cursor:pointer;color:var(--brand);padding-block:14px;font-size:13px;font-weight:550}.project-bar.svelte-ubkcxg form:where(.svelte-ubkcxg){z-index:20;background:var(--panel);border:1px solid var(--line);width:290px;box-shadow:0 12px 36px color-mix(in srgb, var(--fg) 12%, transparent);padding:20px;position:absolute;top:48px;right:0}.project-bar.svelte-ubkcxg form:where(.svelte-ubkcxg) button:where(.svelte-ubkcxg){margin-top:14px}.workspace.svelte-ubkcxg{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:28px;display:grid}.authoring.svelte-ubkcxg,.stage.svelte-ubkcxg{min-width:0}fieldset.svelte-ubkcxg{border:0;min-width:0;margin:0;padding:0}legend.svelte-ubkcxg{padding:0}h2.svelte-ubkcxg{letter-spacing:-.025em;overflow-wrap:anywhere;margin:14px 0 18px;font-size:19px;font-weight:550}h3.svelte-ubkcxg{margin:0 0 18px;font-size:14px;font-weight:600}.templates.svelte-ubkcxg{gap:8px;margin-bottom:24px;display:grid}.template.svelte-ubkcxg{text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:5px;gap:14px;padding:15px;display:flex}.template.selected.svelte-ubkcxg{border-color:var(--brand);background:var(--panel2);box-shadow:inset 3px 0 var(--brand)}.template.svelte-ubkcxg:hover{border-color:var(--brand)}.template-number.svelte-ubkcxg{color:var(--muted);padding-top:3px;font-family:monospace;font-size:11px}.template.svelte-ubkcxg strong:where(.svelte-ubkcxg){font-size:15px;font-weight:600;display:block}.template.svelte-ubkcxg small:where(.svelte-ubkcxg){color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.template.svelte-ubkcxg .source-kind:where(.svelte-ubkcxg){text-transform:uppercase;letter-spacing:.05em;margin-top:9px;font-size:10px}label.svelte-ubkcxg{gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;display:grid}input.svelte-ubkcxg:not([type=checkbox]):not([type=range]),select.svelte-ubkcxg,textarea.svelte-ubkcxg{border:1px solid var(--control-line);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--fg);border-radius:4px;padding:10px 12px;font-size:13px}textarea.svelte-ubkcxg{resize:vertical;font-family:monospace;line-height:1.6}input.svelte-ubkcxg{accent-color:var(--brand)}input[type=range].svelte-ubkcxg{width:100%;min-height:28px;margin:4px 0 14px}.style-settings.svelte-ubkcxg,.section-details.svelte-ubkcxg{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.style-settings.svelte-ubkcxg{padding-top:22px}.style-settings.svelte-ubkcxg label:where(.svelte-ubkcxg):has(output:where(.svelte-ubkcxg)){justify-content:space-between;margin-top:18px;display:flex}output.svelte-ubkcxg{color:var(--brand);font-variant-numeric:tabular-nums}.check.svelte-ubkcxg{white-space:nowrap;align-items:center;gap:8px;min-height:44px;margin:0;display:flex}input[type=checkbox].svelte-ubkcxg{width:16px;height:16px}.two-columns.svelte-ubkcxg{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full.svelte-ubkcxg{width:100%;margin-top:10px}.authoring.svelte-ubkcxg p:where(.svelte-ubkcxg),.timeline.svelte-ubkcxg p:where(.svelte-ubkcxg),.provenance.svelte-ubkcxg p:where(.svelte-ubkcxg),.publish.svelte-ubkcxg p:where(.svelte-ubkcxg){color:var(--muted);margin:10px 0;font-size:12px;line-height:1.6}.stage.svelte-ubkcxg{border:1px solid var(--line);background:var(--bg);border-radius:6px;overflow:hidden}.stage-heading.svelte-ubkcxg{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.stage-heading.svelte-ubkcxg h2:where(.svelte-ubkcxg){margin:8px 0 0}.status-dot.svelte-ubkcxg{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.status-dot.svelte-ubkcxg:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.timeline.svelte-ubkcxg{border-top:1px solid var(--line);padding:20px 22px 12px}.provenance.svelte-ubkcxg{border-top:1px solid var(--line);background:var(--panel);padding:20px 22px}.provenance.svelte-ubkcxg .warning:where(.svelte-ubkcxg),.warning.svelte-ubkcxg{color:var(--warning)}.publish.svelte-ubkcxg{border-top:2px solid var(--brand);justify-content:space-between;align-items:center;gap:28px;margin-top:32px;padding-top:24px;display:flex}.publish.svelte-ubkcxg h2:where(.svelte-ubkcxg){margin-block:10px}.publish.svelte-ubkcxg p:where(.svelte-ubkcxg){max-width:500px}.publish-actions.svelte-ubkcxg{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:420px;display:flex}.error.svelte-ubkcxg,.feedback.svelte-ubkcxg{border:1px solid var(--line);border-radius:4px;margin:0 0 22px;padding:16px;font-size:13px;line-height:1.6}.error.svelte-ubkcxg{background:var(--danger-bg);color:var(--danger)}.error-detail.svelte-ubkcxg{color:var(--muted);font-size:.85em;display:block}.error.svelte-ubkcxg button:where(.svelte-ubkcxg){margin-left:12px}.feedback.svelte-ubkcxg{background:var(--panel2);color:var(--fg)}button.svelte-ubkcxg:disabled{cursor:default}@media (width<=1000px){.workspace.svelte-ubkcxg{grid-template-columns:240px minmax(0,1fr);gap:20px}.publish.svelte-ubkcxg{flex-direction:column;align-items:flex-start}.publish-actions.svelte-ubkcxg{justify-content:flex-start;max-width:none}}@media (width<=760px){.studio.svelte-ubkcxg{padding-top:30px}.studio-heading.svelte-ubkcxg{flex-direction:column;gap:16px}.workspace.svelte-ubkcxg{grid-template-columns:1fr;gap:24px}.project-bar.svelte-ubkcxg{grid-template-columns:1fr;gap:12px}.project-bar.svelte-ubkcxg form:where(.svelte-ubkcxg){max-width:calc(100vw - 40px);left:0;right:auto}.templates.svelte-ubkcxg{grid-template-columns:repeat(3,1fr);gap:6px}.template.svelte-ubkcxg{gap:6px;padding:12px 9px}.template-number.svelte-ubkcxg{display:none}.template.svelte-ubkcxg small:where(.svelte-ubkcxg){font-size:10px}.style-settings.svelte-ubkcxg{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.style-settings.svelte-ubkcxg h3:where(.svelte-ubkcxg),.style-settings.svelte-ubkcxg p:where(.svelte-ubkcxg){grid-column:1/-1}.style-settings.svelte-ubkcxg label:where(.svelte-ubkcxg):has(output:where(.svelte-ubkcxg)){margin-top:0}.style-settings.svelte-ubkcxg input[type=range]:where(.svelte-ubkcxg){margin:0}.stage-heading.svelte-ubkcxg,.timeline.svelte-ubkcxg{padding-inline:16px}.status-dot.svelte-ubkcxg{white-space:normal}.publish-actions.svelte-ubkcxg{width:100%}.publish-actions.svelte-ubkcxg button:where(.svelte-ubkcxg){flex:180px}}