#lumise-shapes.cwli-shapes{flex-direction:column;overflow:hidden!important;min-height:0;box-sizing:border-box;height:var(--cwli-shapes-height,100%)!important}
#lumise-shapes.cwli-shapes.active{display:flex!important}
#lumise-shapes.cwli-shapes:not(.active){display:none!important}
#lumise-shapes.cwli-shapes>.gray{display:none}
#lumise-shapes.cwli-shapes>.lumise-tab-body{flex:1 1 0;min-height:0;height:auto!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;overflow-anchor:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
#lumise-shapes .cwli-shape-search{flex:0 0 auto;padding:10px;background:white;display:flex;gap:6px}
#lumise-shapes .cwli-shape-search input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:16px}
#lumise-shapes .cwli-shape-status{flex:0 0 auto;font-size:12px;padding:3px 10px;min-height:20px}
#lumise-shapes .cwli-shape-index{flex:0 0 auto;display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;background:#fff;padding:6px;max-width:100%;box-sizing:border-box;height:60px;min-height:60px;border:0;box-shadow:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
#lumise-shapes .cwli-shape-index button{position:relative;flex:0 0 48px;width:48px;height:48px;min-width:48px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:3px;cursor:pointer}
#lumise-shapes .cwli-shape-index button[aria-current="true"]:after{content:'';position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#8c699b}
#lumise-shapes .cwli-shape-index button:focus-visible{outline:2px solid #8c699b;outline-offset:-2px}
#lumise-shapes .cwli-shape-index img{width:42px;height:42px;object-fit:contain;pointer-events:none}
#lumise-shapes .cwli-shape-retry{border:0;background:transparent;color:#6540c6;text-decoration:underline;cursor:pointer}
#lumise-shapes ul.lumise-list-items:after{content:'';display:block;clear:both}
#lumise-shapes .cwli-shape-thumbnail{display:flex;align-items:center;justify-content:center;width:42px;height:42px;pointer-events:none}
#lumise-shapes .cwli-shape-thumbnail svg{display:block!important;width:42px!important;height:42px!important;max-width:42px;max-height:42px}
#lumise-shapes .cwli-shape-image-error .cwli-shape-thumbnail{font:11px/1.3 sans-serif;color:#6540c6;white-space:normal}

#lumise-shapes .cwli-shape-thumbnail img{display:block!important;opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important;width:42px!important;height:42px!important;object-fit:contain}
/* Scope every layout correction to this module; Core's desktop menu stays vertical. */
div#LumiseDesign div#lumise-left #lumise-shapes.cwli-shapes{min-height:0;max-height:var(--cwli-shapes-height,100%);padding:0;overflow:hidden!important}
div#LumiseDesign div#lumise-left #lumise-shapes.cwli-shapes>.lumise-tab-body{display:block;box-sizing:border-box;width:100%;max-height:none;min-height:0;flex:1 1 0;position:relative;padding:10px 12px;overflow-y:auto!important}
#lumise-shapes .cwli-shape-dock{display:flex;align-items:center;gap:2px;flex:0 0 auto;width:100%;min-width:0;box-sizing:border-box;background:#fff;padding:4px 6px;color:#343543}
#lumise-shapes .cwli-shape-dock .cwli-shape-index{flex:1 1 0;min-width:0;height:56px;min-height:56px;padding:4px 0;scrollbar-width:none}
#lumise-shapes .cwli-shape-index::-webkit-scrollbar{display:none}
#lumise-shapes .cwli-shape-arrow{flex:0 0 40px;width:40px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;font:30px/1 sans-serif;padding:0;cursor:pointer;touch-action:manipulation}
#lumise-shapes .cwli-shape-arrow:disabled{opacity:.25;cursor:default}
#lumise-shapes .cwli-shape-arrow:focus-visible,#lumise-shapes .cwli-shape-hint:focus-visible{outline:2px solid #8c699b;outline-offset:-2px}
#lumise-shapes .cwli-shape-count{flex:0 0 auto;min-height:20px;text-align:center;font-size:12px;line-height:20px}
#lumise-shapes .cwli-shape-status{box-sizing:border-box;text-align:center;font-size:12px;line-height:20px}
#lumise-shapes .cwli-shape-hint{display:block;clear:both;max-width:100%;margin:8px auto 14px;padding:8px 16px;border:0;border-radius:24px;background:rgba(140,140,150,.12);color:inherit;font:inherit;font-size:12px;line-height:20px;cursor:pointer}
#lumise-shapes .cwli-shape-hint[hidden],#lumise-shapes .cwli-shape-status[hidden]{display:none!important}
#lumise-shapes.cwli-shapes-safe .cwli-shape-dock{padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}
#lumise-shapes .cwli-shape-image-error .cwli-shape-thumbnail{color:#777;font-size:24px}
/* Search border is the real clipping edge of the scroll viewport. */
#lumise-shapes.cwli-shapes .cwli-shape-search{border-bottom:1px solid #e5e5e7;position:relative;z-index:2}
#lumise-shapes.cwli-shapes .cwli-shape-fade{position:absolute;pointer-events:none;z-index:3;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 55%,#fff 100%);background-size:100% 64px;background-position:bottom;background-repeat:no-repeat}
#lumise-shapes.cwli-shapes .cwli-shape-count{position:relative;background:#fff;color:#454553}
/* Match the requested white Shapes surface; all other Lumise panels keep their theme. */
div#LumiseDesign div#lumise-left #lumise-shapes.cwli-shapes{background:#fff;color:#454553}

/* Small in-cell pending state. No modal/central character or interaction interception. */
#lumise-shapes .cwli-shape-index button[data-thumbnail-loading="true"] .cwli-shape-thumbnail:empty:after,
#lumise-shapes .cwli-shape-cell-loading:after{content:'';display:block;width:13px;height:13px;border:2px solid #eee7f4;border-top-color:#c3aad6;border-radius:50%;animation:cwli-shape-spin .9s linear infinite;pointer-events:none}
#lumise-shapes .cwli-shape-placeholder-grid{display:grid;grid-template-columns:repeat(5,1fr);pointer-events:none}
#lumise-shapes .cwli-shape-cell-loading{display:flex;align-items:center;justify-content:center;aspect-ratio:1}
#lumise-shapes .cwli-shape-dock{position:relative}
#lumise-shapes .cwli-shape-dock:before,#lumise-shapes .cwli-shape-dock:after{content:'';position:absolute;top:4px;bottom:4px;width:16px;z-index:1;pointer-events:none;opacity:0}
#lumise-shapes .cwli-shape-dock:before{left:48px;background:linear-gradient(to right,#fff,transparent)}
#lumise-shapes .cwli-shape-dock:after{right:48px;background:linear-gradient(to left,#fff,transparent)}
#lumise-shapes .cwli-shape-dock.has-left:before,#lumise-shapes .cwli-shape-dock.has-right:after{opacity:1}
@keyframes cwli-shape-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#lumise-shapes .cwli-shape-cell-loading:after,#lumise-shapes .cwli-shape-thumbnail:after{animation:none!important}}
/* Every catalog position has permanent geometry; SVG readiness never changes a row. */
div#LumiseDesign #lumise-shapes.cwli-shapes ul.lumise-list-items{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:var(--cwli-cell-size,64px);gap:0!important;width:100%!important;padding:0!important;margin:0!important;float:none!important}
#lumise-shapes.cwli-shapes ul.lumise-list-items:before,#lumise-shapes.cwli-shapes ul.lumise-list-items:after{display:none!important}
div#LumiseDesign #lumise-shapes.cwli-shapes ul.lumise-list-items>li.cwli-shape-cell{display:flex!important;align-items:center;justify-content:center;position:relative;box-sizing:border-box;float:none!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:8px!important;border:0;background:transparent;overflow:hidden;touch-action:pan-y}
#lumise-shapes.cwli-shapes li.cwli-shape-cell>svg{display:block!important;max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;pointer-events:none}
#lumise-shapes .cwli-cell-pending.is-near:after,#lumise-shapes .cwli-shape-index button[data-state="loading"] .cwli-shape-thumbnail:empty:after{content:'';display:block;width:13px;height:13px;border:2px solid #eee7f4;border-top-color:#c3aad6;border-radius:50%;animation:cwli-shape-spin .9s linear infinite;pointer-events:none}
#lumise-shapes .cwli-shape-cell-retry{border:0;background:transparent;color:#9275a5;font:20px/1 sans-serif;cursor:pointer;width:100%;height:100%;padding:0}
#lumise-shapes .cwli-shape-index button[data-state="failed"]{color:#9275a5;font-size:20px}
#lumise-shapes .cwli-shape-arrow{position:relative;z-index:2}
#lumise-shapes .cwli-cell-ready:focus-visible{outline:2px solid #8c699b;outline-offset:-3px}
#lumise-shapes.cwli-catalog-failed .cwli-cell-pending:after{animation:none;opacity:.3}
@media(prefers-reduced-motion:reduce){#lumise-shapes .cwli-cell-pending:after,#lumise-shapes .cwli-cell-ready,#lumise-shapes .cwli-shape-thumbnail:after{animation:none!important}}
/* Decoration 0.7: Template 0.2.2 spacing/tokens, retaining the native five-column grid. */
div#LumiseDesign div#lumise-left #lumise-shapes.cwli-shapes>.lumise-tab-body{padding:0 16px 16px;scrollbar-width:none}
#lumise-shapes .cwli-decoration-header{position:sticky;top:0;z-index:5;margin:0 -16px;padding:8px 16px 0;background:#fff;transform:translateY(0);transition:transform .2s ease}
#lumise-shapes .cwli-decoration-header.cwli-header-hidden{transform:translateY(-100%)}
/* Keep the 1px divider on the stationary header, independent of scroll state. */
#lumise-shapes .cwli-decoration-header:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:#e6e7eb;pointer-events:none}
#lumise-shapes.cwli-shapes .cwli-shape-search{position:relative;padding:0;border:0;background:transparent;display:block}
#lumise-shapes .cwli-shape-search:before{content:'';position:absolute;left:17px;top:15px;width:13px;height:13px;border:1.8px solid #818893;border-radius:50%;pointer-events:none}
#lumise-shapes .cwli-shape-search:after{content:'';position:absolute;left:30px;top:29px;width:7px;height:1.8px;background:#818893;transform:rotate(45deg);pointer-events:none}
#lumise-shapes.cwli-shapes .cwli-shape-search input{width:100%;height:48px;min-height:48px;padding:0 17px 0 44px;border:0;border-radius:16px;background:#f1f3f6;color:#25272b;font:inherit;font-size:15px;box-shadow:none;appearance:none}
#lumise-shapes .cwli-shape-search input::placeholder{color:#818893;opacity:1}
#lumise-shapes .cwli-decoration-ai{display:block;width:100%;height:40px;margin:10px 0 0;border:0;border-radius:14px;background:linear-gradient(110deg,#9873c2,#8061af);color:white;font:inherit;font-size:14px;font-weight:600;box-shadow:0 2px 5px #8061af20;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
#lumise-shapes .cwli-decoration-ai:active{transform:translateY(1px);box-shadow:0 1px 2px #8061af18}
#lumise-shapes .cwli-decoration-ai-notice{position:absolute;z-index:4;top:106px;left:16px;right:16px;padding:6px;background:#fff;color:#62516f;font-size:12px;text-align:center;pointer-events:none}
#lumise-shapes .cwli-decoration-ai-notice[hidden]{display:none}
#lumise-shapes .cwli-shape-dock{display:block;width:auto;margin:0 -16px;padding:0;position:relative;background:#fff}
#lumise-shapes .cwli-shape-dock .cwli-shape-index{display:flex;width:100%;max-width:none;height:72px;min-height:72px;padding:10px 16px 6px;gap:10px;scroll-padding:16px}
/* Touch sidebar: landscape iPads can exceed 1366px or use a fine primary
   pointer. The top header's dock must not reserve the bottom safe area. */
@media (min-width:737px) and (any-pointer:coarse){
 #lumise-shapes.cwli-shapes-safe .cwli-decoration-header > .cwli-shape-dock{padding-bottom:0}
}
#lumise-shapes .cwli-shape-dock .cwli-shape-arrow{position:absolute;top:22px;width:26px;height:30px;min-width:0;background:rgba(255,255,255,.92);border-radius:15px;font-size:23px;z-index:3}
#lumise-shapes .cwli-shape-dock .cwli-shape-arrow:first-child{left:0}
#lumise-shapes .cwli-shape-dock .cwli-shape-arrow:last-child{right:0}
#lumise-shapes .cwli-shape-arrow:disabled{visibility:hidden}
#lumise-shapes .cwli-shape-dock:before{left:0;width:12px}
#lumise-shapes .cwli-shape-dock:after{right:0;width:12px}
#lumise-shapes .cwli-shape-count{padding:8px 0;font-size:12px;color:#818893!important}
#lumise-shapes .cwli-decoration-ai:focus-visible,#lumise-shapes .cwli-shape-search input:focus-visible{outline:2px solid #9873c2;outline-offset:2px}
#lumise-shapes .cwli-shape-sheet-handle{display:none}
@media(max-width:449px){
 div#LumiseDesign div#lumise-left #lumise-shapes.cwli-shapes.cwli-shapes-sheet{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:var(--cwli-sheet-bottom,0px)!important;width:100%!important;height:var(--cwli-sheet-height)!important;max-height:none!important;min-height:0!important;margin:0!important;z-index:1000001;border-radius:18px 18px 0 0;transform:translateY(var(--cwli-sheet-shift,0px));transition:height .2s ease,transform .2s ease;box-shadow:0 -3px 15px #25272b0d}
 #lumise-shapes.cwli-shapes-sheet .cwli-shape-sheet-handle{display:block;flex:0 0 24px;width:100%;height:24px;min-height:24px;padding:0;border:0;background:white;touch-action:none;cursor:ns-resize}
 #lumise-shapes .cwli-shape-sheet-handle:before{content:'';display:block;width:36px;height:4px;border-radius:4px;background:#d7d8df;margin:auto}
 div#LumiseDesign div#lumise-left #lumise-shapes.cwli-sheet-dragging{transition:none!important}
 #lumise-shapes.cwli-shapes-sheet .cwli-shape-count{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){
 #lumise-shapes .cwli-decoration-header,#lumise-shapes .cwli-decoration-ai,div#LumiseDesign div#lumise-left #lumise-shapes.cwli-shapes-sheet{transition:none!important}
}

#lumise-shapes.cwli-shapes>.lumise-tab-body::-webkit-scrollbar{display:none;width:0;height:0}

/* Mobile top fade is shared with Drawing shape options in assets/runtime.css. */

/* Explicit close control for the mobile Shapes sheet. */
#lumise-shapes .cwli-shape-sheet-close{display:none}
@media(max-width:449px){
 #lumise-shapes.cwli-shapes-sheet .cwli-shape-sheet-handle{flex-basis:44px;height:44px;min-height:44px}
 #lumise-shapes.cwli-shapes-sheet .cwli-shape-sheet-close{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:4px;z-index:7;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#747985;font:28px/1 sans-serif;cursor:pointer;touch-action:manipulation}
 #lumise-shapes .cwli-shape-sheet-close:focus-visible{outline:2px solid #9873c2;outline-offset:-6px}
}

/* Effect-only colors mixed with 10% white; text and interaction states stay native. */
#LumiseDesign .cw-image-actions .cw-sticker-effect-trigger {--cw-sticker-effect-bg:#f6f1ff;--cw-sticker-effect-border:#e7d9fb;background:var(--cw-sticker-effect-bg);color:#7850c4;box-shadow:inset 0 0 0 1px var(--cw-sticker-effect-border);display:inline-flex;align-items:center;gap:6px}
#LumiseDesign .cw-image-actions .cw-sticker-effect-trigger.is-selected {--cw-sticker-effect-bg:#f0e6ff;--cw-sticker-effect-border:#cbabf1;background:var(--cw-sticker-effect-bg);color:#6d3dc6;box-shadow:inset 0 0 0 1px var(--cw-sticker-effect-border)}
#LumiseDesign .cw-sticker-effect-icon {position:relative;display:inline-flex;align-items:center;font-size:21px;line-height:1}
#LumiseDesign .cw-image-actions .cw-sticker-effect-icon svg,
#LumiseDesign .cw-image-actions .cw-sticker-effect-icon svg > path,
#LumiseDesign .cw-image-actions .cw-sticker-effect-icon svg > circle {fill:none!important;stroke:currentColor}
#LumiseDesign .cw-sticker-effect-icon small {position:absolute;right:-4px;top:-5px;font-size:10px}
#LumiseDesign .cw-image-actions {flex-shrink:0}
@media(max-width:736px){
 #LumiseDesign #lumise-top-tools[data-view=svg] > ul[data-mode=svg] {flex:1 1 0;min-width:0}
 #LumiseDesign #lumise-top-tools[data-view=svg] .cw-svg-palette-chips {overflow:hidden}
 #LumiseDesign #lumise-top-tools[data-view=svg] > ul.right {flex-shrink:1;min-width:0;overflow-x:auto}
 #LumiseDesign .cw-image-actions .cw-sticker-effect-trigger {padding-left:9px;padding-right:9px;gap:4px}
}

#LumiseDesign #lumise-top-tools .cw-sticker-effect-trigger[hidden]{display:none!important}