.dev-preview[data-v-2f12c9a3]{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-top:14px;overflow:hidden}.dev-preview-controls[data-v-2f12c9a3]{align-items:center;border-bottom:1px solid var(--line);color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:12.5px;gap:14px;padding:10px 14px}.dev-preview-controls label[data-v-2f12c9a3]{align-items:center;display:inline-flex;gap:6px}.dev-preview-controls select[data-v-2f12c9a3]{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;font-size:12.5px;padding:4px 8px}.dev-preview-hint[data-v-2f12c9a3]{color:var(--ink-3);font-family:var(--font-mono);font-size:11.5px;margin-left:auto}.dev-preview-frame[data-v-2f12c9a3]{background:var(--surface);border:0;display:block;width:100%}.dev-code-block[data-v-2f12c9a3]{margin-top:12px;position:relative}.dev-code[data-v-2f12c9a3]{background:var(--fill);border-radius:var(--radius-sm);color:var(--ink-2);font-size:12.5px;line-height:1.7;margin:0;overflow-x:auto;padding:12px 96px 12px 14px;white-space:pre}.dev-code-copy[data-v-2f12c9a3]{background:var(--surface);position:absolute;right:8px;top:8px}@media (max-width:640px){.dev-code[data-v-2f12c9a3]{padding-right:14px}.dev-code-copy[data-v-2f12c9a3]{margin-top:8px;position:static}}