#sgp-editor{clear:both;margin:20px 0;padding:20px;border:1px solid #dce2e9;border-radius:14px;background:#fff;color:#202632;width:100%;box-sizing:border-box}#sgp-editor *{box-sizing:border-box}#sgp-editor .sgp-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1fr);gap:24px}#sgp-editor label{display:block;margin:12px 0 5px;font-size:14px}#sgp-editor input[type=text],#sgp-editor input[type=file],#sgp-editor select{width:100%;max-width:100%;padding:8px}#sgp-editor input[type=range]{width:100%;accent-color:#202632}#sgp-editor .sgp-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}#sgp-editor input[type=color]{display:block;width:100%;height:36px;border:0;background:none}#sgp-editor fieldset{margin:16px 0;padding:12px;border:1px solid #dde3e9;border-radius:8px}#sgp-editor fieldset:disabled{opacity:.5}#sgp-editor button{border:0;border-radius:7px;padding:10px 13px;cursor:pointer;background:#edf0f4;color:#202632;margin:4px 0;font-size:14px;line-height:1.4}#sgp-editor #sgp-save{background:#202632;color:#fff}#sgp-editor button:disabled{cursor:wait;opacity:.5}#sgp-editor .sgp-note{font-size:12px;line-height:1.5;color:#5c6775}#sgp-editor #sgp-status{font-size:14px;line-height:1.5}#sgp-editor #sgp-preview svg{width:100%;height:auto;max-height:560px;touch-action:none;cursor:grab;display:block}#sgp-editor #sgp-preview svg.dragging{cursor:grabbing}#sgp-editor .sgp-consent{font-size:13px}#sgp-editor [hidden]{display:none!important}.sgp-order{clear:both;padding-top:20px}@media(max-width:650px){#sgp-editor .sgp-grid{grid-template-columns:1fr}#sgp-editor #sgp-preview svg{max-height:400px}}
@media(min-width:651px){#sgp-editor .sgp-grid>div:first-child{position:sticky;top:20px;align-self:start}}#sgp-editor input[type=checkbox]{width:auto;margin-right:6px}#sgp-editor #sgp-text-layer text{cursor:move}#sgp-editor #sgp-tool{font-weight:600}#sgp-editor #sgp-save{width:100%}

/* 0.4: keep product photographs, switch to the editor when personalisation begins. */
#sgp-editor .sgp-grid>#sgp-preview-panel{position:absolute;left:-10000px;width:480px;pointer-events:none}
#sgp-editor.sgp-controls-only .sgp-grid{display:block}
#sgp-editor.sgp-controls-only #sgp-controls{position:static}
.sgp-gallery-host{box-sizing:border-box;position:sticky!important;top:var(--sgp-sticky-top,20px);align-self:start;z-index:2}
body.admin-bar .sgp-gallery-host{top:var(--sgp-sticky-top,52px)}
.sgp-gallery-column{align-self:stretch!important}
.sgp-gallery-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.sgp-gallery-tabs button,.sgp-canvas-tools button{border:1px solid #dce2e9;border-radius:7px;background:#fff;color:#202632;padding:8px 10px;font-size:13px;line-height:1.3;cursor:pointer}
.sgp-gallery-tabs button[aria-pressed=true]{background:#202632;color:white;border-color:#202632}
.sgp-gallery-host.sgp-show-design>:not(.sgp-gallery-tabs):not(#sgp-preview-panel){display:none!important}
#sgp-preview-panel[hidden]{display:none!important}
.sgp-gallery-host #sgp-preview-panel{padding:14px;background:#f7f8fa;border:1px solid #dce2e9;border-radius:14px;color:#202632;box-sizing:border-box}
.sgp-gallery-host #sgp-preview svg{display:block;width:100%;height:auto;max-height:min(58vh,calc(100vh - 260px));touch-action:none;cursor:grab}
.sgp-gallery-host #sgp-preview svg.dragging{cursor:grabbing}
.sgp-gallery-host .sgp-note{font-size:12px;line-height:1.4;margin:8px 0 0;color:#5c6775}
.sgp-canvas-tools{margin-top:10px;display:grid;grid-template-columns:1fr;gap:7px;font-size:13px}
.sgp-canvas-tools label{display:flex;align-items:center;gap:8px;margin:0}
.sgp-canvas-tools select{width:auto;max-width:100%;padding:4px;font-size:13px}
.sgp-size-tools,.sgp-transform-tools{display:flex;gap:8px;align-items:center;justify-content:center}
.sgp-size-tools .sgp-size-label{display:flex;flex-wrap:wrap;gap:4px;flex:1}
.sgp-size-tools input{flex-basis:100%;width:100%;margin:0;accent-color:#246bdb}
.sgp-canvas-tools button:disabled{opacity:.4;cursor:default}
#sgp-cart-notice{clear:both;width:100%;color:#9b2323;font-size:14px;line-height:1.5;margin:12px 0}
#sgp-cart-notice[hidden]{display:none!important}
.sgp-preview-fallback{width:100%;float:none;position:static!important}
@media(max-width:768px){.sgp-gallery-host{position:static!important}.sgp-gallery-host #sgp-preview svg{max-height:400px}.sgp-gallery-tabs button{flex:1}}

#sgp-editable-fields{border:0!important;padding:0!important;margin:0!important;min-width:0}#sgp-editable-fields:disabled{display:none}#sgp-base-preview{display:block;max-width:100%;width:auto;max-height:58vh;margin:auto}#sgp-base-preview[hidden],#sgp-preview[hidden],.sgp-canvas-tools[hidden]{display:none!important}