[data-panel2-editor-hover]{outline:2px dashed rgba(139,92,246,.95)!important;outline-offset:2px!important;cursor:crosshair!important}[data-panel2-editor-selected]{outline:3px solid #8b5cf6!important;outline-offset:3px!important}.panel2-editor-canvas-active{cursor:default}.panel2-editor-canvas-active *{scroll-margin:80px}.panel2-editor-canvas-badge{position:fixed;z-index:2147483646;pointer-events:none;background:#8b5cf6;color:white;font:600 11px/1.2 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);padding:5px 8px;border-radius:6px;box-shadow:0 5px 20px rgba(0,0,0,.35)}.panel2-editor-open-button{position:fixed;right:18px;bottom:18px;z-index:2147483000;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;background:#7c3aed;color:#fff!important;text-decoration:none!important;font:700 12px/1 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);box-shadow:0 12px 35px rgba(76,29,149,.45);border:1px solid rgba(255,255,255,.18)}.panel2-editor-open-button:hover{background:#8b5cf6}.panel2-editor-custom-element{box-sizing:border-box}

/* Panel 2 visual editor: drag, drop and resize handles. */
.panel2-editor-selection-tools{position:fixed;z-index:2147483645;pointer-events:none;border:1px solid rgba(139,92,246,.8);box-shadow:0 0 0 1px rgba(139,92,246,.2);border-radius:4px}
.panel2-editor-selection-tools button{position:absolute;pointer-events:auto;border:1px solid rgba(255,255,255,.35);background:#7c3aed;color:#fff;display:grid;place-items:center;cursor:grab;font:700 13px/1 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);box-shadow:0 5px 16px rgba(0,0,0,.28)}
.panel2-editor-selection-tools button:active{cursor:grabbing}
.panel2-editor-drag-handle{left:50%;top:-14px;transform:translateX(-50%);width:40px;height:24px;border-radius:8px}
.panel2-editor-resize-handle{right:-12px;bottom:-12px;width:25px;height:25px;border-radius:50%;cursor:nwse-resize!important}
.panel2-editor-flow-placeholder{border:2px dashed #8b5cf6;background:rgba(139,92,246,.12);border-radius:10px;min-height:28px;margin:6px 0}
.panel2-editor-flow-dragging{opacity:.88;transform:rotate(.4deg);box-shadow:0 22px 60px rgba(0,0,0,.45)!important}

/* Panel 2: live preview while moving and resizing elements. */
.panel2-editor-pointer-active,.panel2-editor-pointer-active *{user-select:none!important}
.panel2-editor-free-dragging,.panel2-editor-free-resizing{cursor:grabbing!important;box-shadow:0 18px 55px rgba(0,0,0,.38)!important}
.panel2-editor-live-destination{position:fixed;z-index:2147483643;pointer-events:none;border:2px dashed #a78bfa;background:rgba(139,92,246,.10);border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset}
.panel2-editor-live-hud{position:fixed;z-index:2147483647;pointer-events:none;max-width:calc(100vw - 16px);padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(17,24,39,.94);color:#fff;font:700 11px/1.25 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 28px rgba(0,0,0,.4);backdrop-filter:blur(8px)}
.panel2-editor-live-guide{position:fixed;z-index:2147483642;pointer-events:none;background:#c4b5fd;box-shadow:0 0 7px rgba(167,139,250,.9)}
.panel2-editor-live-guide.horizontal{left:0;right:0;height:1px}
.panel2-editor-live-guide.vertical{top:0;bottom:0;width:1px}
.panel2-editor-drag-handle,.panel2-editor-resize-handle{touch-action:none}

/* Podpowiedź wstawiana obok pól Panelu 2 dla użytkowników bota. */
.panel2-user-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:visible!important}
.panel2-user-tooltip-trigger{appearance:none;box-sizing:border-box;display:grid;place-items:center;width:20px;height:20px;min-width:20px;margin:0;padding:0;border:1px solid currentColor;border-radius:50%;background:rgba(139,92,246,.14);color:inherit;font:800 12px/1 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);cursor:help;box-shadow:none}
.panel2-user-tooltip-trigger:hover,.panel2-user-tooltip-trigger:focus-visible{background:#8b5cf6;color:#fff;outline:2px solid rgba(139,92,246,.35);outline-offset:2px}
.panel2-user-tooltip-bubble{position:absolute;z-index:2147482000;left:50%;top:calc(100% + 9px);width:max-content;max-width:min(300px,calc(100vw - 32px));padding:10px 12px;border:1px solid rgba(167,139,250,.45);border-radius:9px;background:#101728;color:#f5f3ff;text-align:left;font:500 12px/1.45 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);white-space:normal;box-shadow:0 14px 36px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.panel2-user-tooltip-bubble::before{content:"";position:absolute;left:50%;bottom:100%;width:8px;height:8px;border-left:1px solid rgba(167,139,250,.45);border-top:1px solid rgba(167,139,250,.45);background:#101728;transform:translate(-50%,5px) rotate(45deg)}
.panel2-user-tooltip:hover .panel2-user-tooltip-bubble,.panel2-user-tooltip:focus-within .panel2-user-tooltip-bubble,.panel2-user-tooltip.is-open .panel2-user-tooltip-bubble{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.panel2-user-tooltip.is-escape-closed .panel2-user-tooltip-bubble{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-4px)!important}
.panel2-editor-canvas-active .panel2-user-tooltip-bubble{display:none!important}
@media(max-width:640px){.panel2-user-tooltip-bubble{max-width:min(260px,calc(100vw - 24px));font-size:13px}}

/* Bloki specjalne przy istniejących polach formularza. */
.panel2-special-picker{box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;margin:5px 0;padding:6px 8px;border:1px solid rgba(139,92,246,.35);border-radius:8px;background:rgba(139,92,246,.08);vertical-align:middle}
.panel2-special-picker-label{font:600 11px/1.2 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);color:inherit;opacity:.86}
.panel2-special-picker-button,.panel2-special-picker input[type="color"]{box-sizing:border-box;width:34px;height:30px;margin:0;padding:3px;border:1px solid rgba(139,92,246,.5);border-radius:7px;background:rgba(139,92,246,.16);color:inherit;font:800 13px/1 var(--font-ui,"Inter","Segoe UI",Arial,sans-serif);cursor:pointer}
.panel2-special-picker-button:hover,.panel2-special-picker-button:focus-visible{background:#8b5cf6;color:#fff;outline:2px solid rgba(139,92,246,.3);outline-offset:2px}
.panel2-special-picker input[type="color"]{padding:2px}
[data-panel2-sample-value]{outline:1px dashed rgba(139,92,246,.62)!important;outline-offset:1px!important}