.portal-preview.svelte-3zp4ko{margin-top:24px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-elevated);overflow:hidden}.preview-top.svelte-3zp4ko{padding:24px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.preview-top.svelte-3zp4ko strong:where(.svelte-3zp4ko){font-size:18px;display:block}.preview-top.svelte-3zp4ko p:where(.svelte-3zp4ko){font-size:13px;color:var(--color-muted-foreground);margin-top:6px}.preview-badge.svelte-3zp4ko{font-size:11px;padding:6px 12px;background:var(--studio-soft);color:var(--studio-link);border-radius:5px;flex-shrink:0}.preview-tabs.svelte-3zp4ko{padding:0 28px;display:flex;gap:22px;border-bottom:1px solid var(--color-border)}.preview-tabs.svelte-3zp4ko button:where(.svelte-3zp4ko){padding:12px 3px;border-bottom:2px solid transparent;color:var(--color-muted-foreground);font-size:14px}.preview-tabs.svelte-3zp4ko button[aria-selected=true]:where(.svelte-3zp4ko){border-color:var(--studio-link);color:var(--studio-link)}.preview-body.svelte-3zp4ko{padding:28px}.preview-body.svelte-3zp4ko h3:where(.svelte-3zp4ko){font-size:22px;margin:12px 0 18px}.preview-requests.svelte-3zp4ko{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:30px;align-items:start}.request-row.svelte-3zp4ko{display:contents}.request-row.svelte-3zp4ko>button:where(.svelte-3zp4ko){grid-column:1;width:100%;text-align:left;padding:16px;border:1px solid var(--color-border);border-radius:7px;margin-bottom:10px}.request-row.svelte-3zp4ko>button[aria-expanded=true]:where(.svelte-3zp4ko){border-color:var(--studio-link);background:var(--studio-soft)}.request-row.svelte-3zp4ko>button:where(.svelte-3zp4ko) strong:where(.svelte-3zp4ko){display:block;font-size:14px}.request-row.svelte-3zp4ko>button:where(.svelte-3zp4ko) span:where(.svelte-3zp4ko){display:block;font-size:12px;color:var(--color-muted-foreground)}.request-detail.svelte-3zp4ko{grid-column:2;grid-row:1 / span 3;padding:10px 0}.request-detail[hidden].svelte-3zp4ko{display:none}.request-detail.svelte-3zp4ko p:where(.svelte-3zp4ko),.preview-message.svelte-3zp4ko p:where(.svelte-3zp4ko){font-size:15px;color:var(--color-foreground-secondary)}dl.svelte-3zp4ko{margin-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:20px}dt.svelte-3zp4ko{font-size:12px;color:var(--color-muted-foreground)}dd.svelte-3zp4ko{font-size:14px}.preview-message.svelte-3zp4ko{background:var(--studio-soft);border-radius:8px;padding:18px;max-width:85%;margin-bottom:16px}.preview-message.svelte-3zp4ko strong:where(.svelte-3zp4ko){font-size:13px}.reply.svelte-3zp4ko{margin-left:auto;background:var(--color-surface);border:1px solid var(--color-border)}.preview-bottom.svelte-3zp4ko{border-top:1px solid var(--color-border);padding:18px 28px}.preview-bottom.svelte-3zp4ko p:where(.svelte-3zp4ko){font-size:12px;color:var(--color-muted-foreground)}@media(max-width:767px){.preview-top.svelte-3zp4ko,.preview-body.svelte-3zp4ko,.preview-bottom.svelte-3zp4ko{padding:16px}.preview-top.svelte-3zp4ko{flex-direction:column;align-items:start;gap:12px}.preview-tabs.svelte-3zp4ko{padding-inline:16px;gap:16px}.preview-tabs.svelte-3zp4ko button:where(.svelte-3zp4ko){font-size:13px}.preview-requests.svelte-3zp4ko,.request-row.svelte-3zp4ko{display:block}.request-detail.svelte-3zp4ko{padding:10px 4px 24px}.preview-body.svelte-3zp4ko h3:where(.svelte-3zp4ko){font-size:20px}dl.svelte-3zp4ko{grid-template-columns:1fr;gap:12px;margin-top:16px}.preview-message.svelte-3zp4ko{max-width:100%;padding:14px}}