.product-example[data-v-eb64e70d]{text-align:start;background:var(--qk-color-surface-page);min-width:0}.product-heading[data-v-eb64e70d]{border-bottom:1px solid var(--qk-color-border-subtle);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px;font-size:14px;display:flex}.product-heading span[data-v-eb64e70d],.product-hint[data-v-eb64e70d],.product-status[data-v-eb64e70d]{color:var(--qk-color-text-secondary);font-size:12px}.product-tools[data-v-eb64e70d]{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.product-hint[data-v-eb64e70d]{margin:0;padding:12px 16px;line-height:1.7}.product-error[data-v-eb64e70d]{color:var(--qk-color-status-danger-text,var(--qk-color-text-primary));overflow-wrap:anywhere;margin:0;padding:12px 16px}.product-loading[data-v-eb64e70d]{padding:20px}.product-viewport[data-v-eb64e70d]{background:var(--qk-color-surface-subtle);border-block:1px solid var(--qk-color-border-default);height:540px;padding:12px;overflow:auto}.product-stage[data-v-eb64e70d]{margin-inline:auto;position:relative}.product-surface[data-v-eb64e70d]{background:var(--qk-color-surface-page);position:relative}.product-status[data-v-eb64e70d]{justify-content:space-between;gap:8px;padding:8px 16px}.product-status[data-v-eb64e70d],.product-status>div[data-v-eb64e70d]{flex-wrap:wrap;align-items:center;display:flex}.product-status>div[data-v-eb64e70d]{gap:6px}@media (max-width:600px){.product-heading[data-v-eb64e70d],.product-status[data-v-eb64e70d],.product-tools[data-v-eb64e70d]{padding-inline:12px}.product-viewport[data-v-eb64e70d]{height:440px;padding:8px}}