/* Effects sheet reserves canvas space instead of covering it. */
#iq-studio .kikliy-effects-sheet{position:absolute;left:12px;top:76px;bottom:12px;width:300px;z-index:35;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff;color:#292432;border:1px solid #e4dcef;border-radius:18px;box-sizing:border-box;box-shadow:0 5px 24px #30204415}
#iq-studio.kikliy-effects-open>.adz-text-dock,#iq-studio.kikliy-effects-open>.adz-dock,#iq-studio.kikliy-effects-open .adz-context{display:none!important}
#iq-studio.kikliy-effects-open .adz-stage{padding-left:330px}
#iq-studio .kikliy-effects-header{display:flex;align-items:center;gap:6px;flex:0 0 46px;padding:0 12px;margin:0;border-bottom:1px solid #eee8f4}
#iq-studio .kikliy-effects-header h2{flex:1;min-width:0;margin:0;text-align:center;font:600 16px Arial;color:#292432}
#iq-studio .kikliy-effects-header button{width:34px;height:34px;min-height:34px;padding:7px;border:0;background:transparent;color:#67509e;flex:0 0 34px;border-radius:50%;font-size:23px}
#iq-studio .kikliy-effects-header button span{display:none}
#iq-studio .kikliy-effects-header svg{width:21px;height:21px}
#iq-studio .kikliy-effects-handle{display:none}
#iq-studio .kikliy-effects-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 14px 14px;flex:1}
#iq-studio .kikliy-effects-content .adz-text-group{padding:0;margin:0;border:0}
#iq-studio .kikliy-effects-content .adz-text-group>h3{display:none}
#iq-studio .kikliy-effects-sheet:not(.is-settings) .adz-text-group>label{display:none!important}
#iq-studio .kikliy-effects-sheet.is-settings .kikliy-effect-choices,#iq-studio .kikliy-effects-sheet.is-settings .kikliy-effect-categories{display:none!important}
#iq-studio .kikliy-effects-content .kikliy-effect-choices{display:flex;overflow-x:auto;gap:10px;padding:4px 0 8px;scrollbar-width:none}
#iq-studio .kikliy-effects-content .kikliy-effect-choice{flex:0 0 85px;min-width:85px;margin:0}
#iq-studio .kikliy-effects-content .kikliy-effect-categories{margin:8px 0 0;display:flex;gap:8px;overflow:auto}
#iq-studio .kikliy-effects-content .adz-field{margin:10px 0 14px}
@media(max-width:650px){
#iq-studio .kikliy-effects-sheet{position:relative;inset:auto;width:100%;height:var(--effect-sheet-height,250px);flex:0 0 var(--effect-sheet-height,250px);border-radius:22px 22px 0 0;box-shadow:0 -3px 20px #30204410;padding-bottom:env(safe-area-inset-bottom,0px)}
#iq-studio.kikliy-effects-open .adz-stage{padding:6px 8px 0!important}
#iq-studio.kikliy-effects-open .adz-canvas-area{padding:8px;min-height:0}
#iq-studio.kikliy-effects-open .adz-stage-footer{display:none}
#iq-studio .kikliy-effects-handle{display:flex;align-items:center;justify-content:center;border:0;background:transparent;width:100%;height:22px;min-height:22px;flex:0 0 22px;padding:0;touch-action:none;cursor:ns-resize}
#iq-studio .kikliy-effects-handle span{width:34px;height:4px;border-radius:8px;background:#c6c2cc}
}

@media(min-width:651px){
#iq-studio .kikliy-effects-sheet{position:relative;inset:auto;flex:0 0 300px;width:300px;max-width:38%;margin:8px 0 8px 10px;height:auto;align-self:stretch;order:0}
#iq-studio.kikliy-effects-open .adz-stage{padding-left:12px;overflow:hidden}
#iq-studio .adz-canvas-area{overflow:scroll!important;align-items:safe center;justify-content:safe center;scrollbar-width:auto;scrollbar-color:#aaa0ba #efedf3;scrollbar-gutter:stable;overscroll-behavior:contain}
#iq-studio .adz-canvas-area::-webkit-scrollbar{width:12px;height:12px;display:block}
#iq-studio .adz-canvas-area::-webkit-scrollbar-track{background:#efedf3}
#iq-studio .adz-canvas-area::-webkit-scrollbar-thumb{background:#aaa0ba;border:3px solid #efedf3;border-radius:10px}
#iq-studio .adz-canvas-area::-webkit-scrollbar-corner{background:#efedf3}
#iq-studio .iq-canvas-wrap{margin:auto;flex:0 0 auto}
}

/* Desktop/tablet: all effects and their controls remain in one scrollable sidebar. */
@media(min-width:651px){
#iq-studio .kikliy-effects-sheet{flex-basis:300px;width:300px;max-width:40%;border-radius:14px}
#iq-studio .kikliy-effects-content{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:14px;touch-action:pan-y}
#iq-studio .kikliy-effects-content .kikliy-effect-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0 0 16px}
#iq-studio .kikliy-effects-content .kikliy-effect-choice{min-width:0;width:100%;min-height:86px;padding:10px 4px;font-size:11px;gap:8px;border:1px solid #e8e1ef;border-radius:10px;background:#fff}
#iq-studio .kikliy-effect-sample{font-size:28px;line-height:1.4}
#iq-studio .kikliy-effects-content .kikliy-effect-categories{display:none!important}
#iq-studio .kikliy-effects-sheet .adz-text-group>label:not([hidden]){display:flex!important;flex-wrap:wrap;gap:8px;padding:12px 0;margin:0;border-top:1px solid #eee8f4;font-size:12px}
#iq-studio .kikliy-effects-content input[type=range]{flex:1 1 100%;min-width:0;cursor:pointer}
#iq-studio .kikliy-effects-header h2{text-align:left}
}