/* Clipart only. Matched to template-ui-update-20260925/installed/.../template-browser/style.css. */
#lumise-cliparts.cwli-cb-active { overflow:hidden !important; padding:0 !important; background:#fff; }
#lumise-cliparts.cwli-cb-active > header { display:none !important; }
#lumise-cliparts.cwli-cb-active #lumise-cliparts-list { box-sizing:border-box; height:var(--cwli-cb-height,100%) !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; background:#fff; -webkit-overflow-scrolling:touch; container-type:inline-size; }
#lumise-cliparts.cwli-cb-active #lumise-cliparts-list > :not(.cwli-cb) { display:none !important; }
#lumise-cliparts .cwli-cb { box-sizing:border-box; min-height:100%; width:100%; padding:0 16px calc(20px + env(safe-area-inset-bottom,0px)); color:#25272b; background:#fff; font-family:inherit; font-size:15px; line-height:normal; }
#lumise-cliparts .cwli-cb * { box-sizing:border-box; }
#lumise-cliparts .cwli-cb [hidden] { display:none !important; }
#lumise-cliparts .cwli-cb button { margin:0; border:0; box-shadow:none; color:inherit; font:inherit; cursor:pointer; }
#lumise-cliparts .cwli-cb button:focus-visible,#lumise-cliparts .cwli-cb input:focus-visible,#lumise-cliparts .cwli-cb-categories:focus-visible { outline:3px solid var(--cw-editor-ui-purple,#5c39cd); outline-offset:2px; }
#lumise-cliparts .cwli-cb button:disabled { opacity:.55; cursor:wait; }
#lumise-cliparts .cwli-cb-sticky { position:sticky; top:0; z-index:3; margin:0 -16px; padding:8px 16px 0; background:#fff; transform:translateY(0); transition:transform .2s ease; }
#lumise-cliparts .cwli-cb-sticky-hidden { transform:translateY(-100%); visibility:hidden; pointer-events:none; transition:none; }
/* The divider stays below the sort/favorites row, independent of header motion. */
#lumise-cliparts .cwli-cb-tools::after { content:''; position:absolute; right:0; bottom:0; left:0; height:0; border-bottom:1px solid rgba(0, 0, 0, 0.08); opacity:0; transition:opacity 200ms ease; pointer-events:none; }
#lumise-cliparts .cwli-cb-tools-divider-visible::after { opacity:1; }
#lumise-cliparts .cwli-cb-head input[type=search] { display:block; width:100%; min-height:48px; margin:0; padding:0 17px; border:0; border-radius:16px; background:#f1f3f6; color:#25272b; font-family:inherit; font-size:15px; font-weight:400; line-height:normal; box-shadow:none; }
#lumise-cliparts .cwli-cb-head input::placeholder { color:#818893; }
#lumise-cliparts .cwli-cb-categories { display:flex; gap:8px; overflow-x:auto; margin:0 -16px; padding:10px 16px 6px; scrollbar-width:none; overscroll-behavior-x:contain; touch-action:pan-x; }
#lumise-cliparts .cwli-cb-categories::-webkit-scrollbar { display:none; }
#lumise-cliparts .cwli-cb-categories button { flex:0 0 auto; min-height:42px; padding:0 18px; border:1px solid transparent; border-radius:24px; background:#f1f3f6; color:#3a3d43; white-space:nowrap; }
#lumise-cliparts .cwli-cb-categories button[aria-pressed=true] { background:#292b2d; color:#fff; }
#lumise-cliparts .cwli-cb-tools { position:sticky; top:var(--cwli-tools-top,114px); z-index:2; display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 -16px 8px; padding:0 16px; background:#fff; font-size:13px; }
#lumise-cliparts .cwli-cb-tools button { min-height:42px; padding:0 10px; background:transparent; color:#292b2d; font-weight:600; }
#lumise-cliparts .cwli-cb-tools button[aria-pressed=true] { color:#e4675c; }
#lumise-cliparts .cwli-cb-message:empty,#lumise-cliparts .cwli-cb-guest:empty { display:none; }
#lumise-cliparts .cwli-cb-message { padding:4px 0 8px; color:#98504b; font-size:13px; }
#lumise-cliparts .cwli-cb-guest { margin:8px 0 0; color:#737982; font-size:12px; }
#lumise-cliparts .cwli-cb-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; }
#lumise-cliparts .cwli-cb-card,#lumise-cliparts .cwli-cb-placeholder { position:relative; min-width:0; aspect-ratio:1; overflow:hidden; border:1px solid #d9dde3; border-radius:15px; background:#fafafa; }
#lumise-cliparts .cwli-cb-placeholder::before,#lumise-cliparts .cwli-cb-preview[data-state=loading]::before { content:''; position:absolute; top:50%; left:50%; width:22px; height:22px; margin:-11px; border:3px solid #eee9fc; border-top-color:#a28ad8; border-radius:50%; animation:cwli-cb-spin .8s linear infinite; pointer-events:none; }
@keyframes cwli-cb-spin { to { transform:rotate(360deg); } }
#lumise-cliparts .cwli-cb-insert { display:block; width:100%; height:100%; padding:8px; background:transparent; border-radius:14px; }
#lumise-cliparts .cwli-cb-preview { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; overflow:hidden; border-radius:10px; background:#fafafa; }
#lumise-cliparts .cwli-cb-preview img { display:block; width:100%; height:100%; object-fit:contain; border:0; filter:none; }
#lumise-cliparts .cwli-cb-preview[data-state=idle] img,#lumise-cliparts .cwli-cb-preview[data-state=loading] img,#lumise-cliparts .cwli-cb-preview[data-state=error] img { opacity:0; }
#lumise-cliparts .cwli-cb-preview-error { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:6px; color:#737982; text-align:center; font-size:11px; }
#lumise-cliparts .cwli-cb-heart { position:absolute; top:3px; right:3px; z-index:1; width:40px; height:40px; padding:0; border-radius:50%; background:rgba(255,255,255,.86) !important; color:#30343a; font-size:25px !important; line-height:1; }
#lumise-cliparts .cwli-cb-heart[aria-pressed=true] { color:var(--cw-editor-ui-purple,#5c39cd); }
#lumise-cliparts .cwli-cb-image-retry { display:block; position:absolute; right:6px; bottom:6px; left:6px; z-index:2; min-height:32px; padding:4px; border-radius:10px; background:rgba(255,255,255,.92) !important; font-size:11px !important; }
#lumise-cliparts .cwli-cb-status { min-height:50px; padding:16px 0; color:#737982; text-align:center; }
#lumise-cliparts .cwli-cb-status button,#lumise-cliparts .cwli-cb-message button { display:block; min-height:40px; margin:8px auto 0; padding:0 15px; border:1px solid #d9dde3; border-radius:22px; background:#fff; }
@media (prefers-reduced-motion:reduce) { #lumise-cliparts .cwli-cb-sticky,#lumise-cliparts .cwli-cb-tools::after { transition:none; } #lumise-cliparts .cwli-cb-placeholder::before,#lumise-cliparts .cwli-cb-preview::before { animation:none; } }
@media (max-width:736px) { #lumise-cliparts.cwli-cb-active #lumise-cliparts-list { scrollbar-width:none; } #lumise-cliparts.cwli-cb-active #lumise-cliparts-list::-webkit-scrollbar { display:none; } }

/* Template buttons retain the browser control font size (13.3333px in Chrome). */
#lumise-cliparts .cwli-cb-categories button,#lumise-cliparts .cwli-cb-tools button { font-size:revert; line-height:normal; }
#lumise-cliparts .cwli-cb-status { font-size:14px; }

/* Native hamburger/history/cart navigation: always white while module is mounted. */
#LumiseDesign #lumise-navigations.cwli-cb-top-nav {
  background:#fff !important; background-image:none !important;
  border-bottom-color:transparent !important; box-shadow:none !important;
}
#LumiseDesign #lumise-navigations.cwli-cb-top-nav > .cwli-cb-top-border {
  display:block; position:absolute; left:0; right:0; bottom:0;
  height:0; margin:0; padding:0; border:0; border-bottom:1px solid rgba(0, 0, 0, 0.08);
  opacity:0; transition:opacity 200ms ease; pointer-events:none;
}
#LumiseDesign:has(#lumise-cliparts.active.cwli-cb-top-border-visible) #lumise-navigations.cwli-cb-top-nav > .cwli-cb-top-border { opacity:1; }
@media (prefers-reduced-motion:reduce) {
  #LumiseDesign #lumise-navigations.cwli-cb-top-nav > .cwli-cb-top-border { transition:none; }
}

#LumiseDesign #lumise-navigations.cwli-cb-top-nav > ul[data-block] { background:transparent !important; }

/* Mobile-only rollback to the 2026-10-15 category divider. */
@media (max-width:736px) {
  #lumise-cliparts .cwli-cb-tools::after { content:none; }
  #lumise-cliparts .cwli-cb-sticky::after { content:''; position:absolute; right:0; bottom:0; left:0; height:0; border-bottom:1px solid rgba(0, 0, 0, 0.08); opacity:0; transition:opacity 200ms ease; pointer-events:none; }
  #lumise-cliparts.cwli-cb-scroll-up .cwli-cb-sticky:not(.cwli-cb-sticky-hidden)::after { opacity:1; }
  #lumise-cliparts .cwli-cb-tools { position:static; top:auto; z-index:auto; margin:0 0 8px; padding:0; background:transparent; }
}
@media (max-width:736px) and (prefers-reduced-motion:reduce) { #lumise-cliparts .cwli-cb-sticky::after { transition:none; } }