.swpp-editor,.swpp-configurator{--swpp-color-primary:#6c2bd9;--swpp-color-primary-dark:#5420ae;--swpp-color-text:#1e293b;--swpp-color-muted:#64748b;--swpp-color-border:#dbe3ee;--swpp-color-surface:#fff;--swpp-color-soft:#f8fafc;--swpp-radius:12px;--swpp-shadow:0 10px 30px #0f172a1a}.swpp-editor{box-sizing:border-box;border:1px solid var(--swpp-color-border);border-radius:var(--swpp-radius);background:var(--swpp-color-surface);box-shadow:var(--swpp-shadow);color:var(--swpp-color-text);margin-block:24px;padding:clamp(16px,3vw,28px)}.swpp-editor *,.swpp-editor :before,.swpp-editor :after{box-sizing:border-box}.swpp-editor__header,.swpp-editor__layout,.swpp-editor__actions,.swpp-editor__zoom,.swpp-editor__views{gap:12px;display:flex}.swpp-editor__header{justify-content:space-between;align-items:flex-start;margin-bottom:20px}.swpp-editor__header h2,.swpp-editor__header p{margin:0 0 6px}.swpp-editor__header p{color:var(--swpp-color-muted)}.swpp-editor__layout{align-items:flex-start}.swpp-editor__preview{flex:68%;min-width:0}.swpp-editor__stage{border:1px solid var(--swpp-color-border);border-radius:var(--swpp-radius);background:var(--swpp-color-soft);touch-action:pan-y;width:100%;min-height:280px;position:relative;overflow:hidden}.swpp-editor__stage>img,.swpp-editor__stage>.canvas-container{inset:0;width:100%!important;height:100%!important;position:absolute!important}.swpp-editor__stage>img{z-index:0;object-fit:contain;pointer-events:none}.swpp-editor__stage>.canvas-container{z-index:1;touch-action:none}.swpp-editor__stage canvas{touch-action:none}.swpp-editor__stage canvas[data-fabric=top]:focus-visible{outline-offset:-3px;outline:2px solid #6c2bd9b8}.swpp-editor__tools{flex:0 300px;gap:14px;display:grid}.swpp-editor__tools label{gap:6px;margin-bottom:12px;font-weight:600;display:grid}.swpp-editor input,.swpp-editor select,.swpp-editor button{border-radius:8px;min-height:44px}.swpp-editor input,.swpp-editor select{border:1px solid var(--swpp-color-border);width:100%;padding:8px 10px}.swpp-editor button{cursor:pointer;border:1px solid var(--swpp-color-border);background:var(--swpp-color-surface);color:var(--swpp-color-text);padding:8px 14px}.swpp-editor button:focus-visible,.swpp-editor input:focus-visible,.swpp-editor select:focus-visible{outline-offset:2px;outline:3px solid #6c2bd947}.swpp-button--primary,.swpp-editor button[aria-pressed=true]{border-color:var(--swpp-color-primary);background:var(--swpp-color-primary);color:#fff}.swpp-editor__zoom{flex-wrap:wrap;justify-content:center;margin-top:12px}@media (width<=767px){.swpp-editor__header,.swpp-editor__layout{flex-direction:column}.swpp-editor__views{width:100%;overflow-x:auto}.swpp-editor__preview,.swpp-editor__tools{flex-basis:auto;width:100%}.swpp-editor__stage{min-height:240px}}@media (prefers-reduced-motion:reduce){.swpp-editor *{scroll-behavior:auto!important;transition:none!important}}