#kw-sticker-launch {position:fixed;right:20px;bottom:76px;z-index:10000;background:#5c39cd;color:#fff;border:0;border-radius:24px;padding:13px 20px;box-shadow:0 4px 18px #0003;font:600 14px sans-serif;cursor:pointer}
#kw-sticker {position:fixed;inset:0;background:#10132299;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;font:14px/1.5 sans-serif;color:#252538}
#kw-sticker[hidden] {display:none}
#kw-sticker * {box-sizing:border-box}
#kw-sticker .kw-dialog {background:#fff;border-radius:16px;width:940px;max-width:100%;max-height:94vh;overflow:auto;padding:24px;box-shadow:0 20px 70px #0004}
#kw-sticker h2 {font-size:22px;margin:0 0 8px;color:#252538}
#kw-sticker p {margin:6px 0 16px}
:is(#kw-sticker,#cw-illustration-effects) .kw-head {display:flex;justify-content:space-between;align-items:start;gap:20px}
#kw-sticker .kw-layout {display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px}
#kw-sticker .kw-preview {min-height:320px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd9e7;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#e7e7ed 0% 25%,#fff 0% 50%) 50%/20px 20px}
#kw-sticker canvas {display:block;max-width:100%;max-height:430px;width:auto;height:auto;touch-action:manipulation}
#kw-sticker button,#cw-illustration-effects :where(.cwi-control-surface) button {border:1px solid #d9d5e5;border-radius:7px;background:#fff;color:#292637;cursor:pointer;padding:10px 13px;font:inherit;line-height:1.3}
#kw-sticker button:hover,#cw-illustration-effects :where(.cwi-control-surface) button:hover {background:#f1eef9}
#kw-sticker button:focus-visible,#kw-sticker input:focus-visible,#cw-illustration-effects :where(.cwi-control-surface) :is(button,input):focus-visible {outline:3px solid #9b82e7;outline-offset:2px}
#kw-sticker button:disabled,#cw-illustration-effects :where(.cwi-control-surface) button:disabled {opacity:.45;cursor:default}
#kw-sticker .kw-primary,#cw-illustration-effects .kw-primary {background:#5c39cd;color:white;border-color:#5c39cd}
#kw-sticker .kw-primary:hover,#cw-illustration-effects .kw-primary:hover {background:#4e2bbf}
#kw-sticker label,#cw-illustration-effects .cwi-picker label {display:block;margin:16px 0 8px;font-weight:600}
#kw-sticker input[type=range],#cw-illustration-effects .cwi-picker input[type=range] {width:100%;margin:8px 0;display:block}
#kw-sticker input[type=color] {width:100%;height:40px;padding:3px;border:1px solid #ddd;background:#fff}
#kw-sticker .kw-actions {display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#kw-sticker .kw-note {font-size:12px;color:#686474}
#kw-sticker .kw-status {min-height:24px;margin-top:12px;color:#5a388e;overflow-wrap:anywhere}
:is(#kw-sticker,#cw-illustration-effects) .kw-footer {display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:650px) {#kw-sticker {padding:8px} #kw-sticker .kw-dialog {padding:16px} #kw-sticker .kw-layout {grid-template-columns:1fr} #kw-sticker .kw-preview {min-height:180px} #kw-sticker canvas {max-height:270px} #kw-sticker-launch {right:10px;bottom:85px;padding:11px 15px}}
/* Calliwish photo effects v0.4.0: native top-layer modal + independent scrolling. */
#kw-sticker {border:0;margin:0;max-width:none;max-height:none;width:100%;height:100vh;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow:hidden;outline:none}
#kw-sticker::backdrop {background:#10132288}
#kw-sticker .kw-dialog {display:flex;flex-direction:column;width:740px;max-height:100%;overflow:hidden;padding:0;border-radius:20px}
:is(#kw-sticker,#cw-illustration-effects) .kw-head {flex:none;padding:22px 24px 12px;background:#fff;gap:12px}
:is(#kw-sticker,#cw-illustration-effects) .kw-head button {flex:none;width:44px;height:44px;padding:0}
:is(#kw-sticker,#cw-illustration-effects) .kw-head p {font-size:14px;margin:6px 0;color:#686474}
#kw-sticker .kw-scroll {min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 24px 16px}
#kw-sticker .kw-preview {min-height:180px;padding:12px;height:290px}
#kw-sticker #kw-preview {max-height:100%;max-width:100%;object-fit:contain}
#kw-sticker h3 {font-size:17px;margin:18px 0 10px}
#kw-sticker details {border-bottom:1px solid #e8e5ef;padding:8px 0 12px}
#kw-sticker summary {cursor:pointer;min-height:32px;line-height:32px}
#kw-sticker .kw-effects {display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px;scroll-snap-type:x proximity}
#kw-sticker .kw-effects button {flex:1 0 90px;min-width:0;padding:8px 5px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#f6f5fa;scroll-snap-align:start;font-size:13px}
#kw-sticker .kw-effects canvas {width:72px;height:78px;object-fit:contain}
#kw-sticker .kw-effects button[aria-pressed=true] {border:2px solid #7340e8;background:#f0eafd;color:#6534d2;padding:7px 4px}
#kw-sticker .kw-settings {padding:4px 16px 16px;border:1px solid #e5dfef;border-radius:12px;margin-top:10px;background:#fcfbff}
#kw-sticker label,#cw-illustration-effects .cwi-picker label {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 6px;font-weight:500}
#kw-sticker input[type=color] {width:48px;height:34px;border-radius:8px;padding:2px}
#kw-sticker input[type=range],#cw-illustration-effects .cwi-picker input[type=range] {accent-color:#793aff;min-height:28px;cursor:pointer}
#kw-sticker input[type=checkbox] {width:23px;height:23px;accent-color:#6d3cdd}
#kw-sticker .kw-swatches,#kw-sticker .kw-directions,#kw-sticker .kw-stack-colors {display:flex;gap:10px;flex-wrap:wrap}
#kw-sticker .kw-swatches button {background:var(--swatch);width:38px;height:38px;border:3px solid #fff;border-radius:50%;outline:1px solid #ddd;padding:0}
#kw-sticker .kw-directions button {min-width:44px;min-height:44px;font-size:22px}
:is(#kw-sticker,#cw-illustration-effects) .kw-footer {flex:none;margin:0;padding:12px 24px;background:#fff;border-top:1px solid #e8e5ef;display:flex}
:is(#kw-sticker,#cw-illustration-effects) .kw-footer :is(#kw-add,.cwi-apply) {flex:1;min-height:48px;font-size:16px;font-weight:600}
#kw-sticker [hidden] {display:none!important}
@media(max-width:650px) {
 #kw-sticker {padding:max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom))}
 #kw-sticker .kw-dialog {height:100%;border-radius:16px;padding:0;max-height:100%}
 :is(#kw-sticker,#cw-illustration-effects) .kw-head {padding:16px 16px 8px}
 #kw-sticker h2 {font-size:20px}
 #kw-sticker .kw-scroll {padding:0 16px 12px}
 #kw-sticker .kw-preview {height:clamp(150px,28dvh,250px);min-height:150px}
 :is(#kw-sticker,#cw-illustration-effects) .kw-footer {padding:10px 16px}
 #kw-sticker .kw-actions {gap:6px}
 #kw-sticker .kw-actions button {font-size:12px;padding:10px 8px;min-height:42px}
}

/* Native top layer escapes editor stacking contexts; no body style snapshots or inert mutations. */
:root:has(#kw-sticker[open]) {overflow:hidden!important; overscroll-behavior:none}
#kw-sticker:not([open]) {display:none}
#kw-sticker {background:transparent}
#kw-sticker .kw-dialog {min-height:0;box-shadow:0 20px 70px #0004}
#kw-sticker .kw-scroll {overflow-x:hidden;touch-action:pan-x pan-y;scrollbar-gutter:auto}
#kw-sticker .kw-effects {touch-action:pan-x pan-y}
#kw-sticker .kw-directions button[aria-pressed=true] {background:#7340e8;color:white;border-color:#7340e8}
#kw-sticker .kw-swatches button[aria-pressed=true] {outline:2px solid #7340e8;outline-offset:1px}
#kw-sticker label,#cw-illustration-effects .cwi-picker label {flex-wrap:wrap}
#kw-sticker .kw-swatches {width:100%;gap:8px;margin:5px 0}
#kw-sticker .kw-swatches button {width:30px;height:30px}
#kw-sticker .kw-stack-colors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#kw-sticker input,#cw-illustration-effects .cwi-picker input {min-width:0;max-width:100%}
:is(#kw-sticker,#cw-illustration-effects) .kw-footer button {white-space:normal}
#kw-sticker .kw-note {overflow-wrap:anywhere}
#kw-sticker .kw-effects canvas {max-width:100%}
@media(max-height:450px) {:is(#kw-sticker,#cw-illustration-effects) .kw-head {padding-top:8px} :is(#kw-sticker,#cw-illustration-effects) .kw-head p {margin:0} :is(#kw-sticker,#cw-illustration-effects) .kw-footer {padding-top:6px;padding-bottom:6px}}

#kw-sticker #kw-outline-on {appearance:none;width:48px;height:28px;border:0;border-radius:20px;background:#d9d5e5;position:relative;cursor:pointer;flex:none}
#kw-sticker #kw-outline-on:before {content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:white;top:3px;left:3px;box-shadow:0 1px 4px #0002}
#kw-sticker #kw-outline-on:checked {background:#7340e8}
#kw-sticker #kw-outline-on:checked:before {left:23px}

/* 0.5.1: stable preview + one settings scroller. No bitmap/output resizing. */
#kw-sticker .kw-dialog {width:1060px;height:100%;max-height:900px}
#kw-sticker .kw-workspace {flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:20px;padding:0 24px}
#kw-sticker .kw-workspace > .kw-preview {height:100%;min-height:0;min-width:0;padding:12px;position:relative}
#kw-sticker #kw-preview {width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#kw-sticker #kw-empty {position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
#kw-sticker .kw-scroll-shell {position:relative;min-height:0;min-width:0;overflow:hidden}
#kw-sticker .kw-scroll {height:100%;padding:0;scrollbar-width:none;-ms-overflow-style:none;scroll-padding:12px 0 32px}
#kw-sticker .kw-scroll::-webkit-scrollbar {display:none;width:0;height:0}
#kw-sticker .kw-scroll-content {padding:0 4px 32px}
#kw-sticker .kw-scroll-shell::after {content:"";position:absolute;left:0;right:0;bottom:0;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.95));pointer-events:none;opacity:0}
#kw-sticker .kw-scroll-shell.kw-more::after {opacity:1}
#kw-sticker .kw-actions {margin-top:0}
#kw-sticker input[type=range],#cw-illustration-effects .cwi-picker input[type=range] {touch-action:none}
#kw-sticker .kw-scroll:focus-visible {outline:2px solid #9b82e7;outline-offset:-2px}
@media(max-width:799px) {
 #kw-sticker .kw-workspace {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,27%) minmax(0,1fr);gap:12px;padding:0 16px}
 #kw-sticker .kw-dialog {max-height:100%}
 #kw-sticker .kw-workspace > .kw-preview {height:100%}
}
@media(max-width:799px) and (min-height:600px) {
 #kw-sticker .kw-workspace {grid-template-rows:minmax(0,min(27dvh,40%)) minmax(0,1fr)}
}
@media(max-height:500px) {
 :is(#kw-sticker,#cw-illustration-effects) .kw-head {padding:6px 12px}
 #kw-sticker h2 {font-size:17px;margin:0}
 :is(#kw-sticker,#cw-illustration-effects) .kw-head p {font-size:12px;margin:0}
 #kw-sticker .kw-workspace {gap:8px;padding:0 12px}
 :is(#kw-sticker,#cw-illustration-effects) .kw-footer {padding:6px 12px}
 :is(#kw-sticker,#cw-illustration-effects) .kw-footer :is(#kw-add,.cwi-apply) {min-height:40px;font-size:14px}
}

/* 0.5.2: extend only the effects viewport; compensate other content insets. */
#kw-sticker {--kw-effects-edge:24px;--kw-effects-start:0px}
#kw-sticker .kw-scroll-shell {margin-left:calc(-1 * var(--kw-effects-start));margin-right:calc(-1 * var(--kw-effects-edge))}
#kw-sticker .kw-scroll-content {padding-left:calc(4px + var(--kw-effects-start));padding-right:calc(4px + var(--kw-effects-edge))}
#kw-sticker .kw-effects-frame {position:relative;min-width:0;margin-left:calc(-4px - var(--kw-effects-start));margin-right:calc(-4px - var(--kw-effects-edge))}
#kw-sticker .kw-effects {padding-left:0;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}
#kw-sticker .kw-effects::-webkit-scrollbar {display:none;width:0;height:0}
@media(max-width:799px){#kw-sticker {--kw-effects-edge:16px;--kw-effects-start:var(--kw-effects-edge)}}
@media(max-height:500px){#kw-sticker {--kw-effects-edge:12px}}

/* 0.5.3: directional overflow hints, outside the scrolling track. */
#kw-sticker .kw-effects-frame::before,
#kw-sticker .kw-effects-frame::after {content:"";position:absolute;top:0;bottom:0;width:18px;z-index:1;pointer-events:none;opacity:0}
#kw-sticker .kw-effects-frame::before {left:0;background:linear-gradient(to right,rgba(255,255,255,.95),rgba(255,255,255,0))}
#kw-sticker .kw-effects-frame::after {right:0;background:linear-gradient(to left,rgba(255,255,255,.95),rgba(255,255,255,0))}
#kw-sticker .kw-effects-frame.kw-more-left::before,
#kw-sticker .kw-effects-frame.kw-more-right::after {opacity:1}

/* 0.5.4: color the actual thumb, including Lumise's custom range skin.
   Keep focus feedback on the round thumb instead of boxing the entire input. */
#kw-sticker .kw-settings input[type=range]:focus {outline:none}
#kw-sticker .kw-settings input[type=range]::-webkit-slider-thumb {background:#793aff!important}
#kw-sticker .kw-settings input[type=range]::-moz-range-thumb {background:#793aff!important}
#kw-sticker .kw-settings input[type=range]:focus-visible::-webkit-slider-thumb {box-shadow:0 0 0 3px #fff,0 0 0 5px #9b82e7}
#kw-sticker .kw-settings input[type=range]:focus-visible::-moz-range-thumb {box-shadow:0 0 0 3px #fff,0 0 0 5px #9b82e7}

/* 0.6.0: settings-only overflow hint and accessible AI action states. */
#kw-sticker .kw-scroll-shell::after {height:32px;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none}
#kw-sticker #kw-ai {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #b9a1ef;color:#5424a4;background:linear-gradient(120deg,#f1eaff,#fff3fa);font-weight:600}
#kw-sticker #kw-ai:not(:disabled):hover {border-color:#8957dc;background:linear-gradient(120deg,#e8dbff,#ffe8f5)}
#kw-sticker #kw-ai:focus-visible {outline:3px solid #793aff;outline-offset:3px}
#kw-sticker #kw-ai:disabled {opacity:1;color:#777180;border-color:#ddd7e5;background:#f3f0f6;cursor:not-allowed}
#kw-sticker #kw-ai[aria-busy=true] {color:#593693;border-color:#b7a0dd;background:linear-gradient(120deg,#e8ddfa,#f6ecff);cursor:progress}
#kw-sticker .kw-ai-sparkle {font-size:18px;line-height:1;flex:none}
#kw-sticker #kw-ai-access {margin:10px 0 12px;color:#625477;line-height:1.55;overflow-wrap:anywhere;white-space:normal}
#kw-sticker #kw-ai-access[hidden] {display:none}
#kw-sticker #kw-ai-access a {display:inline-block;margin-left:6px;color:#6635bc;text-decoration:underline}

/* 0.6.1: soften the settings edge immediately below the fixed photo preview. */
#kw-sticker .kw-scroll-shell::before {content:"";position:absolute;top:0;left:0;right:0;height:28px;z-index:2;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));pointer-events:none;opacity:0}
#kw-sticker .kw-scroll-shell.kw-more-above::before {opacity:1}
#kw-sticker .kw-scroll {scroll-padding-top:32px}

/* Photo Sticker 0.7.2: processing options only. */
#kw-sticker .kw-modes {border:1px solid #e5dfef;border-radius:12px;padding:10px 12px;margin:8px 0;background:#fcfbff;min-width:0}
#kw-sticker .kw-modes legend {font-weight:600;padding:0 4px}
#kw-sticker .kw-modes label {justify-content:flex-start;min-height:44px;margin:0;gap:8px}
#kw-sticker .kw-modes input[type=radio] {width:20px;height:20px;accent-color:#7340e8;flex:none}

/* Legacy illustration layout; current illustration sessions use a separate dialog. */
#kw-sticker.kw-illustration .kw-workspace {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,45%) minmax(0,1fr);max-width:740px;width:100%;align-self:center}
#kw-sticker.kw-illustration .kw-dialog {width:790px}
#kw-sticker.kw-illustration .kw-actions,
#kw-sticker.kw-illustration .kw-modes,
#kw-sticker.kw-illustration #kw-image-size-note,
#kw-sticker.kw-illustration #kw-ai-access {display:none!important}
#kw-sticker.kw-illustration .kw-effects {gap:8px;padding:4px 16px;justify-content:space-between}
#kw-sticker.kw-illustration .kw-effects button {flex:1 1 0;font-size:13px}
#kw-sticker.kw-illustration .kw-effects [data-effect=none] {display:none}
#kw-sticker.kw-illustration .kw-effects canvas {height:50px;width:55px}
#kw-sticker .kw-dialog {position:relative}
:is(#kw-sticker,#cw-illustration-effects) .kw-color-button {width:44px;height:44px;flex:none;border:2px solid #d9d5e5;border-radius:50%;padding:0}
:is(#kw-sticker,#cw-illustration-effects) .kw-color-panel {position:absolute;inset:0;z-index:5;background:white;border-radius:20px;padding:24px;overflow-y:auto;overscroll-behavior:contain}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-color-head {display:flex;align-items:center;gap:12px}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-color-head strong {flex:1}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-color-head button {min-height:44px;color:#793aff}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-sv {height:clamp(120px,30dvh,300px);position:relative;border-radius:12px;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;margin:20px 0}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-sv-cursor {position:absolute;width:16px;height:16px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #333;pointer-events:none}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-hue {background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center/100% 8px no-repeat!important}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-hex input {font-size:16px;min-height:44px;border:1px solid #ddd;border-radius:8px;padding:8px}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-chips {display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker .cwfx-chip {width:44px;height:44px;border-radius:50%;padding:0}
/* A transparent 44px thumb contains the balanced 16px purple circle.
   It stays inside its own row, with no overlay over adjacent controls. */
:is(#kw-sticker :is(.kw-settings,.cw-color-picker),#cw-illustration-effects .cw-color-picker) input.cw-slider {--cw-slider-hit-inset:22;--cw-slider-purple:#793aff;appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box;height:44px!important;min-height:44px!important;padding:0!important;margin:4px 0!important;border:0!important;touch-action:none;background:linear-gradient(to right,var(--cw-slider-purple) var(--cw-slider-progress),#e3dbee var(--cw-slider-progress)) center/100% 4px no-repeat!important}
:is(#kw-sticker :is(.kw-settings,.cw-color-picker),#cw-illustration-effects .cw-color-picker) input.cw-slider::-webkit-slider-runnable-track {height:4px;background:transparent;border:0}
:is(#kw-sticker :is(.kw-settings,.cw-color-picker),#cw-illustration-effects .cw-color-picker) input.cw-slider::-webkit-slider-thumb {appearance:none!important;-webkit-appearance:none!important;width:44px!important;height:44px!important;margin-top:-20px!important;border:0!important;border-radius:50%;background:radial-gradient(circle,#793aff 0 6px,#fff 6px 8px,transparent 8px)!important;box-shadow:none}
:is(#kw-sticker :is(.kw-settings,.cw-color-picker),#cw-illustration-effects .cw-color-picker) input.cw-slider::-moz-range-track {height:4px;background:transparent;border:0}
:is(#kw-sticker :is(.kw-settings,.cw-color-picker),#cw-illustration-effects .cw-color-picker) input.cw-slider::-moz-range-thumb {width:44px;height:44px;border:0;border-radius:50%;background:radial-gradient(circle,#793aff 0 6px,#fff 6px 8px,transparent 8px)!important}
@media(max-width:799px){#kw-sticker.kw-illustration .kw-workspace{grid-template-rows:minmax(0,36%) minmax(0,1fr)}:is(#kw-sticker,#cw-illustration-effects) .kw-color-panel{padding:16px}}
@media(max-height:500px){#kw-sticker.kw-illustration .kw-workspace{grid-template-rows:minmax(0,30%) minmax(0,1fr)}}
:is(#kw-sticker,#cw-illustration-effects) .cw-color-picker input.cwfx-hue {background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red) center/100% 8px no-repeat!important}

/* Opt-in effect color sheet stays below the preview on every screen size. */
#kw-sticker .kw-settings .kw-color-chip {flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:2px solid #ddd8e6;border-radius:50%}
#kw-sticker .kw-settings .kw-color-chip[aria-pressed=true] {outline:3px solid #793aff;outline-offset:3px}
#kw-sticker .kw-stack-colors label {flex-wrap:nowrap;min-width:0;gap:8px}
@media(min-width:800px) {
 #kw-sticker .kw-workspace.kw-color-editing {grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,min(27dvh,40%)) minmax(0,1fr);gap:12px}
}

/* PNG fallback is a real file preview with an explicit manual save action. */
#kw-sticker .kw-save-help {padding:12px;border:1px solid #ded7ec;border-radius:10px;margin-top:12px}
#kw-sticker .kw-save-help img {display:block;max-width:100%;max-height:240px;margin:8px auto;background:repeating-conic-gradient(#e7e7ed 0% 25%,#fff 0% 50%) 50%/20px 20px}
#kw-sticker .kw-save-help a {display:inline-flex;align-items:center;min-height:44px;color:#5c39cd}