/* iOS Emoji Sticker Studio: independent from each slip's existing canvas renderer */
.ies-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;float:right;margin-left:auto;padding:7px 11px!important;border:1px solid rgba(252,217,255,.3)!important;border-radius:12px!important;cursor:pointer;color:white!important;background:linear-gradient(120deg,#7c4cf1,#bf5cce 64%,#f186ba)!important;box-shadow:0 5px 20px rgba(132,75,216,.3)!important;font:600 12px/1.2 inherit!important;white-space:nowrap;transition:transform .2s,filter .2s}
.ies-open:hover{transform:translateY(-2px);filter:brightness(1.1)}
.ies-open svg{width:17px;height:17px;flex-shrink:0}
.preview-title:has(.ies-open){display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.ies-stage{position:absolute!important;z-index:8;pointer-events:none!important;overflow:visible!important;user-select:none!important;-webkit-user-select:none!important;touch-action:pan-y}
.ies-sticker{position:absolute;display:block;aspect-ratio:1;transform:translate(-50%,-50%);cursor:grab;pointer-events:auto!important;touch-action:none!important;-webkit-user-select:none;user-select:none;will-change:left,top,width;border:1.5px solid transparent;border-radius:9px;box-sizing:border-box}
.ies-sticker:active{cursor:grabbing}
.ies-sticker.ies-active{border:1.5px dashed #be83ff;background:rgba(156,101,255,.08);box-shadow:0 0 0 2px rgba(20,10,50,.62),0 0 18px rgba(181,112,255,.3)}
.ies-sticker>img{pointer-events:none;width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.ies-handle{display:none;position:absolute;z-index:2;right:-12px;bottom:-12px;width:23px;height:23px;border:2px solid #fff;border-radius:9px;background:#945ce8;box-shadow:0 2px 9px rgba(0,0,0,.4);cursor:nwse-resize;pointer-events:auto;touch-action:none;align-items:center;justify-content:center;color:white;font-size:14px;line-height:1}
.ies-remove{display:none;position:absolute;z-index:2;right:-11px;top:-13px;width:23px;height:23px;border:2px solid white;border-radius:50%;background:#e54882;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;pointer-events:auto;align-items:center;justify-content:center;color:white;font:700 16px/1 sans-serif}
.ies-active .ies-handle,.ies-active .ies-remove{display:flex}
.ies-editor{margin:10px auto 0!important;padding:10px 12px!important;max-width:100%;box-sizing:border-box;border:1px solid rgba(174,138,243,.25);border-radius:14px;background:linear-gradient(120deg,rgba(113,82,179,.2),rgba(228,114,184,.13));color:#e8dfff;font-family:inherit;position:relative;z-index:1}
.ies-editor-main{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}
.ies-editor-caption{display:flex;gap:7px;align-items:center;font-size:11px;line-height:1.4;min-width:0}
.ies-editor-caption strong{font-weight:700;color:#fff}
.ies-editor-caption small{display:block;color:#bdb1d1;font-size:10px}
.ies-pill{font:600 11px/1.2 inherit!important;white-space:nowrap;color:#f6e7ff!important;border:1px solid rgba(183,141,231,.27)!important;border-radius:9px!important;background:rgba(156,119,221,.16)!important;padding:7px 10px!important;cursor:pointer}
.ies-pill:hover{background:rgba(156,119,221,.3)!important}
.ies-pill.ies-danger{color:#ffb9d0!important}
.ies-edit-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ies-zoom{display:flex;align-items:center;gap:7px;width:100%;margin-top:9px;color:#d8caf7;font-size:11px}
.ies-zoom input{flex:1;min-width:0;accent-color:#b980fa;cursor:pointer;height:16px}
.ies-zoom output{min-width:41px;text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.ies-zoom[hidden],.ies-edit-actions[hidden]{display:none!important}
.ies-overlay{position:fixed!important;inset:0!important;z-index:2147483639!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(5,5,17,.73)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;box-sizing:border-box!important}
.ies-overlay[hidden]{display:none!important}
.ies-modal{width:min(720px,100%);max-height:min(88dvh,930px);overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(160deg,#24213d 0%,#151628 55%,#171426 100%);color:#f7f3ff;border:1px solid rgba(202,165,250,.33);border-radius:24px;box-shadow:0 35px 110px rgba(0,0,0,.57),0 0 55px rgba(125,67,181,.15);font-family:inherit;isolation:isolate;box-sizing:border-box}
.ies-modal *{box-sizing:border-box}
.ies-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 13px}
.ies-modal-brand{display:flex;align-items:center;gap:13px;min-width:0}
.ies-brand-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:linear-gradient(140deg,#865ef4,#ed81bd);box-shadow:0 6px 25px rgba(160,92,213,.32);font-size:25px}
.ies-brand-title{font-size:18px;font-weight:750;letter-spacing:-.3px;line-height:1.3}
.ies-brand-desc{font-size:11px;color:#b9b0d1;margin-top:2px;line-height:1.55}
.ies-close{width:37px;height:37px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f4eaff;font-size:24px;line-height:1;cursor:pointer}
.ies-close:hover{background:rgba(255,255,255,.13)}
.ies-search-area{display:flex;gap:10px;align-items:center;padding:0 22px 12px;flex-wrap:wrap}
.ies-search{flex:1;min-width:180px;position:relative}
.ies-search:before{content:'⌕';position:absolute;left:13px;top:50%;transform:translateY(-52%);font-size:27px;color:#aba1cb;pointer-events:none}
.ies-search input{width:100%;padding:11px 12px 11px 37px!important;border:1px solid rgba(170,148,213,.25)!important;outline:none!important;background:#0d1022!important;color:#fff!important;border-radius:13px!important;box-shadow:none!important;font:400 13px/1.4 inherit!important;height:44px!important}
.ies-search input:focus{border-color:#b37af6!important;box-shadow:0 0 0 3px rgba(179,122,246,.12)!important}
.ies-search input::placeholder{color:#87829f}
.ies-count{font-size:11px;color:#aeadc5;white-space:nowrap}
.ies-cats{display:flex;gap:7px;padding:0 22px 13px;overflow:auto hidden;scrollbar-width:thin;scrollbar-color:#57516f transparent}
.ies-cat{flex:0 0 auto;display:flex;gap:6px;align-items:center;padding:8px 12px;border-radius:12px;border:1px solid rgba(178,153,217,.15);background:rgba(255,255,255,.045);color:#cec7e2;font:600 11px/1.2 inherit;cursor:pointer;white-space:nowrap;transition:all .15s}
.ies-cat:hover{background:rgba(156,111,245,.2)}
.ies-cat[aria-selected="true"]{background:linear-gradient(120deg,#8253da,#b15ccc);border-color:rgba(226,181,255,.54);color:#fff;box-shadow:0 5px 20px rgba(126,84,223,.2)}
.ies-cat-icon{font-size:16px}
.ies-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 22px;background:rgba(255,255,255,.025);border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);font-size:11px;color:#a9a2be}
.ies-filter label{display:flex;align-items:center;gap:8px}
.ies-filter select{appearance:auto;border:1px solid rgba(206,175,244,.2);border-radius:9px;padding:5px 8px;color:#fff;background:#2b2841;font:500 11px/1.4 inherit;max-width:200px}
.ies-grid-wrap{overflow-y:auto;overscroll-behavior:contain;min-height:120px;flex:1;padding:13px 20px 12px;scrollbar-width:thin;scrollbar-color:#65567d transparent}
.ies-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px}
.ies-emoji{height:auto;min-width:0;aspect-ratio:1;border:1px solid rgba(209,190,240,.08);background:rgba(255,255,255,.035);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;transition:background .14s,transform .14s,border-color .14s}
.ies-emoji:hover,.ies-emoji:focus-visible{transform:scale(1.08);background:rgba(163,117,245,.2);border-color:#ab76ed;outline:none}
.ies-emoji img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.ies-empty{grid-column:1/-1;padding:38px 16px;text-align:center;font-size:12px;color:#b8abc8}
.ies-more{display:block;margin:14px auto 3px!important;padding:8px 17px!important;border:1px solid #6b5b83!important;border-radius:11px!important;background:#302740!important;color:#eadbff!important;font:600 12px inherit!important;cursor:pointer}
.ies-more[hidden]{display:none!important}
.ies-modal-foot{padding:12px 22px 17px;border-top:1px solid rgba(255,255,255,.065);display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#b6aecb}
.ies-foot-actions{display:flex;gap:9px}
.ies-foot-btn{border:1px solid rgba(218,181,245,.22);border-radius:11px;padding:9px 13px;background:rgba(255,255,255,.05);color:#e5dfff;font:600 11px inherit;cursor:pointer}
.ies-foot-btn.ies-accent{background:linear-gradient(120deg,#895de3,#c46bc7);border-color:transparent;color:white}
body.ies-modal-open{overflow:hidden!important}
@media(max-width:680px){.ies-overlay{padding:8px!important;align-items:flex-end!important}.ies-modal{width:100%;max-height:92dvh;border-radius:22px 22px 16px 16px}.ies-modal-head{padding:17px 15px 11px}.ies-search-area{padding:0 15px 11px}.ies-brand-icon{flex-basis:42px;height:42px}.ies-brand-title{font-size:15px}.ies-brand-desc{font-size:10px}.ies-cats{padding:0 15px 11px}.ies-filter{padding:9px 15px}.ies-grid-wrap{padding:12px 11px}.ies-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.ies-emoji{padding:4px;border-radius:9px}.ies-modal-foot{padding:11px 14px}.ies-open{padding:6px 9px!important;font-size:11px!important}}
@media(max-width:370px){.ies-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ies-emoji{padding:4px}.ies-editor{padding:8px!important}.ies-brand-desc{max-width:220px}}

/* v3 -- integrated decoration panel, clear category navigation and calm sticker controls */
.ies-decoration-card{margin-top:16px!important}
.ies-editor{margin:14px 0 0!important;padding:15px!important;border:1px solid rgba(165,138,235,.35)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(82,69,138,.25),rgba(31,35,60,.35))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);color:#f6f1ff!important}
.ies-editor-main{gap:11px!important;padding-bottom:12px;border-bottom:1px solid rgba(206,188,239,.13)}
.ies-editor-caption{font-size:13px!important;gap:10px!important}
.ies-editor-caption strong{font-size:14px!important;line-height:1.7!important;color:#fff!important}
.ies-editor-caption small{font-size:11px!important;color:#bdb5d7!important}
.ies-editor-logo{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:linear-gradient(140deg,#987af7,#e6a5d5);box-shadow:0 5px 15px rgba(140,98,245,.24);font-size:25px}
.ies-picker-start{margin-top:13px}.ies-open{float:none!important;margin-left:0!important;width:100%;padding:13px 16px!important;border-radius:12px!important;font-size:13px!important;box-shadow:0 6px 20px rgba(123,84,239,.22)!important;background:linear-gradient(110deg,#8057df,#a25fee 52%,#c174e0)!important}
.ies-open svg{width:18px;height:18px}
.ies-edit-actions{gap:6px!important}.ies-pill{padding:8px 11px!important;border-radius:10px!important;font-size:11px!important}
.ies-quick-section{margin-top:14px}.ies-quick-label{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-bottom:9px;font:700 12px/1.4 inherit;color:#f5eefe}.ies-quick-label small{font:400 10px/1.4 inherit;color:#aca4ca}
.ies-quick-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.ies-quick-empty{grid-column:1/-1;color:#b6accc;font:400 11px/1.5 inherit;padding:12px;border-radius:11px;background:rgba(255,255,255,.055);text-align:center}
.ies-quick-emoji{border:1px solid rgba(218,195,245,.15);aspect-ratio:1;background:rgba(255,255,255,.065);border-radius:12px;padding:5px;cursor:pointer;display:grid;place-items:center;min-width:0}
.ies-quick-emoji:hover{border-color:#c3a3ff;background:rgba(185,144,249,.19)}.ies-quick-emoji img{max-width:100%;max-height:100%;object-fit:contain}
.ies-zoom{padding-top:9px;border-top:1px solid rgba(230,207,255,.1);margin-top:13px}
.ies-sticker{border:1.5px solid transparent!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}
.ies-sticker.ies-active{border:1.5px solid rgba(218,199,255,.92)!important;background:rgba(150,99,240,.07)!important;box-shadow:0 0 0 2px rgba(145,106,211,.2),0 2px 18px rgba(19,15,50,.2)!important}
.ies-handle,.ies-remove{width:29px!important;height:29px!important;border:2px solid #fff!important;box-shadow:0 3px 12px rgba(0,0,0,.28)!important;align-items:center;justify-content:center}
.ies-handle{right:-15px!important;bottom:-15px!important;border-radius:50%!important;background:linear-gradient(135deg,#7654df,#ad79f1)!important}
.ies-remove{right:-15px!important;top:-15px!important;border-radius:50%!important;background:linear-gradient(135deg,#f65f8c,#e13c7a)!important}
.ies-handle svg,.ies-remove svg{display:block;width:15px;height:15px}
.ies-watermark{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-20deg);width:90%;text-align:center;pointer-events:none!important;font:800 clamp(12px,2.3vw,24px)/1.25 Kanit,Arial,sans-serif;letter-spacing:.4px;white-space:nowrap;color:rgba(97,39,112,.36);text-shadow:0 0 2px rgba(255,255,255,.18);user-select:none}
.ies-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:10px auto!important;padding:10px 16px!important;border:1px solid rgba(172,146,230,.35)!important;border-radius:12px!important;background:linear-gradient(110deg,#5b4d9a,#745dc1)!important;color:#fff!important;cursor:pointer;font:600 13px/1.3 Kanit,system-ui,sans-serif!important;box-shadow:0 5px 15px rgba(58,39,105,.24)!important}
.ies-copy svg{width:18px;height:18px}.ies-copy:disabled{opacity:.6;cursor:wait}.ies-toast{position:fixed;z-index:2147483647;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 18px;min-width:min(250px,calc(100% - 30px));max-width:min(540px,calc(100% - 30px));border-radius:13px;text-align:center;color:#fff;background:rgba(49,42,91,.97);box-shadow:0 14px 45px rgba(0,0,0,.35);font:500 13px/1.45 Kanit,system-ui,sans-serif}.ies-toast-error{background:#713448}
.ies-overlay{background:rgba(9,9,29,.78)!important;padding:18px!important}
.ies-modal{width:min(920px,100%)!important;max-height:min(89dvh,850px)!important;border:1px solid rgba(207,190,255,.25)!important;border-radius:23px!important;background:#17192d!important;box-shadow:0 24px 80px rgba(0,0,0,.54)!important}
.ies-modal-head{padding:19px 23px 13px!important}
.ies-brand-icon{background:linear-gradient(135deg,#9472ee,#e6a7da)!important}
.ies-brand-title{font-size:19px!important}
.ies-badge{display:inline-block;vertical-align:middle;font:700 10px/1.25 Kanit,sans-serif;padding:4px 7px;border-radius:50px;background:rgba(170,127,255,.18);color:#d9c4ff;margin-left:4px}
.ies-brand-desc{font-size:12px!important}
.ies-search-area{padding:0 23px 14px!important}.ies-search input{height:46px!important;font-size:13px!important;background:#252843!important;border-color:rgba(182,170,228,.24)!important}
.ies-search:before{content:''!important}.ies-search input{padding-left:15px!important}
.ies-picker-layout{display:grid;grid-template-columns:191px minmax(0,1fr);min-height:0;flex:1;border-top:1px solid rgba(231,219,255,.08);border-bottom:1px solid rgba(231,219,255,.08)}
.ies-cats{display:flex!important;flex-direction:column!important;gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:13px 10px!important;border-right:1px solid rgba(231,219,255,.08);background:rgba(255,255,255,.022);min-width:0}
.ies-cat{width:100%!important;flex:0 0 auto!important;gap:9px!important;justify-content:flex-start!important;padding:10px 12px!important;border:0!important;border-radius:12px!important;font-size:12px!important;white-space:normal!important;text-align:left!important;min-height:43px!important}
.ies-cat-icon{font-size:21px!important;width:26px;text-align:center;flex:none}.ies-cat[aria-selected=true]{background:linear-gradient(110deg,rgba(140,94,226,.7),rgba(125,88,206,.56))!important;box-shadow:none!important}
.ies-picker-content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.ies-filter{padding:12px 17px 5px!important;border:0!important;background:transparent!important;color:#eee9ff!important}.ies-section-name{font-size:14px!important}.ies-result{color:#b1a7c8!important;font-size:11px!important}
.ies-subcats{display:flex;align-items:center;gap:7px;padding:8px 17px 12px;overflow:auto hidden;scrollbar-width:thin;scrollbar-color:#6d6188 transparent;flex-shrink:0}
.ies-subcats[hidden]{display:none!important}
.ies-subcat{flex:0 0 auto;white-space:nowrap;border:1px solid rgba(199,182,239,.21);padding:6px 10px;border-radius:10px;background:#2a2c46;color:#d0c8e6;font:500 11px/1.3 Kanit,system-ui,sans-serif;cursor:pointer}
.ies-sub-active{background:#8267cf!important;color:#fff!important;border-color:#b29afe!important}
.ies-grid-wrap{padding:12px 17px 15px!important;min-height:140px!important;flex:1!important;background:rgba(7,10,28,.14)}
.ies-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:8px!important}
.ies-emoji{border-radius:14px!important;background:#24273d!important;border:1px solid rgba(197,179,242,.12)!important;padding:8px!important;aspect-ratio:1!important}
.ies-emoji:hover,.ies-emoji:focus-visible{background:#414168!important;border-color:#c2a5fa!important;transform:translateY(-1px) scale(1.035)!important}
.ies-emoji img{width:100%!important;height:100%!important}
.ies-empty{padding:42px 20px!important;line-height:1.7!important;font-size:13px!important}
.ies-modal-foot{padding:11px 23px 15px!important;font-size:11px!important}.ies-foot-btn{font-size:12px!important}
@media(max-width:720px){
  .ies-modal{max-height:94dvh!important;border-radius:22px 22px 12px 12px!important}
  .ies-modal-head{padding:16px 15px 10px!important}.ies-brand-title{font-size:16px!important}.ies-brand-desc{font-size:10px!important}
  .ies-search-area{padding:0 15px 12px!important}
  .ies-picker-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)!important}
  .ies-cats{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;border-right:0!important;border-bottom:1px solid rgba(231,219,255,.1);padding:9px 11px!important;gap:7px!important}
  .ies-cat{width:auto!important;white-space:nowrap!important;min-height:39px!important;padding:7px 10px!important;font-size:11px!important;gap:6px!important;border:1px solid rgba(196,179,238,.1)!important}
  .ies-cat-icon{width:22px;font-size:18px!important}
  .ies-filter{padding:10px 13px 4px!important}.ies-subcats{padding:7px 12px 10px}.ies-grid-wrap{padding:10px!important}
  .ies-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important}.ies-emoji{padding:5px!important;border-radius:11px!important}
  .ies-modal-foot{padding:11px 14px!important;gap:7px!important}
  .ies-quick-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .ies-overlay{padding:7px!important;align-items:flex-end!important}
}
@media(max-width:390px){.ies-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ies-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.ies-editor-caption strong{font-size:12px!important}.ies-quick-label small{display:none}}

/* v4: native browser right-click > Copy image with already-composited PNG */
.ies-native-image{position:absolute!important;z-index:7!important;display:block!important;max-width:none!important;max-height:none!important;object-fit:fill!important;border-radius:0!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;cursor:default!important;opacity:0;pointer-events:auto!important}
.ies-native-ready .ies-native-image[src]{opacity:1}
.ies-stage,.ies-stage *{pointer-events:none!important}
.ies-native-ready .ies-sticker>img{visibility:hidden!important}
.ies-native-ready .ies-watermark{display:none!important}
.ies-native-editing .ies-native-image{opacity:0!important}
.ies-native-editing .ies-sticker>img{visibility:visible!important}
.ies-native-editing .ies-watermark{display:block!important}
.ies-native-hint{font:500 11px/1.5 Kanit,system-ui,sans-serif;color:#bcb0d4;text-align:center;margin:0 auto 12px;max-width:100%;padding:0 10px}
@media(max-width:680px){.ies-native-hint{font-size:10px}}

/* v4.2: keep the selected sticker's delete affordance round and readable.
   The host slip themes style all <button> and <svg> elements; aggressively
   isolate this one button so it never stretches or loses its cross. */
.ies-stage .ies-sticker .ies-remove {
  -webkit-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  position: absolute !important;
  top: -15px !important;
  right: -15px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 12 !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  overflow: visible !important;
  background: linear-gradient(145deg,#fd537e 0%,#d92d61 100%) !important;
  color: white !important;
  box-shadow: 0 3px 11px rgba(47,13,39,.34), 0 0 0 1px rgba(95,31,75,.12) !important;
  transform: none !important;
  text-indent: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  cursor: pointer !important;
}
.ies-stage .ies-sticker .ies-remove svg {
  display: none !important;
}
.ies-stage .ies-sticker .ies-remove::before,
.ies-stage .ies-sticker .ies-remove::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 13px !important;
  height: 2.5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 3px !important;
  opacity: 1 !important;
  background: #fff !important;
  box-shadow: none !important;
  pointer-events: none !important;
  transform-origin: center !important;
}
.ies-stage .ies-sticker .ies-remove::before {
  transform: translate(-50%,-50%) rotate(45deg) !important;
}
.ies-stage .ies-sticker .ies-remove::after {
  transform: translate(-50%,-50%) rotate(-45deg) !important;
}
.ies-stage .ies-sticker:not(.ies-active) .ies-remove {
  display: none !important;
}
.ies-stage .ies-sticker.ies-active .ies-remove {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* v5 — matches existing translucent glass form cards, rather than a separate bright-purple panel */
.form-group-card .ies-editor,.ies-decoration-card .ies-editor{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:15px!important;color:#f7f1ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;padding:12px!important}
.ies-editor-main{border-color:rgba(255,255,255,.09)!important}
.ies-editor-logo{background:rgba(255,255,255,.09)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.11)!important}
.ies-editor-caption small{color:#aaa0b8!important}
.ies-open{background:linear-gradient(105deg,#a873ff,#c277e9 50%,#ef86c4)!important;box-shadow:0 5px 15px rgba(187,112,229,.16)!important;border-color:transparent!important;margin-top:0!important;min-height:42px!important}
.ies-mode-switch,.ies-modal-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:13px}
.ies-mode-switch{margin-top:12px}
.ies-mode-btn,.ies-modal-mode{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:39px;padding:9px 8px!important;border:1px solid transparent!important;border-radius:10px!important;color:#bdb2cd!important;background:transparent!important;box-shadow:none!important;cursor:pointer;font:600 12px/1.4 Kanit,system-ui,sans-serif!important;text-align:center;white-space:nowrap}
.ies-mode-btn span{font-size:18px}
.ies-mode-btn[aria-selected=true],.ies-modal-mode[aria-selected=true]{color:#fff!important;border-color:rgba(216,181,250,.23)!important;background:linear-gradient(105deg,rgba(166,114,230,.55),rgba(189,112,193,.35))!important;box-shadow:0 3px 12px rgba(0,0,0,.13)!important}
.ies-mode-btn:hover,.ies-modal-mode:hover{color:#fff!important}
.ies-modal-modes{flex:0 0 auto;margin:0 23px 12px;background:rgba(255,255,255,.04)}
.ies-modal-mode{min-height:40px}
.ies-section-title{display:flex;align-items:center;min-width:0;gap:9px}
.ies-section-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ies-pack-back{display:grid;place-items:center;flex:none;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(200,180,225,.28)!important;background:rgba(255,255,255,.07)!important;color:#e8dcf9!important;font-size:25px!important;line-height:1!important;cursor:pointer}
.ies-pack-back[hidden]{display:none!important}
.ies-sticker-view{grid-template-columns:minmax(0,1fr)!important}
.ies-sticker-view .ies-cats{display:none!important}
.ies-packs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ies-packs-grid[hidden],.ies-grid[hidden]{display:none!important}
.ies-pack-card{min-width:0!important;display:flex!important;align-items:center!important;gap:13px!important;padding:12px!important;border-radius:17px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(236,218,255,.11)!important;text-align:left!important;color:#f9f1ff!important;box-shadow:none!important;cursor:pointer;transition:background .17s,border-color .17s,transform .17s}
.ies-pack-card:hover,.ies-pack-card:focus-visible{background:rgba(176,123,238,.15)!important;border-color:rgba(195,152,245,.5)!important;transform:translateY(-1px)!important}
.ies-pack-art{flex:0 0 84px;display:grid;place-items:center;width:84px;height:85px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08)}
.ies-pack-art img{display:block;max-width:77px;max-height:78px;object-fit:contain;filter:drop-shadow(0 3px 7px rgba(0,0,0,.15));pointer-events:none}
.ies-pack-name{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.ies-pack-name strong{display:block;font:650 13px/1.35 Kanit,system-ui,sans-serif;color:#fcf9ff;overflow-wrap:anywhere}
.ies-pack-name small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 10px/1.45 Kanit,system-ui,sans-serif;color:#b8adc8;overflow-wrap:anywhere}
.ies-pack-arrow{color:#e4c7f8;font-size:23px;line-height:1;flex:0 0 auto}
.ies-sticker-view .ies-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:11px!important}
.ies-sticker-view .ies-pack-sticker{border:1px solid rgba(215,197,243,.15)!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important;padding:8px!important}
.ies-sticker-view .ies-pack-sticker:hover{background:rgba(172,130,225,.2)!important}
.ies-sticker-view .ies-pack-sticker img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
@media(max-width:720px){.ies-modal-modes{margin:0 14px 11px}.ies-packs-grid{gap:8px}.ies-pack-card{padding:9px!important;gap:8px!important}.ies-pack-art{width:62px;height:68px;flex-basis:62px;border-radius:11px}.ies-pack-art img{max-width:58px;max-height:63px}.ies-pack-name strong{font-size:11px}.ies-pack-name small{font-size:9px}.ies-sticker-view .ies-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}}
@media(max-width:390px){.ies-packs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ies-pack-card{padding:7px!important;gap:5px!important;flex-direction:column;align-items:center!important;text-align:center!important}.ies-pack-art{width:100%;height:73px;flex:auto}.ies-pack-name strong{font-size:11px}.ies-pack-name small{font-size:8.5px}.ies-pack-arrow{display:none}.ies-sticker-view .ies-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* v7.1 — compact inline emoji/sticker panel to better match the size rhythm of the surrounding form cards */
.ies-decoration-card{margin-top:12px!important}
.form-group-card .ies-editor,.ies-decoration-card .ies-editor{
  margin:10px 0 0!important;
  padding:10px!important;
  border-radius:14px!important;
}
.ies-editor-main{
  gap:8px!important;
  padding-bottom:9px!important;
}
.ies-editor-logo{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  border-radius:11px!important;
  font-size:20px!important;
}
.ies-editor-caption{gap:8px!important;font-size:11px!important}
.ies-editor-caption strong{font-size:12.5px!important;line-height:1.35!important}
.ies-editor-caption small{font-size:10px!important;line-height:1.35!important}
.ies-edit-actions{gap:5px!important}
.ies-pill{
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:10.5px!important;
  border-radius:10px!important;
}
.ies-mode-switch{
  margin-top:10px!important;
  padding:4px!important;
  gap:4px!important;
  border-radius:12px!important;
}
.ies-mode-btn{
  min-height:34px!important;
  padding:7px 8px!important;
  gap:6px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
.ies-mode-btn span{font-size:16px!important}
.ies-picker-start{margin-top:10px!important}
.ies-open{
  min-height:40px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  font-size:12px!important;
  box-shadow:0 4px 14px rgba(187,112,229,.14)!important;
}
.ies-open svg{width:16px!important;height:16px!important}
.ies-quick-section{margin-top:10px!important}
.ies-quick-label{
  margin-bottom:7px!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.ies-quick-label small{font-size:9.5px!important}
.ies-quick-grid{gap:5px!important}
.ies-quick-emoji{
  border-radius:11px!important;
  padding:4px!important;
}
.ies-quick-empty{
  padding:10px!important;
  font-size:10.5px!important;
  border-radius:10px!important;
}

@media(max-width:680px){
  .form-group-card .ies-editor,.ies-decoration-card .ies-editor{
    margin-top:9px!important;
    padding:9px!important;
    border-radius:13px!important;
  }
  .ies-editor-main{gap:7px!important;padding-bottom:8px!important}
  .ies-editor-logo{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:18px!important}
  .ies-editor-caption strong{font-size:12px!important}
  .ies-editor-caption small{font-size:9.5px!important}
  .ies-pill{min-height:32px!important;padding:5px 9px!important;font-size:10px!important}
  .ies-mode-switch{margin-top:9px!important;padding:4px!important;gap:4px!important}
  .ies-mode-btn{min-height:33px!important;padding:6px 7px!important;font-size:10.5px!important}
  .ies-mode-btn span{font-size:15px!important}
  .ies-open{min-height:38px!important;padding:9px 12px!important;font-size:11.5px!important}
  .ies-quick-section{margin-top:9px!important}
  .ies-quick-label{margin-bottom:6px!important;font-size:10.5px!important}
  .ies-quick-label small{font-size:9px!important}
  .ies-quick-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:5px!important}
  .ies-quick-emoji{padding:3px!important;border-radius:10px!important}
}

@media(max-width:390px){
  .ies-editor-caption{width:100%!important}
  .ies-mode-btn{font-size:10px!important}
  .ies-open{font-size:11px!important}
  .ies-quick-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}