*,:before,:after{box-sizing:border-box}body{color:#213547;background-color:#fff;min-height:100vh;margin:0;line-height:1.5}#app{min-height:100vh}.editor-root[data-v-011c301b]{color:#1a1a1a;max-width:1600px;margin:0 auto;padding:12px 16px 24px;font-family:system-ui,sans-serif}.topbar h1[data-v-011c301b]{margin:0 0 4px;font-size:1.25rem}.hint[data-v-011c301b]{color:#555;margin:0 0 12px;font-size:.85rem}.main[data-v-011c301b]{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.tools[data-v-011c301b]{flex-shrink:0;width:180px}.preset-select[data-v-011c301b]{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:8px;padding:6px 8px;font-size:.8rem}.bg-mode-select[data-v-011c301b]{margin-bottom:0}.url-row[data-v-011c301b]{color:#444;margin-bottom:8px;font-size:.78rem;display:block}.url-input[data-v-011c301b]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:4px;padding:6px 8px;font-size:.8rem}.lbl-row[data-v-011c301b]{color:#444;margin-bottom:8px;font-size:.78rem;display:block}.range-full[data-v-011c301b]{box-sizing:border-box;width:100%;margin-top:6px}.dim-row label[data-v-011c301b]{color:#444;margin-bottom:8px;font-size:.78rem;display:block}.dim-row input[type=number][data-v-011c301b]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-top:4px;padding:6px 8px}.props[data-v-011c301b]{flex-shrink:0;width:320px;position:relative}.import-html-file[data-v-011c301b]{opacity:0;clip:rect(0, 0, 0, 0);width:0;height:0;position:absolute;overflow:hidden}.props .export-actions[data-v-011c301b]{gap:8px;margin-bottom:8px;display:flex}.props .export-actions .btn[data-v-011c301b]{flex:1;min-width:0;margin-bottom:0}.tools .btn[data-v-011c301b],.props .btn[data-v-011c301b]{width:100%;margin-bottom:8px}.btn[data-v-011c301b]{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:.9rem}.btn[data-v-011c301b]:hover:not(:disabled){background:#f5f5f5}.btn[data-v-011c301b]:disabled{opacity:.45;cursor:not-allowed}.btn.primary[data-v-011c301b]{color:#fff;background:#42b883;border-color:#36996b}.btn.sm[data-v-011c301b]{padding:6px;font-size:.8rem}.adj-grid[data-v-011c301b]{grid-template-columns:1fr 1fr 1fr;place-items:center;gap:4px;display:grid}.lbl[data-v-011c301b]{color:#666;margin:0 0 6px;font-size:.8rem}.props h2[data-v-011c301b]{margin:16px 0 8px;font-size:.95rem}.props label[data-v-011c301b]{margin-bottom:10px;font-size:.85rem;display:block}.props input[type=number][data-v-011c301b]{box-sizing:border-box;width:100%;margin-top:4px;padding:6px 8px}.props label.chk[data-v-011c301b]{cursor:pointer;align-items:flex-start;gap:8px;font-size:.85rem;display:flex}.props label.chk input[data-v-011c301b]{flex-shrink:0;margin-top:3px}.muted[data-v-011c301b]{color:#888;font-size:.9rem}.muted.small[data-v-011c301b]{font-size:.8rem}.code[data-v-011c301b]{box-sizing:border-box;resize:vertical;border:1px solid #ccc;border-radius:6px;width:100%;height:220px;margin-top:8px;padding:8px;font-family:ui-monospace,monospace;font-size:11px}.canvas-wrap[data-v-011c301b]{background:#dfe3e8;border-radius:8px;flex:1;min-width:280px;padding:12px;overflow:auto}.canvas-wrap--space[data-v-011c301b]:not(.canvas-wrap--panning){cursor:grab}.canvas-wrap--panning[data-v-011c301b]{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-zoom-hint[data-v-011c301b]{margin:0 0 8px}.canvas-zoom-outer[data-v-011c301b]{display:block}.canvas-inner[data-v-011c301b]{box-shadow:0 1px 6px #0000001f}.canvas-inner--bg-edit .box[data-v-011c301b],.canvas-inner--bg-edit .box-body[data-v-011c301b],.canvas-inner--bg-edit .box-txt[data-v-011c301b],.canvas-inner--bg-edit .split-edge[data-v-011c301b],.canvas-inner--bg-edit .rh[data-v-011c301b]{pointer-events:none}.box-txt[data-v-011c301b]{z-index:4;cursor:grab;color:#111;-webkit-user-select:none;user-select:none;max-width:calc(100% - 4px);margin:0;padding:0;line-height:1.25;position:absolute}.box-txt--sel[data-v-011c301b]{outline-offset:1px;outline:1px dashed #0d6efd}.box-txt-inner[data-v-011c301b]{white-space:pre-wrap;word-break:break-word;pointer-events:none}.text-block-input[data-v-011c301b]{box-sizing:border-box;resize:vertical;border:1px solid #ccc;border-radius:4px;width:100%;min-height:72px;margin-top:6px;padding:8px;font-size:.85rem}.hr-tight[data-v-011c301b]{margin:10px 0}.fill-color-row[data-v-011c301b]{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fill-color-swatch[data-v-011c301b]{cursor:pointer;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;flex-shrink:0;width:40px;height:32px;padding:0}.fill-color-hex[data-v-011c301b]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;flex:1;min-width:0;padding:6px 8px;font-family:ui-monospace,monospace;font-size:.8rem}.stack-row[data-v-011c301b]{gap:8px;margin-bottom:8px;display:flex}.stack-row .btn[data-v-011c301b]{flex:1;margin-bottom:0}.bg-resize-layer[data-v-011c301b]{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.bg-resize-frame-wrap[data-v-011c301b]{pointer-events:none;box-sizing:border-box;position:absolute}.bg-resize-frame-drag-hit[data-v-011c301b]{z-index:0;cursor:grab;pointer-events:auto;position:absolute;inset:0}.bg-resize-frame-outline[data-v-011c301b]{z-index:1;pointer-events:none;box-sizing:border-box;border:2px dashed #e63946;border-radius:2px;position:absolute;inset:0}.bg-rh[data-v-011c301b]{z-index:2;pointer-events:auto;box-sizing:border-box;background:#fff;border:2px solid #e63946;border-radius:3px;width:12px;height:12px;position:absolute}.bg-rh-nw[data-v-011c301b]{cursor:nwse-resize;top:-6px;left:-6px}.bg-rh-n[data-v-011c301b]{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.bg-rh-ne[data-v-011c301b]{cursor:nesw-resize;top:-6px;right:-6px}.bg-rh-e[data-v-011c301b]{cursor:ew-resize;top:50%;right:-6px;transform:translateY(-50%)}.bg-rh-se[data-v-011c301b]{cursor:nwse-resize;bottom:-6px;right:-6px}.bg-rh-s[data-v-011c301b]{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.bg-rh-sw[data-v-011c301b]{cursor:nesw-resize;bottom:-6px;left:-6px}.bg-rh-w[data-v-011c301b]{cursor:ew-resize;top:50%;left:-6px;transform:translateY(-50%)}.canvas-bg-layer[data-v-011c301b],.canvas-grid-layer[data-v-011c301b]{box-sizing:border-box}.box[data-v-011c301b]{box-sizing:border-box;cursor:default;background:#ffffff59;border-style:solid;border-color:#222;position:absolute}.box.selected[data-v-011c301b]{outline-offset:-1px;outline:2px solid #0d6efdbf;box-shadow:0 0 0 1px #0d6efd40}.box-body[data-v-011c301b]{cursor:move;position:absolute;inset:0}.rh[data-v-011c301b]{z-index:3;background:#fff;border:1px solid #0d6efd;border-radius:2px;width:10px;height:10px;position:absolute}.rh-nw[data-v-011c301b]{cursor:nwse-resize;top:-5px;left:-5px}.rh-n[data-v-011c301b]{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.rh-ne[data-v-011c301b]{cursor:nesw-resize;top:-5px;right:-5px}.rh-e[data-v-011c301b]{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.rh-se[data-v-011c301b]{cursor:nwse-resize;bottom:-5px;right:-5px}.rh-s[data-v-011c301b]{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.rh-sw[data-v-011c301b]{cursor:nesw-resize;bottom:-5px;left:-5px}.rh-w[data-v-011c301b]{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.split-edge[data-v-011c301b]{z-index:2;box-sizing:border-box;cursor:inherit;background:0 0;border:none;margin:0;padding:0;position:absolute}.split-edge[data-v-011c301b]:hover{background:#0d6efd1f}.split-edge.n[data-v-011c301b]{cursor:row-resize;width:100%;height:16px;top:-8px;left:0}.split-edge.s[data-v-011c301b]{cursor:row-resize;width:100%;height:16px;bottom:-8px;left:0}.split-edge.w[data-v-011c301b]{cursor:col-resize;width:16px;height:100%;top:0;left:-8px}.split-edge.e[data-v-011c301b]{cursor:col-resize;width:16px;height:100%;top:0;right:-8px}.marquee-rect[data-v-011c301b]{z-index:10000;pointer-events:none;box-sizing:border-box;background:#0d6efd1a;border:1px dashed #0d6efd;position:absolute}.split-line[data-v-011c301b]{pointer-events:none;z-index:10001;opacity:.85;background:#e63946;position:absolute}.split-line.h[data-v-011c301b]{height:2px;margin-top:-1px}.split-line.v[data-v-011c301b]{width:2px;margin-left:-1px}hr[data-v-011c301b]{border:none;border-top:1px solid #ddd;margin:12px 0}