#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) {display:flex!important;align-items:center;flex-wrap:nowrap;gap:8px;box-sizing:border-box;padding:0 12px;min-height:48px;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > ul[data-mode="svg"] {display:flex!important;flex:1 1 0;min-width:0;float:none;align-items:center;overflow:visible;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > ul.right {margin-left:auto;float:none;flex:0 0 auto;align-self:center;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > .cw-image-actions {display:flex;flex:0 0 auto;margin-left:auto;align-self:center;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) #lumise-svg-colors {display:flex!important;align-items:center;float:none;width:100%;min-width:0;max-width:100%;padding:0;border:0;}
#LumiseDesign .cw-svg-palette {display:flex;align-items:center;gap:0;flex:1 1 0;min-width:0;max-width:100%;height:44px;}
#LumiseDesign .cw-svg-palette-reveal {display:flex;align-items:center;flex:1 1 0;min-width:0;height:44px;overflow:hidden;clip-path:inset(0 100% 0 0);opacity:0;transform:translateX(-16px);transition:clip-path .24s cubic-bezier(.2,.8,.2,1),transform .24s cubic-bezier(.2,.8,.2,1),opacity .24s ease-out;pointer-events:none;}
#LumiseDesign .cw-svg-palette.is-expanded .cw-svg-palette-reveal {clip-path:inset(0);opacity:1;transform:translateX(0);pointer-events:auto;}
#LumiseDesign .cw-svg-palette-chips {display:flex;flex:1 1 0;gap:6px;align-items:center;overflow-x:auto;min-width:0;max-width:100%;height:44px;overscroll-behavior-x:contain;scrollbar-width:none;}
#LumiseDesign .cw-svg-palette-chips::-webkit-scrollbar {display:none;}
#LumiseDesign .cw-svg-palette-chips > span {display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:44px;padding:0!important;margin:0!important;}
#LumiseDesign .cw-svg-palette-chips input,#LumiseDesign .cw-svg-palette-toggle>span {display:block;box-sizing:border-box;width:28px!important;height:28px!important;border:1px solid #d9d1e3!important;border-radius:50%!important;padding:0!important;margin:0!important;cursor:pointer;min-width:28px;}
#LumiseDesign #lumise-svg-colors .cw-svg-palette-toggle,#LumiseDesign #lumise-svg-colors .cw-svg-palette-page {display:flex;position:relative;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 44px;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#7140b8!important;line-height:1;cursor:pointer;touch-action:manipulation;}
#LumiseDesign .cw-svg-palette-page:before {content:'';position:absolute;width:32px;height:32px;border-radius:50%;background:#eee7fa;}
#LumiseDesign .cw-svg-palette-page>span {position:relative;font:24px/1 Arial,sans-serif;}
#LumiseDesign #lumise-svg-colors .cw-svg-palette-page[hidden] {display:none!important;}
#LumiseDesign .cw-svg-palette:not(.is-expanded) .cw-svg-palette-page {visibility:hidden;}
#LumiseDesign .cw-svg-palette-page:disabled {opacity:.3;}
#LumiseDesign .cw-svg-palette :focus-visible {outline:2px solid #7350c8;outline-offset:2px;}
#LumiseDesign .cw-object-order,#LumiseDesign .cwli-sticker-options {top:var(--cw-subui-top,114px)!important;right:12px!important;left:auto!important;bottom:auto!important;}
#LumiseDesign #lumise-top-tools li.active > ul[data-view="sub"]:not(.cwfx-panel) {position:fixed;top:var(--cw-subui-top,114px)!important;margin-top:0!important;max-width:calc(100vw - 24px);}
@media(max-width:736px) {
 #LumiseDesign #lumise-top-tools .cwli-sticker-entry {display:none!important;}
 #LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) {padding:0 8px;gap:4px;}
 #LumiseDesign .cw-svg-palette-chips {gap:4px;}
 #LumiseDesign #lumise-svg-colors .cw-svg-palette-chips input {margin:0!important;flex:0 0 28px;}
 #LumiseDesign .cw-object-order,#LumiseDesign .cwli-sticker-options {right:8px!important;max-width:calc(100vw - 16px);}
}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > ul.right {position:static!important;width:auto!important;height:auto!important;display:flex;align-items:center;order:2;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > ul.right[data-mode="standard"] {display:none!important;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > ul[data-mode="svg"] {order:1;}
#LumiseDesign #lumise-top-tools:is([data-view="svg"],[data-view="image"]) > .cw-image-actions {order:3;}
#LumiseDesign #lumise-top-tools[data-view="image"] > ul[data-mode="svg"] {display:none!important;}
#LumiseDesign #lumise-top-tools[data-view="image"] > ul[data-mode="image"] {flex:1 1 0;min-width:0;overflow-x:auto;}
@media(max-width:736px) {
 #LumiseDesign.cw-editor-ui-polish #lumise-top-tools:is([data-view="image"],[data-view="svg"]) {min-width:0!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:48px;}
}

#LumiseDesign #lumise-top-tools li.active > ul[data-view="sub"][data-pos="left"]:not(.cwfx-panel) {left:var(--cw-subui-left,8px)!important;right:auto!important;}
#LumiseDesign #lumise-top-tools li.active > ul[data-view="sub"][data-pos="right"]:not(.cwfx-panel) {right:12px!important;left:auto!important;}
@media(max-width:736px) {#LumiseDesign #lumise-top-tools li.active > ul[data-view="sub"][data-pos="right"]:not(.cwfx-panel) {right:8px!important;}}
#LumiseDesign #lumise-top-tools li.active > ul[data-view="sub"]:not(.cwfx-panel) {margin-left:0!important;transform:none!important;}

/* Use live panel state, including close transitions, without changing selection
   or removing toolbar slots. Layer/Drawing editing tools remain available. */
#LumiseDesign:has(#lumise-left > #lumise-text.active, #lumise-text-tools > li[data-tool="font"].active, #lumise-shapes.cwli-shapes-sheet.active, #lumise-uploads.cw-image-upload-sheet.active) #lumise-top-tools:not([data-cw-selection-view]) :is(.cw-image-actions, [data-tool="text-effect"], [data-tool="arrange"], .cwli-sticker-entry) {visibility:hidden!important;pointer-events:none!important;}
@media(prefers-reduced-motion:reduce) {#LumiseDesign .cw-svg-palette-reveal {transition:none;}}

/* Shared font/sticker color picker. */
#LumiseDesign .cw-color-picker{box-sizing:border-box;padding:6px 14px;font-family:inherit;color:#171923;white-space:normal;text-align:left;}
#LumiseDesign .cw-color-picker button{box-sizing:border-box;min-width:0;float:none!important;width:auto;height:auto;margin:0;line-height:1.2;background:white;color:#24212c;border:0;padding:4px 8px;cursor:pointer;}
#LumiseDesign .cw-color-picker [hidden]{display:none!important;}
#LumiseDesign .cw-color-picker .cwfx-chips{display:flex;align-items:center;gap:12px;max-width:100%;padding:2px 3px}
#LumiseDesign .cw-color-picker .cwfx-chips .cwfx-chip{width:25px!important;height:25px!important;min-width:25px!important;border-radius:50%!important;border:1px solid #ccc!important;padding:0!important;flex:0 0 25px}
#LumiseDesign .cw-color-picker .cwfx-color-head{height:28px;display:flex;align-items:center;gap:6px}
#LumiseDesign .cw-color-picker .cwfx-color-head strong{flex:1;font-size:12px}
#LumiseDesign .cw-color-picker .cwfx-color-head button{color:#793aff;font-size:12px;padding:6px}
#LumiseDesign .cw-color-picker .cwfx-sv{height:70px;border-radius:6px;position:relative;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;margin:4px 0 8px}
#LumiseDesign .cw-color-picker .cwfx-sv-cursor{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #333;pointer-events:none}
#LumiseDesign .cw-color-picker .cwfx-hue{display:block!important;width:100%!important;height:10px!important;min-height:10px!important;padding:0!important;margin:0 0 8px!important;border:0!important;border-radius:8px!important;appearance:none!important;-webkit-appearance:none!important;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}
#LumiseDesign .cw-color-picker .cwfx-hue::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:16px;height:16px;background:white!important;border:2px solid #ae80ff!important;border-radius:50%}
#LumiseDesign .cw-color-picker .cwfx-hue::-moz-range-thumb{width:13px;height:13px;background:white;border:2px solid #ae80ff;border-radius:50%}
#LumiseDesign .cw-color-picker .cwfx-hex{display:flex;gap:10px;align-items:center;height:28px;font-size:10px}
#LumiseDesign .cw-color-picker .cwfx-hex input{font-size:16px!important;min-width:0;flex:1;border:1px solid #e7e3ee;border-radius:5px;height:27px;padding:3px 8px;box-sizing:border-box}
#LumiseDesign .cw-color-picker .cwfx-recent small{display:block;font-size:9px;line-height:15px;margin:0}
#LumiseDesign .cw-color-picker .cwfx-recent .cwfx-chip{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px}
#LumiseDesign .cw-color-picker .cwfx-chips{justify-content:space-between;gap:6px}
#LumiseDesign .cw-sticker-color{position:fixed;top:var(--cw-subui-top,114px);left:8px;width:410px;max-width:calc(100vw - 16px);max-height:calc(100dvh - var(--cw-subui-top,114px) - 8px);overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 8px 28px #19112826;z-index:1000005;}
@media(max-width:767px){#LumiseDesign .cw-sticker-color{top:auto;bottom:0;left:0;width:100%;max-width:100vw;max-height:80dvh;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;box-shadow:0 -6px 28px #20103712;}}