.hp-editor[data-v-7ffe1bc6]{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;height:100%;min-height:0;overflow:hidden}.hp-editor[data-v-7ffe1bc6] .cm-editor{outline:none;height:100%}.hp-editor[data-v-7ffe1bc6] .cm-focused{outline:2px solid var(--accent);outline-offset:-2px}.hp-toolbar[data-v-6cd23d75]{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:12px;display:flex}.hp-toolbar-group[data-v-6cd23d75]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hp-toolbar-end[data-v-6cd23d75]{margin-left:auto}.hp-width-label[data-v-6cd23d75]{color:var(--muted);font-variant-numeric:tabular-nums;min-width:4.5em;font-size:12px}.hp-sync-hint[data-v-6cd23d75]{color:#f59e0b;flex:100%;margin:0;font-size:12px}@media (width<=767px){.hp-toolbar-end[data-v-6cd23d75]{margin-left:0}}.hp-console[data-v-efce89cc]{border-top:1px solid var(--border);background:var(--bg-elev);flex-shrink:0}.hp-console-bar[data-v-efce89cc]{width:100%;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.hp-console-bar[data-v-efce89cc]:hover{background:var(--bg-soft)}.hp-console-title[data-v-efce89cc]{font-size:13px;font-weight:600}.hp-badge[data-v-efce89cc]{background:var(--bg-soft);border:1px solid var(--border);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:1.4em;padding:0 6px;font-size:11px}.hp-badge-err[data-v-efce89cc]{color:#ef4444;background:#ef44442e;border-color:#ef4444;font-weight:700}.hp-console-hint[data-v-efce89cc]{color:var(--muted);margin-left:auto;font-size:12px}.hp-console-body[data-v-efce89cc]{border-top:1px solid var(--border);max-height:160px;padding:0 12px 10px;overflow:auto}.hp-console-actions[data-v-efce89cc]{justify-content:flex-end;padding:6px 0;display:flex}.hp-console-list[data-v-efce89cc]{font-family:var(--mono);margin:0;padding:0;font-size:12px;list-style:none}.hp-console-item[data-v-efce89cc]{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);white-space:pre-wrap;word-break:break-word;grid-template-columns:52px 1fr;gap:8px;padding:4px 0;display:grid}.hp-kind[data-v-efce89cc]{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:10px;font-weight:700}.hp-kind[data-kind=log][data-v-efce89cc]{color:#38bdf8}.hp-kind[data-kind=warn][data-v-efce89cc]{color:#f59e0b}.hp-kind[data-kind=error][data-v-efce89cc],.hp-kind[data-kind=unhandledrejection][data-v-efce89cc]{color:#ef4444}.hp-console-empty[data-v-efce89cc]{color:var(--muted);margin:0;font-size:12px}.hp-pane[data-v-cee64a07]{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.hp-stage-wrap[data-v-cee64a07]{background:linear-gradient(90deg, color-mix(in srgb, var(--border) 35%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(color-mix(in srgb, var(--border) 35%, transparent) 1px, transparent 1px) 0 0 / 16px 16px, var(--bg);flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex;overflow:auto}.hp-placeholder[data-v-cee64a07]{color:var(--muted);text-align:center;margin:auto;padding:24px;font-size:14px}.hp-stage[data-v-cee64a07]{height:100%;min-height:240px;box-shadow:0 0 0 1px var(--border);background:#fff}.hp-stage-fixed[data-v-cee64a07]{flex-shrink:0;margin:0 auto}.hp-iframe[data-v-cee64a07]{background:#fff;border:0;width:100%;height:100%;display:block}.hp-lead[data-v-4b7af45b]{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.55}.hp-link[data-v-4b7af45b]{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.hp-layout[data-v-4b7af45b]{grid-template-columns:minmax(0, calc(var(--hp-split,.5) * 100%)) 6px minmax(0, 1fr);flex:1;gap:0;height:min(70vh,720px);min-height:420px;display:grid}.hp-layout-narrow[data-v-4b7af45b]{grid-template-columns:1fr;height:auto;min-height:360px}.hp-pane-code[data-v-4b7af45b],.hp-pane-preview[data-v-4b7af45b]{min-width:0;height:100%;min-height:0}.hp-layout-narrow .hp-pane-code[data-v-4b7af45b],.hp-layout-narrow .hp-pane-preview[data-v-4b7af45b]{height:min(62vh,560px)}.hp-splitter[data-v-4b7af45b]{cursor:col-resize;touch-action:none;background:0 0;position:relative}.hp-splitter[data-v-4b7af45b]:after{content:"";background:var(--border);border-radius:4px;position:absolute;inset:8px 1px}.hp-splitter[data-v-4b7af45b]:hover:after,.hp-splitter[data-v-4b7af45b]:focus-visible:after{background:var(--accent)}.hp-splitter[data-v-4b7af45b]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-tabs[data-v-4b7af45b]{grid-column:1/-1;gap:6px;margin-bottom:10px;display:flex}.hp-tab[data-v-4b7af45b]{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:1;padding:8px 12px}.hp-tab[aria-selected=true][data-v-4b7af45b]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:650}.toast-enter-active[data-v-4b7af45b],.toast-leave-active[data-v-4b7af45b]{transition:all .25s var(--ease-spring,ease)}.toast-enter-from[data-v-4b7af45b],.toast-leave-to[data-v-4b7af45b]{opacity:0;transform:translateY(12px)scale(.95)}