.visual-builder[data-v-3ce570dc]{border:1px solid var(--color-line);background:var(--color-card);border-radius:18px;position:relative;overflow:hidden;container-type:inline-size}.builder-toolbar[data-v-3ce570dc]{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.builder-identity[data-v-3ce570dc]{align-items:center;gap:10px;display:flex}.builder-mark[data-v-3ce570dc]{background:var(--color-stamp-soft);width:34px;height:34px;color:var(--color-stamp);border-radius:10px;place-items:center;font-size:25px;display:grid}.builder-identity h3[data-v-3ce570dc]{letter-spacing:-.02em;font-size:15px;font-weight:600}.builder-identity p[data-v-3ce570dc]{color:var(--color-muted);font-size:11px}.mode-switch[data-v-3ce570dc],.width-switch[data-v-3ce570dc]{border:1px solid var(--color-line-soft);background:var(--color-paper);border-radius:8px;gap:3px;padding:3px;display:flex}.mode-switch button[data-v-3ce570dc],.width-switch button[data-v-3ce570dc]{color:var(--color-muted);border-radius:5px;padding:6px 12px;font-size:12px}.mode-switch button[aria-pressed=true][data-v-3ce570dc]{background:var(--color-ink);color:#fff}.width-switch button[data-v-3ce570dc]{padding:4px 9px;font-size:11px}.width-switch button[aria-pressed=true][data-v-3ce570dc]{background:var(--color-card);color:var(--color-ink);box-shadow:0 1px 4px #1d294512}.history-actions[data-v-3ce570dc]{gap:4px;display:flex}.history-actions button[data-v-3ce570dc]{border-radius:6px;width:30px;height:30px;font-size:21px}button[data-v-3ce570dc]{cursor:pointer}button[data-v-3ce570dc]:disabled{opacity:.3;cursor:default}.history-actions button[data-v-3ce570dc]:not(:disabled):hover,.selection-actions button[data-v-3ce570dc]:not(:disabled):hover{background:var(--color-paper)}.builder-workspace[data-v-3ce570dc]{grid-template-columns:186px minmax(0,1fr) 240px;min-height:730px;display:grid}.component-panel[data-v-3ce570dc],.settings-panel[data-v-3ce570dc]{min-width:0;padding:20px 16px}.component-panel[data-v-3ce570dc]{border-right:1px solid var(--color-line)}.settings-panel[data-v-3ce570dc]{border-left:1px solid var(--color-line)}.panel-heading[data-v-3ce570dc]{margin-bottom:20px}.panel-heading h4[data-v-3ce570dc]{letter-spacing:-.025em;overflow-wrap:anywhere;margin-top:3px;font-size:16px;font-weight:600}.panel-heading p[data-v-3ce570dc]{margin-top:5px;line-height:1.5}.panel-heading p[data-v-3ce570dc],.section-label[data-v-3ce570dc]{color:var(--color-muted);font-size:12px}.section-label[data-v-3ce570dc]{margin-bottom:10px;font-weight:400;display:block}.component-search[data-v-3ce570dc]{margin-bottom:22px}.component-list[data-v-3ce570dc]{gap:8px;display:grid}.component-tile[data-v-3ce570dc]{border:1px solid var(--color-line-soft);background:var(--color-card);text-align:left;cursor:grab;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.component-tile[data-v-3ce570dc]:hover{border-color:var(--color-stamp);background:var(--color-stamp-soft)}.component-tile[data-v-3ce570dc]:active{cursor:grabbing}.component-icon[data-v-3ce570dc]{border:1px solid var(--color-line-soft);background:var(--color-paper);border-radius:5px;place-items:center;width:25px;height:25px;font:16px Georgia,serif;display:grid}.tile-grip[data-v-3ce570dc]{color:var(--color-muted);opacity:.5;margin-left:auto;font-size:16px}.palette-footer[data-v-3ce570dc]{border-top:1px solid var(--color-line-soft);margin-top:24px;padding-top:20px}.design-button[data-v-3ce570dc]{justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:12px;display:flex}.design-button[aria-pressed=true][data-v-3ce570dc]{color:var(--color-stamp)}.panel-note[data-v-3ce570dc]{color:var(--color-muted);margin-top:16px;font-size:11px;line-height:1.6}.canvas-panel[data-v-3ce570dc]{background:#f1f2f5;min-width:0}.canvas-toolbar[data-v-3ce570dc]{border-bottom:1px solid #e4e5ea;justify-content:flex-end;align-items:center;gap:8px;padding:14px 16px;display:flex}.canvas-scroll[data-v-3ce570dc]{background-image:radial-gradient(#c8ccd6 .7px,#0000 0);background-size:14px 14px;min-height:670px;max-height:850px;padding:36px 24px 20px;overflow-y:auto}.canvas-page[data-v-3ce570dc]{max-width:528px;margin:0 auto;padding:0}.canvas-page.mobile-canvas[data-v-3ce570dc]{max-width:375px;padding:0 12px}.editor-form[data-v-3ce570dc]{max-width:100%;box-shadow:0 6px 24px #1d294509}.canvas-block[data-v-3ce570dc]{outline-offset:7px;cursor:pointer;border-radius:3px;outline:1px solid #0000;position:relative}.canvas-block[data-v-3ce570dc]:hover{outline-color:#cf417370}.canvas-block.is-selected[data-v-3ce570dc],.canvas-block[data-v-3ce570dc]:focus-visible{outline:2px solid var(--color-stamp)}.block-tag[data-v-3ce570dc]{z-index:2;background:var(--color-stamp);color:#fff;font:10px/1.5 var(--font-sans);border-radius:4px 4px 0 0;padding:2px 7px;display:none;position:absolute;top:-24px;right:-8px}.block-tag span[data-v-3ce570dc]{margin-left:8px}.canvas-block.is-selected .block-tag[data-v-3ce570dc]{display:block}.introduction-block[data-v-3ce570dc]{margin-bottom:18px}.introduction-block h2[data-v-3ce570dc]{margin-bottom:12px}.introduction-block .flora-description[data-v-3ce570dc]{margin-bottom:0}.empty-intro[data-v-3ce570dc]{color:#66706b;padding:12px 0;font-size:12px}.field-block[data-v-3ce570dc]{cursor:grab;-webkit-user-select:none;user-select:none}.field-drag-handle[data-v-3ce570dc]{color:#9aa19b;cursor:grab;padding:8px 3px;font-size:18px;position:absolute;top:50%;left:-24px;transform:translateY(-50%)}.field-block.is-selected .field-drag-handle[data-v-3ce570dc],.field-block:hover .field-drag-handle[data-v-3ce570dc]{color:var(--color-stamp)}.field-block[data-v-3ce570dc]:active{cursor:grabbing}.field-block.is-moving[data-v-3ce570dc]{opacity:.35}.field-render[data-v-3ce570dc]{pointer-events:none}.field-render[data-v-3ce570dc] label{margin-bottom:0}.drop-marker[data-v-3ce570dc]{height:24px;position:relative}.drop-marker[data-v-3ce570dc]:before{content:"";height:2px;top:50%;left:-12px}.drop-marker span[data-v-3ce570dc],.drop-marker[data-v-3ce570dc]:before{background:var(--color-stamp);opacity:0;position:absolute;right:-12px}.drop-marker span[data-v-3ce570dc]{z-index:3;color:#fff;font:9px/1.5 var(--font-sans);border-radius:4px;padding:1px 5px;top:4px}.drop-marker.active span[data-v-3ce570dc],.drop-marker.active[data-v-3ce570dc]:before{opacity:1}.canvas-drop-zone[data-v-3ce570dc]{color:#747c77;border:1px dashed #cbd0cd;border-radius:7px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:12px 8px;font-size:11px;display:flex}.canvas-drop-zone>span[data-v-3ce570dc]{font-size:17px}.canvas-drop-zone.empty-form[data-v-3ce570dc]{padding:38px 10px}.canvas-drop-zone small[data-v-3ce570dc]{text-align:center;width:100%;font-size:11px}.is-dragging .canvas-drop-zone[data-v-3ce570dc]{border-color:var(--color-stamp);color:var(--color-stamp);background:#fce5ef55}.submit-block[data-v-3ce570dc]{margin-top:24px}.submit-block[data-v-3ce570dc] button{margin-top:0}.credit-name[data-v-3ce570dc]{text-underline-offset:2px;text-decoration:underline}.canvas-hint[data-v-3ce570dc]{text-align:center;color:var(--color-muted);margin-top:24px;font-size:11px}.builder-label[data-v-3ce570dc]{margin-top:18px;font-size:12px;font-weight:500;display:block}.builder-input[data-v-3ce570dc]{border:1px solid var(--color-line);background:var(--color-card);width:100%;color:var(--color-ink);font:12px/1.5 var(--font-sans);border-radius:7px;margin-top:7px;padding:9px 10px;display:block}textarea.builder-input[data-v-3ce570dc]{resize:vertical}.builder-input[data-v-3ce570dc]:focus{outline-offset:1px;border-color:var(--color-stamp);outline:2px solid #cf41732b}.selection-actions[data-v-3ce570dc]{border-bottom:1px solid var(--color-line-soft);gap:4px;padding-bottom:16px;display:flex}.selection-actions button[data-v-3ce570dc]{border:1px solid var(--color-line);border-radius:5px;padding:5px 7px;font-size:11px}.selection-actions .delete-action[data-v-3ce570dc]{color:var(--color-stamp);margin-left:auto}.input-help[data-v-3ce570dc]{color:var(--color-muted);margin-top:6px;font-size:11px;font-weight:400;line-height:1.5;display:block}.required-toggle[data-v-3ce570dc]{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;font-size:12px;display:flex}.required-toggle small[data-v-3ce570dc]{color:var(--color-muted);margin-top:5px;font-size:10px;display:block}.required-toggle input[data-v-3ce570dc]{width:16px;height:16px;accent-color:var(--color-stamp)}.advanced-settings[data-v-3ce570dc]{border-top:1px solid var(--color-line-soft);margin-top:24px;padding-top:18px;font-size:12px}.advanced-settings summary[data-v-3ce570dc]{cursor:pointer}.name-input[data-v-3ce570dc]{font-family:var(--font-mono)}.colour-control[data-v-3ce570dc]{border:1px solid var(--color-line);border-radius:7px;align-items:center;gap:10px;margin-top:8px;padding:6px 8px;display:flex}.colour-control input[data-v-3ce570dc]{cursor:pointer;background:0 0;border:0;width:30px;height:26px;padding:0}.colour-control span[data-v-3ce570dc]{font:11px var(--font-mono);color:var(--color-muted)}.radius-value[data-v-3ce570dc]{float:right;color:var(--color-muted);font-weight:400}.radius-input[data-v-3ce570dc]{width:100%;accent-color:var(--color-stamp);margin-top:14px;display:block}.settings-tip[data-v-3ce570dc]{background:var(--color-paper);border-radius:8px;gap:9px;margin-top:32px;padding:13px;font-size:12px;line-height:1.6;display:flex}.settings-tip>span[data-v-3ce570dc]{color:var(--color-stamp);font-size:18px}.settings-tip p span[data-v-3ce570dc]{color:var(--color-muted);font-size:11px}.validation-errors[data-v-3ce570dc]{background:#fce5ef55;border:1px solid #cf417330;border-radius:8px;margin:20px 0;padding:12px;font-size:12px}.validation-errors ul[data-v-3ce570dc]{color:var(--color-muted);margin:7px 0;padding-left:16px;list-style:outside}.validation-errors li+li[data-v-3ce570dc]{margin-top:6px}.preview-panel[data-v-3ce570dc]{background:#e9ede5;padding:20px}.preview-toolbar[data-v-3ce570dc]{color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;display:flex}.preview-panel iframe[data-v-3ce570dc]{border:0;width:100%;height:720px;margin:auto;display:block}.preview-panel iframe.mobile-preview[data-v-3ce570dc]{max-width:375px}.code-panel[data-v-3ce570dc]{max-width:860px;margin:auto;padding:32px}.code-intro[data-v-3ce570dc]{margin-bottom:24px}.code-intro h4[data-v-3ce570dc]{letter-spacing:-.03em;font-size:25px}.code-intro p[data-v-3ce570dc]{max-width:580px;color:var(--color-muted);margin-top:8px;font-size:13px;line-height:1.6}.mobile-panel-switch[data-v-3ce570dc]{display:none}@container (width<=960px){.builder-workspace[data-v-3ce570dc]{grid-template-columns:166px minmax(0,1fr)}.settings-panel[data-v-3ce570dc]{border-left:0;border-top:1px solid var(--color-line);grid-column:1/-1}.settings-panel .panel-heading[data-v-3ce570dc]{margin-bottom:12px}.settings-panel .selection-actions[data-v-3ce570dc]{justify-content:flex-start}.selection-actions .delete-action[data-v-3ce570dc]{margin-left:0}.canvas-scroll[data-v-3ce570dc]{max-height:740px}}@container (width<=600px){.builder-toolbar[data-v-3ce570dc]{flex-wrap:wrap;padding:12px}.builder-identity[data-v-3ce570dc]{flex:1}.mode-switch[data-v-3ce570dc]{order:3;width:100%}.mode-switch button[data-v-3ce570dc]{flex:1}.builder-workspace[data-v-3ce570dc]{flex-direction:column;display:flex}.mobile-panel-switch[data-v-3ce570dc]{border-bottom:1px solid var(--color-line);gap:6px;padding:12px;display:flex}.mobile-panel-switch button[data-v-3ce570dc]{background:var(--color-paper);border-radius:6px;flex:1;padding:8px;font-size:12px}.mobile-panel-switch button[aria-pressed=true][data-v-3ce570dc]{background:var(--color-stamp-soft);color:var(--color-stamp)}.component-panel[data-v-3ce570dc],.settings-panel[data-v-3ce570dc]{border:0;order:1;padding:16px}.panel-hidden[data-v-3ce570dc]{display:none}.canvas-panel[data-v-3ce570dc]{order:2}.component-list[data-v-3ce570dc]{grid-template-columns:repeat(3,minmax(0,1fr))}.component-tile[data-v-3ce570dc]{text-align:center;flex-direction:column;gap:5px}.tile-grip[data-v-3ce570dc]{display:none}.component-search[data-v-3ce570dc]{margin-bottom:14px}.palette-footer[data-v-3ce570dc]{margin-top:16px;padding-top:14px}.palette-footer .panel-note[data-v-3ce570dc],.palette-footer .section-label[data-v-3ce570dc]{display:none}.canvas-scroll[data-v-3ce570dc]{min-height:0;padding:28px 20px 20px}.editor-form[data-v-3ce570dc]{padding:24px 20px}.preview-toolbar[data-v-3ce570dc]{flex-wrap:wrap}.code-panel[data-v-3ce570dc]{padding:20px}}