.product-preview.svelte-1sw6xun{--demo-bg: var(--bg);--demo-panel: var(--card);--demo-text: var(--text);--demo-muted: var(--muted);--demo-line: var(--border);--demo-accent: var(--accent);--demo-inverse: var(--inverse);width:246px;height:485px;flex-shrink:0;border:1px solid #606060;border-radius:32px;background:var(--demo-bg);color:var(--demo-text);box-shadow:0 22px 42px #0003;text-align:left;overflow:hidden;position:relative}.preview-body.svelte-1sw6xun{padding:24px 15px 60px;height:100%;position:relative;min-width:0}header.svelte-1sw6xun{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:17px}header.svelte-1sw6xun b:where(.svelte-1sw6xun){letter-spacing:-.6px}.brand-period.svelte-1sw6xun{color:var(--demo-muted)}.market-tabs.svelte-1sw6xun,.filters.svelte-1sw6xun,.theme-pills.svelte-1sw6xun{display:flex;gap:4px;background:var(--demo-panel);padding:4px;border-radius:9px;font-size:10px}.market-tabs.svelte-1sw6xun span:where(.svelte-1sw6xun){flex:1;text-align:center;padding:6px}.chosen.svelte-1sw6xun{background:var(--demo-accent);color:var(--demo-inverse);border-radius:6px}.screen-heading.svelte-1sw6xun{margin:20px 0 13px}.screen-heading.svelte-1sw6xun small:where(.svelte-1sw6xun),.demo-panel.svelte-1sw6xun>small:where(.svelte-1sw6xun){font-size:7px;letter-spacing:1px;color:var(--demo-muted)}h3.svelte-1sw6xun{font-size:25px;letter-spacing:-.8px;margin:5px 0 0}.revenue.svelte-1sw6xun small:where(.svelte-1sw6xun){font-size:10px;color:var(--demo-muted);display:block}.revenue.svelte-1sw6xun strong:where(.svelte-1sw6xun){font-size:36px;letter-spacing:-1.7px;display:block;margin:5px 0 7px}.revenue.svelte-1sw6xun strong:where(.svelte-1sw6xun) span:where(.svelte-1sw6xun){font-size:21px;font-weight:400;color:var(--demo-muted)}.revenue.svelte-1sw6xun>span:where(.svelte-1sw6xun){font-size:8px;color:var(--demo-muted)}.metrics.svelte-1sw6xun{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 10px}.metrics.svelte-1sw6xun>div:where(.svelte-1sw6xun),.demo-panel.svelte-1sw6xun{background:var(--demo-panel);border:1px solid var(--demo-line);border-radius:11px;padding:12px}.metrics.svelte-1sw6xun small:where(.svelte-1sw6xun){font-size:9px;color:var(--demo-muted);display:block}.metrics.svelte-1sw6xun b:where(.svelte-1sw6xun){font-size:25px;display:block;margin-top:4px}.demo-panel.svelte-1sw6xun p:where(.svelte-1sw6xun){font-size:10px;color:var(--demo-muted);line-height:1.55;margin-top:8px}.caption.svelte-1sw6xun{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:5px}.caption.svelte-1sw6xun>span:where(.svelte-1sw6xun){font-size:8px;color:var(--demo-muted)}.latest.svelte-1sw6xun{margin:16px 0 9px}.demo-toggle.svelte-1sw6xun{width:24px;height:14px;background:var(--demo-accent);border-radius:20px;position:relative}.demo-toggle.svelte-1sw6xun:after{content:"";width:10px;height:10px;position:absolute;right:2px;top:2px;border-radius:50%;background:var(--demo-inverse)}.demo-row.svelte-1sw6xun{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid var(--demo-line);font-size:9px}.demo-row.svelte-1sw6xun>div:where(.svelte-1sw6xun){flex:1}.demo-row.svelte-1sw6xun b:where(.svelte-1sw6xun),.stock-row.svelte-1sw6xun b:where(.svelte-1sw6xun){font-size:10px;display:block;font-weight:500}.demo-row.svelte-1sw6xun small:where(.svelte-1sw6xun),.stock-row.svelte-1sw6xun small:where(.svelte-1sw6xun){display:block;margin-top:5px;font-size:8px;color:var(--demo-muted)}.square.svelte-1sw6xun{width:32px;height:34px;border-radius:8px;background:var(--demo-panel);display:grid;place-items:center}.filters.svelte-1sw6xun span:where(.svelte-1sw6xun),.theme-pills.svelte-1sw6xun span:where(.svelte-1sw6xun){padding:6px;flex:1;text-align:center}.filters.svelte-1sw6xun{font-size:9px;margin-bottom:12px}.demo-row.svelte-1sw6xun+.demo-panel:where(.svelte-1sw6xun){margin-top:16px}.chat-bubble.svelte-1sw6xun{background:var(--demo-panel);font-size:10px;line-height:1.5;border-radius:12px;padding:10px;max-width:88%;margin-top:16px}.reply.svelte-1sw6xun{margin-left:auto;background:var(--demo-accent);color:var(--demo-inverse)}.reply-label.svelte-1sw6xun{display:block;text-align:right;color:var(--demo-muted);font-size:8px;margin-top:5px}.demo-input.svelte-1sw6xun{border:1px solid var(--demo-line);border-radius:10px;padding:10px;font-size:9px;display:flex;justify-content:space-between;margin-top:22px;color:var(--demo-muted)}.stock-row.svelte-1sw6xun{display:flex;gap:10px;align-items:center;margin-top:10px}.stock-row.svelte-1sw6xun>div:where(.svelte-1sw6xun){flex:1}.stock-row.svelte-1sw6xun+.demo-panel:where(.svelte-1sw6xun){margin-top:10px}.demo-panel.svelte-1sw6xun+.demo-panel:where(.svelte-1sw6xun){margin-top:12px}.theme-pills.svelte-1sw6xun{margin-top:10px}nav.svelte-1sw6xun{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;border:1px solid var(--demo-line);border-radius:12px;background:var(--demo-panel);padding:5px}nav.svelte-1sw6xun>span:where(.svelte-1sw6xun){display:grid;place-items:center;padding:7px}.wide.svelte-1sw6xun{width:min(920px,100%);height:470px;border-radius:18px;display:grid;grid-template-columns:165px 1fr}.wide.svelte-1sw6xun aside:where(.svelte-1sw6xun){border-right:1px solid var(--demo-line);padding:27px 20px;display:flex;flex-direction:column;gap:13px;font-size:12px}.wide.svelte-1sw6xun aside:where(.svelte-1sw6xun)>b:where(.svelte-1sw6xun){font-size:21px;margin-bottom:25px}.wide.svelte-1sw6xun aside:where(.svelte-1sw6xun)>span:where(.svelte-1sw6xun){padding:9px}.wide.svelte-1sw6xun aside:where(.svelte-1sw6xun) small:where(.svelte-1sw6xun){margin-top:auto;font-size:10px;color:var(--demo-muted)}.wide.svelte-1sw6xun .preview-body:where(.svelte-1sw6xun){padding:27px 32px}.wide.svelte-1sw6xun header:where(.svelte-1sw6xun){margin-bottom:13px}.wide.svelte-1sw6xun .market-tabs:where(.svelte-1sw6xun){max-width:250px}.wide.svelte-1sw6xun .screen-heading:where(.svelte-1sw6xun){margin-top:18px}.wide.svelte-1sw6xun .metrics:where(.svelte-1sw6xun){max-width:290px;float:right;margin-top:-97px;width:45%}.wide.svelte-1sw6xun .demo-panel:where(.svelte-1sw6xun){max-width:100%}.wide.svelte-1sw6xun .revenue:where(.svelte-1sw6xun){margin-bottom:22px}.wide.svelte-1sw6xun .chat-bubble:where(.svelte-1sw6xun){max-width:65%;margin-top:10px}.wide.svelte-1sw6xun .demo-row:where(.svelte-1sw6xun){padding:10px 0}.wide.svelte-1sw6xun .stock-row:where(.svelte-1sw6xun){padding:16px}.wide.svelte-1sw6xun .demo-panel:where(.svelte-1sw6xun)+.demo-panel:where(.svelte-1sw6xun){margin-top:9px}@media(max-width:600px){.wide.svelte-1sw6xun{grid-template-columns:105px 1fr;height:430px}.wide.svelte-1sw6xun aside:where(.svelte-1sw6xun){padding:22px 10px;font-size:10px;gap:7px}.wide.svelte-1sw6xun aside:where(.svelte-1sw6xun)>b:where(.svelte-1sw6xun){font-size:15px}.wide.svelte-1sw6xun .preview-body:where(.svelte-1sw6xun){padding:22px 15px}.wide.svelte-1sw6xun .metrics:where(.svelte-1sw6xun){float:none;margin-top:10px;width:100%;max-width:none}.wide.svelte-1sw6xun .revenue:where(.svelte-1sw6xun){margin-bottom:10px}.wide.svelte-1sw6xun .demo-panel:where(.svelte-1sw6xun) p:where(.svelte-1sw6xun){font-size:9px}}