.kikliy-png-pager{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px 0}.kikliy-png-pager button{width:42px!important;height:42px!important;min-width:42px;border-radius:50%!important;border:0;background:#7357a7!important;color:white!important;font-weight:700;cursor:pointer}.kikliy-png-pager button:disabled{opacity:.35;cursor:default}.kikliy-png-pager span{font-size:13px}
#iq-studio .kikliy-image-dock{display:flex;gap:6px;overflow-x:auto;align-items:center;background:white;padding:6px 12px;z-index:45;flex:0 0 64px;box-sizing:border-box;order:8;width:100%;border-top:1px solid #e5dfee}
#iq-studio .kikliy-image-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#f2edf9;color:#493b64;border:0;border-radius:9px;padding:6px 10px;white-space:nowrap;min-height:48px;min-width:58px;cursor:pointer;font:11px/1.2 Arial}
#iq-studio .kikliy-image-dock svg,#iq-studio .kikliy-image-panel svg{width:20px;height:20px;flex:none}
#iq-studio.kikliy-image-selected>.adz-dock{display:none!important}
#iq-studio .kikliy-image-panel{display:flex;flex-direction:column;position:relative;inset:auto;width:310px;max-width:40%;flex:0 0 310px;min-height:0;height:var(--image-sheet-height,400px);max-height:100%;align-self:flex-start;margin:8px 0 0 8px;overflow:hidden;background:#fff;border:1px solid #ddd0eb;border-radius:16px;box-shadow:0 4px 16px #30204010;z-index:30;padding:0;box-sizing:border-box;order:0;color:#292432}
#iq-studio .kikliy-image-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;padding:4px 14px;border-bottom:1px solid #eee7f4;flex:none;height:40px}
#iq-studio .kikliy-image-panel h2{font:600 16px Arial;margin:0}
#iq-studio .kikliy-image-controls{display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px 16px;min-height:0;flex:1;box-sizing:border-box}
#iq-studio .kikliy-image-controls label{display:grid;grid-template-columns:90px minmax(0,1fr) 34px;align-items:center;gap:8px;font:13px/1.3 Arial;margin:0;min-height:34px}
#iq-studio .kikliy-image-controls input[type=range]{width:100%;min-width:0;min-height:30px;accent-color:#7357a7;padding:0;margin:0}
#iq-studio .kikliy-image-controls output{text-align:right;font:12px Arial;font-variant-numeric:tabular-nums}
#iq-studio .kikliy-image-controls p{font:12px/1.5 Arial;margin:0;color:#756d80}
#iq-studio .kikliy-image-panel button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid #ded4ec;border-radius:9px;background:#f7f4fb;color:#493b64;cursor:pointer;font:12px Arial}
#iq-studio .kikliy-image-panel header button{border:0;background:transparent;width:34px;min-height:34px;padding:6px}
#iq-studio .kikliy-image-controls button[aria-pressed=true],#iq-studio .kikliy-image-dock button[aria-pressed=true]{background:#eee4fc;border-color:#7357a7;box-shadow:inset 0 0 0 1px #7357a7}
#iq-studio .kikliy-image-handle{display:flex;align-items:center;justify-content:center;width:100%;height:22px;min-height:22px;flex:0 0 22px;padding:0;border:0;border-radius:0;background:transparent;touch-action:none;cursor:ns-resize}
#iq-studio .kikliy-image-handle span{width:34px;height:4px;border-radius:8px;background:#bcb6c4}
#iq-studio .kikliy-control-row{display:flex;gap:7px;flex-wrap:wrap;flex:none}
#iq-studio .kikliy-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#iq-studio .kikliy-preview-grid button{flex-direction:column;padding:3px 3px 8px;min-width:0;font-size:11px;background:#f8f7fa}
#iq-studio .kikliy-preview-grid canvas{width:100%;height:auto;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 50%/12px 12px;border-radius:6px}
#iq-studio .kikliy-png-colours{flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:2px}
#iq-studio .kikliy-png-colours button{flex-direction:column;border:1px solid transparent;min-width:48px;padding:5px;font-size:10px;background:white}
#iq-studio .kikliy-png-colours i{width:28px;height:28px;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #ccc}
#iq-studio .kikliy-inline-colour{display:flex;flex-direction:column;gap:12px}
#iq-studio .kikliy-inline-colour label{grid-template-columns:65px 38px minmax(0,1fr)}
#iq-studio .kikliy-image-controls input[type=color]{width:34px;height:34px;min-height:34px;padding:0;border:1px solid #ddd;border-radius:50%;overflow:hidden;cursor:pointer}
#iq-studio .kikliy-inline-colour input[type=text]{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid #ddd;border-radius:6px;font:14px Arial;color:#292432;background:#fff}
#iq-studio .kikliy-image-controls .kikliy-colour-dot{width:26px;height:26px;min-height:26px;padding:0;border:1px solid #ddd;border-radius:50%}
#iq-studio .kikliy-image-panel[hidden],#iq-studio .kikliy-image-dock[hidden]{display:none!important}
#iq-studio.kikliy-image-panel-open .adz-stage-footer{display:none}
#iq-studio .kikliy-image-workspace{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ebeaf0;z-index:10;touch-action:none}
#iq-studio.kikliy-image-isolated .iq-canvas-wrap{visibility:hidden}
#iq-studio.kikliy-image-isolated .adz-canvas-area{overflow:hidden!important;scrollbar-gutter:auto}
#iq-studio .kikliy-crop-frame{position:relative;flex:none;background:repeating-conic-gradient(#ddd 0% 25%,white 0% 50%) 50%/16px 16px}
#iq-studio .kikliy-crop-frame>canvas{width:100%;height:100%;display:block}
#iq-studio .kikliy-crop-box{position:absolute;border:2px solid #7357a7;box-shadow:0 0 0 1000px #18112566;box-sizing:border-box}
#iq-studio .kikliy-crop-box:before{content:'';position:absolute;inset:0;background:linear-gradient(to right,transparent 33%,#fff7 33%,#fff7 33.5%,transparent 33.5%,transparent 66%,#fff7 66%,#fff7 66.5%,transparent 66.5%),linear-gradient(to bottom,transparent 33%,#fff7 33%,#fff7 33.5%,transparent 33.5%,transparent 66%,#fff7 66%,#fff7 66.5%,transparent 66.5%);pointer-events:none}
#iq-studio .kikliy-crop-handle{position:absolute;width:24px;height:24px;min-height:24px;border:3px solid white;border-radius:50%;background:#7357a7;padding:0;transform:translate(-50%,-50%);touch-action:none;cursor:move;z-index:2}
.kikliy-crop-handle.nw{left:0;top:0}.kikliy-crop-handle.n{left:50%;top:0}.kikliy-crop-handle.ne{left:100%;top:0}.kikliy-crop-handle.e{left:100%;top:50%}.kikliy-crop-handle.se{left:100%;top:100%}.kikliy-crop-handle.s{left:50%;top:100%}.kikliy-crop-handle.sw{left:0;top:100%}.kikliy-crop-handle.w{left:0;top:50%}
#iq-studio .kikliy-eraser-canvas{display:block;max-width:100%;max-height:100%;touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#dedce3 0% 25%,white 0% 50%) 50%/16px 16px}
#iq-studio .adz-done span{display:none!important}
#iq-studio .adz-style-popover:has(#adz-text-group-color){height:var(--text-sheet-height,160px)!important;max-height:55vh!important;align-self:flex-start}
#iq-studio .adz-style-popover:has(#adz-text-group-color)>.adz-text-group{flex:0 1 auto}
#iq-studio .kikliy-colour-panel{height:var(--colour-sheet-height,300px)!important;align-self:flex-start!important}
#iq-studio .kikliy-colour-content{flex:0 1 auto!important}
#iq-studio .kikliy-style-handle,#iq-studio .kikliy-effects-handle,#iq-studio .kikliy-colour-handle,#iq-studio .adz-sheet-handle{display:flex!important;align-items:center;justify-content:center;width:100%;height:22px;min-height:22px;flex:0 0 22px;padding:0;border:0;background:transparent;touch-action:none;cursor:ns-resize}
#iq-studio .kikliy-style-handle span,#iq-studio .kikliy-effects-handle span,#iq-studio .kikliy-colour-handle span,#iq-studio .adz-sheet-handle span{width:34px;height:4px;border-radius:8px;background:#bcb6c4}
@media(min-width:651px){#iq-studio .adz-style-popover{height:var(--text-sheet-height,300px);align-self:flex-start}#iq-studio .kikliy-effects-sheet{height:var(--effect-sheet-height,300px);align-self:flex-start}#iq-studio .adz-drawer{height:var(--sheet-height,300px);align-self:flex-start}#iq-studio .kikliy-image-dock{justify-content:center}}
@media(max-width:650px){
#iq-studio .kikliy-image-panel{width:100%;max-width:none;margin:0;height:var(--image-sheet-height,240px);flex:0 0 var(--image-sheet-height,240px);border-radius:18px 18px 0 0;order:7;align-self:stretch;max-height:48%}
#iq-studio.kikliy-image-panel-open .adz-stage{padding-top:40px;padding-bottom:0}
#iq-studio.kikliy-image-isolated .adz-stage{padding-top:0}
#iq-studio.kikliy-image-isolated .adz-context{display:none}
#iq-studio .kikliy-image-dock{padding:4px 6px;flex-basis:60px}
#iq-studio .kikliy-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
#iq-studio .adz-style-popover:has(#adz-text-group-color){align-self:stretch;flex-basis:var(--text-sheet-height,160px)!important}
#iq-studio .kikliy-colour-panel{align-self:stretch!important}
}
#iq-studio .kikliy-image-panel button.kikliy-image-handle{height:22px;min-height:22px;padding:0;border:0;border-radius:0;background:white}
#iq-studio .kikliy-png-spectrum{height:100px;min-height:100px;border-radius:8px;position:relative;touch-action:none;cursor:crosshair;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent)}
#iq-studio .kikliy-png-spectrum i{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);border:2px solid white;box-shadow:0 0 2px #000;border-radius:50%;pointer-events:none}
#iq-studio .kikliy-image-controls input.kikliy-png-hue{appearance:none;height:12px;min-height:12px;width:100%;border-radius:12px;background:linear-gradient(to right,red,yellow,lime,cyan,blue,magenta,red);margin:0}
/* Older colour popover rules applied a bottom offset to the new flex sheet. */
#iq-studio .adz-style-popover{inset:auto!important}

/* Native swatch internals must be rounded as well as the input itself. */
#iq-studio input[type=color]{appearance:none;-webkit-appearance:none;padding:0!important;border-radius:50%!important;overflow:hidden;clip-path:circle(50%);aspect-ratio:1;flex-shrink:0}
#iq-studio input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}
#iq-studio input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}
#iq-studio input[type=color]::-moz-color-swatch{border:0;border-radius:50%}
#iq-studio #iq-asset-list article{padding:0;background:transparent}
#iq-studio #iq-asset-list .kikliy-png-preview{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;border:0;border-radius:10px;background:#f7f6f9;cursor:pointer;aspect-ratio:1;box-sizing:border-box}
#iq-studio #iq-asset-list .kikliy-png-preview img{display:block;width:100%;height:100%;max-height:125px;object-fit:contain;margin:0}
#iq-studio #iq-asset-list .kikliy-png-preview:focus-visible{outline:2px solid #7357a7;outline-offset:2px}
#iq-studio #iq-asset-list .kikliy-png-preview:hover{background:#eee7f7}
/* Large screens use the full side rail; mobile retains adjustable scrolling sheets. */
@media(min-width:651px){
 #iq-studio .adz-editor-body>:is(.kikliy-image-panel,.adz-style-popover,.adz-style-popover:has(#adz-text-group-color),.kikliy-effects-sheet,.adz-drawer,.kikliy-colour-panel){height:calc(100% - 16px)!important;max-height:calc(100% - 16px)!important;align-self:stretch!important;margin-top:8px;margin-bottom:8px;min-height:0}
 #iq-studio :is(.kikliy-image-handle,.kikliy-style-handle,.kikliy-effects-handle,.kikliy-colour-handle,.adz-sheet-handle){display:none!important}
 #iq-studio .kikliy-colour-content,#iq-studio .adz-style-popover>.adz-text-group{flex:1 1 auto!important;min-height:0;overflow-y:auto}
}
@media(max-width:650px){
 #iq-studio :is(.kikliy-image-controls,.kikliy-colour-content,.adz-panel,.adz-text-group){overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0}
}

#iq-studio .kikliy-eraser-cursor{position:absolute;pointer-events:none;border:1.5px solid #fff;box-shadow:0 0 0 1px #292432;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;z-index:12}
#iq-studio .kikliy-eraser-cursor[hidden]{display:none}
#iq-studio .kikliy-eraser-canvas{cursor:none}