.html-editor-root.html-editor-root[data-v-8765e79d]{flex:0 min(1600px,100%)}.upload-compact[data-v-8765e79d]{border-width:1px;flex-direction:row;padding:4px 10px}.preview-scroll[data-v-8765e79d]{scrollbar-gutter:stable;overscroll-behavior:contain;overflow:auto}.preview-toolbar[data-v-8765e79d]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-size[data-v-8765e79d]{font-variant-numeric:tabular-nums;opacity:.6;font-size:11px}.zoom-group[data-v-8765e79d]{border:1px solid var(--v038a2a2d);border-radius:6px;align-items:stretch;display:flex;overflow:hidden}.zoom-btn[data-v-8765e79d],.zoom-value[data-v-8765e79d],.zoom-fit[data-v-8765e79d]{height:22px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:11px;line-height:1}.zoom-btn[data-v-8765e79d]{width:22px;padding:0;font-size:14px}.zoom-value[data-v-8765e79d]{font-variant-numeric:tabular-nums;min-width:42px}.zoom-fit[data-v-8765e79d]{border-left:1px solid var(--v038a2a2d)}.zoom-btn[data-v-8765e79d]:not(:disabled):hover,.zoom-value[data-v-8765e79d]:hover,.zoom-fit[data-v-8765e79d]:not(:disabled):hover{background:#18a05824}.zoom-btn[data-v-8765e79d]:focus-visible,.zoom-value[data-v-8765e79d]:focus-visible,.zoom-fit[data-v-8765e79d]:focus-visible{outline:2px solid var(--v1bad1caa);outline-offset:-2px}.zoom-btn[data-v-8765e79d]:disabled,.zoom-fit[data-v-8765e79d]:disabled{cursor:default;opacity:.4}.zoom-fit.is-active[data-v-8765e79d]{opacity:.45}.preview-holder[data-v-8765e79d]{margin:0 auto;position:relative}.preview-stage[data-v-8765e79d]{transform-origin:top;position:absolute;top:0;left:50%}.preview-frame[data-v-8765e79d]{border:1px solid var(--v038a2a2d);background:#fff;border-radius:6px;width:100%;height:100%;display:block}.mode-visual-grid[data-v-8765e79d]{gap:1rem;display:grid}@media (width>=1024px){.mode-visual-grid[data-v-8765e79d]{grid-template-columns:minmax(0,1fr) 288px}}.style-panel[data-v-8765e79d]{border:1px solid var(--v038a2a2d);border-radius:6px;align-self:start;max-height:620px;padding:10px;font-size:12px;overflow-y:auto}.style-panel-head[data-v-8765e79d]{border-bottom:1px solid var(--v038a2a2d);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.style-tag[data-v-8765e79d]{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.style-path[data-v-8765e79d]{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:10px;display:flex}.style-path-sep[data-v-8765e79d]{opacity:.45}.style-path-item[data-v-8765e79d]{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:1px 3px;font-size:11px}.style-path-item[data-v-8765e79d]:hover,.style-path-item.is-current[data-v-8765e79d]{opacity:1;background:#18a05824}.style-fields[data-v-8765e79d]{gap:8px;display:grid}.style-row[data-v-8765e79d]{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:6px;display:grid}.style-label[data-v-8765e79d]{opacity:.72;font-size:11px}.style-control[data-v-8765e79d]{align-items:center;gap:6px;min-width:0;display:flex}.style-swatch[data-v-8765e79d]{border:1px solid var(--v038a2a2d);cursor:pointer;background:0 0;border-radius:4px;flex:none;width:28px;height:24px;padding:0}.style-text[data-v-8765e79d],.style-select[data-v-8765e79d],.style-box-side input[data-v-8765e79d]{border:1px solid var(--v038a2a2d);background:var(--v4b2cbf49);min-width:0;height:24px;color:inherit;border-radius:4px;padding:0 6px;font-size:11px}.style-text[data-v-8765e79d],.style-select[data-v-8765e79d]{flex:1}.style-range[data-v-8765e79d]{min-width:0;accent-color:var(--v1bad1caa);flex:1}.style-unit[data-v-8765e79d]{opacity:.6;flex:none;font-size:11px}.style-group-toggle[data-v-8765e79d]{border:0;border-top:1px solid var(--v038a2a2d);color:inherit;opacity:.72;cursor:pointer;background:0 0;align-items:center;gap:4px;margin-top:2px;padding-top:8px;font-size:11px;display:flex}.style-box-groups[data-v-8765e79d]{gap:10px;display:grid}.style-box-title[data-v-8765e79d]{opacity:.6;margin-bottom:4px;font-size:11px}.style-box-sides[data-v-8765e79d]{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.style-box-side[data-v-8765e79d]{opacity:.72;gap:2px;font-size:11px;display:grid}.style-box-side input[data-v-8765e79d]{text-align:center;width:100%;padding:0 4px}.style-empty[data-v-8765e79d]{opacity:.65;font-size:12px;line-height:1.7}