.pg[data-v-f20835d0]{display:flex;flex-direction:column;gap:14px}.toolbar[data-v-f20835d0]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.spacer[data-v-f20835d0]{flex:1}.pg-layout[data-v-f20835d0]{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.1fr);gap:16px}@media (max-width: 900px){.pg-layout[data-v-f20835d0]{grid-template-columns:1fr}}.editor-col[data-v-f20835d0]{display:flex;flex-direction:column;border:1px solid var(--border-lighter);border-radius:12px;overflow:hidden}.tabs[data-v-f20835d0]{display:flex;background:var(--el-fill-color-lighter);border-bottom:1px solid var(--border-lighter)}.tab[data-v-f20835d0]{padding:9px 18px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--text-secondary);font-family:inherit;border-bottom:2px solid transparent}.tab.active[data-v-f20835d0]{color:var(--el-color-primary);border-bottom-color:var(--el-color-primary);background:var(--bg-color);font-weight:600}.editor[data-v-f20835d0]{height:420px;border:none;outline:none;resize:vertical;padding:12px 14px;background:var(--bg-color);color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2}.editor-hint[data-v-f20835d0]{padding:6px 14px;font-size:12px;color:var(--text-secondary);border-top:1px dashed var(--border-lighter)}.preview-col[data-v-f20835d0]{display:flex;flex-direction:column;gap:8px;min-width:0}.preview-head[data-v-f20835d0],.console-head[data-v-f20835d0]{font-size:13px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.preview-wrap[data-v-f20835d0]{border:1px solid var(--border-lighter);border-radius:12px;overflow:hidden;height:300px;background:#fff}.preview-wrap.mobile .preview-frame[data-v-f20835d0]{width:375px;margin:0 auto;border-left:1px solid var(--border-lighter);border-right:1px solid var(--border-lighter)}.preview-frame[data-v-f20835d0]{width:100%;height:100%;border:none;display:block}.console-body[data-v-f20835d0]{border:1px solid var(--border-lighter);border-radius:12px;background:var(--bg-color);height:180px;overflow:auto;padding:8px 0}.log-line[data-v-f20835d0]{padding:3px 14px;font-family:Consolas,Monaco,monospace;font-size:12.5px;color:var(--text-primary);white-space:pre-wrap;word-break:break-all}.log-time[data-v-f20835d0]{color:var(--text-secondary);margin-right:8px;font-size:11px}.log-sys[data-v-f20835d0]{color:var(--el-color-primary)}.log-info[data-v-f20835d0]{color:var(--el-color-info)}.log-warn[data-v-f20835d0]{color:var(--el-color-warning);background:var(--el-color-warning-light-9)}.log-error[data-v-f20835d0]{color:var(--el-color-danger);background:var(--el-color-danger-light-9)}.log-empty[data-v-f20835d0]{padding:12px 14px;font-size:12px;color:var(--text-secondary)}