.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-1gqmuqj{padding-block:48px 72px}.studio-heading.svelte-1gqmuqj{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}h1.svelte-1gqmuqj{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-1gqmuqj p:where(.svelte-1gqmuqj){color:var(--muted);max-width:570px;margin:0;font-size:16px;line-height:1.6}.experimental.svelte-1gqmuqj{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:20px;padding:8px 12px;font-size:11px}.project-bar.svelte-1gqmuqj{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-1gqmuqj label:where(.svelte-1gqmuqj){margin:0}.project-bar.svelte-1gqmuqj label:where(.svelte-1gqmuqj) span:where(.svelte-1gqmuqj):last-child{color:var(--muted);margin-top:6px;font-size:12px}.project-bar.svelte-1gqmuqj details:where(.svelte-1gqmuqj){position:relative}summary.svelte-1gqmuqj{cursor:pointer;color:var(--brand);padding-block:14px;font-size:13px;font-weight:550}.project-bar.svelte-1gqmuqj form:where(.svelte-1gqmuqj){z-index:20;background:var(--panel);border:1px solid var(--line);width:290px;padding:20px;position:absolute;top:48px;right:0;box-shadow:0 12px 36px #0002}.project-bar.svelte-1gqmuqj form:where(.svelte-1gqmuqj) button:where(.svelte-1gqmuqj){margin-top:14px}.workspace.svelte-1gqmuqj{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:28px;display:grid}.authoring.svelte-1gqmuqj,.stage.svelte-1gqmuqj{min-width:0}fieldset.svelte-1gqmuqj{border:0;min-width:0;margin:0;padding:0}legend.svelte-1gqmuqj{padding:0}h2.svelte-1gqmuqj{letter-spacing:-.025em;overflow-wrap:anywhere;margin:14px 0 18px;font-size:19px;font-weight:550}h3.svelte-1gqmuqj{margin:0 0 18px;font-size:14px;font-weight:600}.templates.svelte-1gqmuqj{gap:8px;margin-bottom:24px;display:grid}.template.svelte-1gqmuqj{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-1gqmuqj{border-color:var(--brand);background:var(--panel2);box-shadow:inset 3px 0 var(--brand)}.template.svelte-1gqmuqj:hover{border-color:var(--brand)}.template-number.svelte-1gqmuqj{color:var(--muted);padding-top:3px;font-family:monospace;font-size:11px}.template.svelte-1gqmuqj strong:where(.svelte-1gqmuqj){font-size:15px;font-weight:600;display:block}.template.svelte-1gqmuqj small:where(.svelte-1gqmuqj){color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.template.svelte-1gqmuqj .source-kind:where(.svelte-1gqmuqj){text-transform:uppercase;letter-spacing:.05em;margin-top:9px;font-size:10px}label.svelte-1gqmuqj{gap:8px;margin-bottom:8px;font-size:12px;font-weight:500;display:grid}input.svelte-1gqmuqj:not([type=checkbox]):not([type=range]),select.svelte-1gqmuqj,textarea.svelte-1gqmuqj{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-1gqmuqj{resize:vertical;font-family:monospace;line-height:1.6}input.svelte-1gqmuqj{accent-color:var(--brand)}input[type=range].svelte-1gqmuqj{width:100%;min-height:28px;margin:4px 0 14px}.style-settings.svelte-1gqmuqj,.section-details.svelte-1gqmuqj{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.style-settings.svelte-1gqmuqj{padding-top:22px}.style-settings.svelte-1gqmuqj label:where(.svelte-1gqmuqj):has(output:where(.svelte-1gqmuqj)){justify-content:space-between;margin-top:18px;display:flex}output.svelte-1gqmuqj{color:var(--brand);font-variant-numeric:tabular-nums}.check.svelte-1gqmuqj{white-space:nowrap;align-items:center;gap:8px;min-height:44px;margin:0;display:flex}input[type=checkbox].svelte-1gqmuqj{width:16px;height:16px}.two-columns.svelte-1gqmuqj{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full.svelte-1gqmuqj{width:100%;margin-top:10px}.authoring.svelte-1gqmuqj p:where(.svelte-1gqmuqj),.timeline.svelte-1gqmuqj p:where(.svelte-1gqmuqj),.provenance.svelte-1gqmuqj p:where(.svelte-1gqmuqj),.publish.svelte-1gqmuqj p:where(.svelte-1gqmuqj){color:var(--muted);margin:10px 0;font-size:12px;line-height:1.6}.stage.svelte-1gqmuqj{border:1px solid var(--line);background:var(--bg);border-radius:6px;overflow:hidden}.stage-heading.svelte-1gqmuqj{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.stage-heading.svelte-1gqmuqj h2:where(.svelte-1gqmuqj){margin:8px 0 0}.status-dot.svelte-1gqmuqj{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.status-dot.svelte-1gqmuqj:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px}.timeline.svelte-1gqmuqj{border-top:1px solid var(--line);padding:20px 22px 12px}.time-heading.svelte-1gqmuqj{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;display:flex}.time-heading.svelte-1gqmuqj label:where(.svelte-1gqmuqj){color:var(--fg)}.transport.svelte-1gqmuqj{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.transport.svelte-1gqmuqj .button:where(.svelte-1gqmuqj){padding-inline:12px;font-size:12px}.step.svelte-1gqmuqj{background:var(--panel);min-width:44px;min-height:44px;color:var(--brand);border:1px solid var(--control-line);border-radius:4px;font-size:18px}.frame-count.svelte-1gqmuqj{color:var(--muted);margin-right:auto;font-size:11px}.speed.svelte-1gqmuqj{align-items:center;gap:6px;margin:0;display:flex}.speed.svelte-1gqmuqj select:where(.svelte-1gqmuqj){width:70px;padding:6px}.provenance.svelte-1gqmuqj{border-top:1px solid var(--line);background:var(--panel);padding:20px 22px}.provenance.svelte-1gqmuqj .warning:where(.svelte-1gqmuqj){color:var(--warning)}.publish.svelte-1gqmuqj{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-1gqmuqj h2:where(.svelte-1gqmuqj){margin-block:10px}.publish.svelte-1gqmuqj p:where(.svelte-1gqmuqj){max-width:500px}.publish-actions.svelte-1gqmuqj{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:420px;display:flex}.error.svelte-1gqmuqj,.feedback.svelte-1gqmuqj{border:1px solid var(--line);border-radius:4px;margin:0 0 22px;padding:16px;font-size:13px;line-height:1.6}.error.svelte-1gqmuqj{background:var(--danger-bg);color:var(--danger)}.error.svelte-1gqmuqj button:where(.svelte-1gqmuqj){margin-left:12px}.feedback.svelte-1gqmuqj{background:var(--panel2);color:var(--fg)}button.svelte-1gqmuqj:disabled{cursor:default}@media (width<=1000px){.workspace.svelte-1gqmuqj{grid-template-columns:240px minmax(0,1fr);gap:20px}.publish.svelte-1gqmuqj{flex-direction:column;align-items:flex-start}.publish-actions.svelte-1gqmuqj{justify-content:flex-start;max-width:none}}@media (width<=760px){.studio.svelte-1gqmuqj{padding-top:30px}.studio-heading.svelte-1gqmuqj{flex-direction:column;gap:16px}.workspace.svelte-1gqmuqj{grid-template-columns:1fr;gap:24px}.project-bar.svelte-1gqmuqj{grid-template-columns:1fr;gap:12px}.project-bar.svelte-1gqmuqj form:where(.svelte-1gqmuqj){max-width:calc(100vw - 40px);left:0;right:auto}.templates.svelte-1gqmuqj{grid-template-columns:repeat(3,1fr);gap:6px}.template.svelte-1gqmuqj{gap:6px;padding:12px 9px}.template-number.svelte-1gqmuqj{display:none}.template.svelte-1gqmuqj small:where(.svelte-1gqmuqj){font-size:10px}.style-settings.svelte-1gqmuqj{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.style-settings.svelte-1gqmuqj h3:where(.svelte-1gqmuqj),.style-settings.svelte-1gqmuqj p:where(.svelte-1gqmuqj){grid-column:1/-1}.style-settings.svelte-1gqmuqj label:where(.svelte-1gqmuqj):has(output:where(.svelte-1gqmuqj)){margin-top:0}.style-settings.svelte-1gqmuqj input[type=range]:where(.svelte-1gqmuqj){margin:0}.stage-heading.svelte-1gqmuqj,.timeline.svelte-1gqmuqj{padding-inline:16px}.status-dot.svelte-1gqmuqj{white-space:normal}.publish-actions.svelte-1gqmuqj{width:100%}.publish-actions.svelte-1gqmuqj button:where(.svelte-1gqmuqj){flex:180px}}