/* Website preview controls. Original plugin files are preserved. */
#previewNotifBtn:disabled{opacity:1;cursor:default}
#previewNotifBtn svg{width:14px;height:14px;fill:currentColor}
.preview-icon,.preview-icon *{stroke-linecap:round;stroke-linejoin:round}
#searchInput{caret-color:#3b6bff}
#separateBtn[aria-pressed="true"]{color:#3b6bff;border-color:#3b6bff;background:#3b6bff15}
#separateBtn:disabled{opacity:.32;cursor:not-allowed}
#colorTrigger{cursor:pointer}
.picker-dialog{position:fixed;inset:auto 12px 65px auto;margin:0;padding:10px;width:232px;max-width:calc(100vw - 24px);box-sizing:border-box;border:1px solid #414141;border-radius:5px;background:#242424;color:#d9d9d9;box-shadow:0 8px 24px #0008;overflow:visible}
.picker-dialog::backdrop{background:transparent}
.picker-top{display:grid;grid-template-columns:minmax(0,1fr) 15px;gap:8px;height:150px}
.picker-sv{position:relative;background-color:hsl(var(--picker-hue,225) 100% 50%);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);border-radius:1px;touch-action:none;cursor:crosshair;outline-offset:3px}
.picker-marker{position:absolute;left:var(--picker-s,77%);top:var(--picker-y,0%);width:10px;height:10px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0006;transform:translate(-50%,-50%);pointer-events:none}
.picker-hue{position:relative;border-radius:1px;background:linear-gradient(to bottom,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;cursor:ns-resize}
.picker-hue-marker{position:absolute;top:var(--picker-hue-y,62.5%);left:-2px;right:-2px;height:4px;box-sizing:border-box;border:1px solid #fff;background:#3339;box-shadow:0 0 1px #000;transform:translateY(-50%);pointer-events:none}
.picker-footer{display:flex;gap:6px;align-items:center;margin-top:10px;height:26px}
.picker-footer button{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:5px;border:1px solid #414141;background:#303030;border-radius:3px;color:#aaa}
.picker-footer button:hover{color:#fff;background:#3a3a3a}.picker-footer button:disabled{opacity:.4}
.picker-footer svg{width:14px;height:14px;fill:currentColor}
.picker-footer .picker-copy svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.picker-swatch{width:25px;height:25px;flex:none;background:var(--insert-color,#3b6bff);border:1px solid #ffffff30;border-radius:3px}
.picker-hex{width:100%;min-width:0;height:26px!important;border:1px solid #414141!important;background:#191919!important;color:#ddd!important;border-radius:3px!important;padding:3px 6px!important;font:11px/1.4 Consolas,monospace!important;caret-color:#3b6bff}
.picker-hex[aria-invalid="true"]{border-color:#e76565!important}
.picker-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.preview-search-note{color:#888;font-size:10px;margin:9px 0}.preview-search-note a{text-decoration:underline;color:#a7b8ef}
/* Fixed demo editor: more text scrolls inside the field. */
#code,.codeEditor.devEditorActive #code{height:96px!important;min-height:96px!important;max-height:96px!important;resize:none!important;overflow:auto!important}
.codeEditor.devEditorActive{overflow:hidden}
.layerPicker,#updateSimple,#updateDev{display:none!important}
.row:has(>#createSimple),.row:has(>#createDev){grid-template-columns:1fr}