.host.svelte-2zp38t{border:1px solid var(--line-strong);background:var(--bg);border-radius:12px;flex-direction:column;height:460px;margin:0 0 16px;display:flex;overflow:hidden}header.svelte-2zp38t{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.title.svelte-2zp38t{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.spacer.svelte-2zp38t{flex:1}button.svelte-2zp38t{border:1px solid var(--accent);background:var(--accent);height:32px;color:var(--accent-ink);font:inherit;cursor:pointer;border-radius:7px;flex:none;padding:0 14px;font-size:14px;font-weight:550;transition:filter .18s cubic-bezier(.16,1,.3,1)}button.svelte-2zp38t:hover{filter:brightness(1.08)}.canvas.svelte-2zp38t{background:var(--surface-2);flex:1;min-height:0}.placeholder.svelte-2zp38t{height:100%;color:var(--text-muted);place-items:center;margin:0;font-size:14px;display:grid}.seg.svelte-1t11i8j{align-items:center;gap:12px;min-width:0;display:flex}.name.svelte-1t11i8j{width:92px;color:var(--text-muted);flex:none;font-size:13px}.track.svelte-1t11i8j{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:4px;min-width:0;padding:4px;display:flex}button.svelte-1t11i8j{height:28px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 12px;font-size:14px;transition:color .15s cubic-bezier(.16,1,.3,1),background-color .15s cubic-bezier(.16,1,.3,1)}button.svelte-1t11i8j:hover{color:var(--text)}button.on.svelte-1t11i8j{border-color:var(--line);background:var(--surface-2);color:var(--text);font-weight:600}@media (width<=520px){.seg.svelte-1t11i8j{flex-direction:column;align-items:flex-start;gap:6px}.name.svelte-1t11i8j{width:auto}}.playground.svelte-123ciny{margin:0 0 28px}.controls.svelte-123ciny{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0 0 16px;display:grid}.frame.svelte-123ciny{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:12px;height:600px;margin:0 0 16px;overflow:hidden}@media (width>=961px){.frame.svelte-123ciny:not(.narrow){margin-inline:-12px}}@media (width>=1240px){.frame.svelte-123ciny:not(.narrow){margin-right:calc(-1*min(320px,50vw - 558px))}}.frame.narrow.svelte-123ciny{width:420px;max-width:100%;height:680px}.placeholder.svelte-123ciny{height:100%;color:var(--text-muted);place-items:center;margin:0;font-size:14px;display:grid}.caption.svelte-123ciny{color:var(--text-muted);margin:0 0 10px;font-size:14px}.brand.svelte-123ciny{color:var(--fb-text);font-family:var(--fb-font);white-space:nowrap;font-size:14px}@media (width<=900px){.controls.svelte-123ciny{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.playground.svelte-123ciny .width-switch{display:none}.frame.svelte-123ciny,.frame.narrow.svelte-123ciny{width:auto;height:620px}}.controls.svelte-1fusi3q{flex-wrap:wrap;gap:10px 24px;margin:0 0 16px;display:flex}.frame.svelte-1fusi3q{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:12px;height:520px;margin:0 0 16px;overflow:hidden}.placeholder.svelte-1fusi3q{height:100%;color:var(--text-muted);place-items:center;margin:0;font-size:14px;display:grid}.shot.svelte-mb2odu{margin:0 0 24px}.shot.svelte-mb2odu img:where(.svelte-mb2odu){border:1px solid var(--line-strong);border-radius:12px;width:100%;height:auto;display:block}figcaption.svelte-mb2odu{color:var(--text-muted);margin-top:8px;font-size:13px}