.cw-panel [hidden]{display:none!important}
.cw-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:1;overflow:hidden;background:#f3f4f6;border-radius:12px;min-width:0}
.cw-frame img{position:absolute;display:block;max-width:none!important;max-height:none!important;border-radius:0!important;user-select:none}
.cw-frame .cw-frame-photo{inset:0;width:100%;height:100%;object-fit:contain;z-index:1}
.cw-frame .cw-frame-backdrop{inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(22px) brightness(.75);opacity:0}
.cw-frame[data-mode=fill] .cw-frame-backdrop{opacity:.4}
.cw-frame[data-mode=detail] .cw-frame-photo{object-fit:fill;inset:auto}
.cw-frame[data-mode=detail]:focus{outline:3px solid #2563eb;outline-offset:3px}
.cw-media-editor .cw-frame[data-mode=detail]{touch-action:none;cursor:grab}
.cw-media-editor .cw-frame[data-mode=detail]:active{cursor:grabbing}
.cw-empty{display:grid;place-items:center;text-align:center;padding:16px}
.cw-media-editor{min-width:0;display:grid;gap:12px}
.cw-media-editor>p{margin:0}
.cw-media-editor [data-media-controls]{display:grid;gap:14px}
.cw-media-editor [data-media-zoom]{display:grid;gap:8px}
.cw-media-editor input[type=range]{width:100%;min-height:44px;padding:0;accent-color:#1d4ed8}
.cw-media-editor [data-image-preview] img{width:auto}
.cw-media-editor [data-image-preview] .cw-frame-photo{width:100%}
.cw-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;min-width:0;max-width:100%}
.cw-thumbnails button{flex:0 0 64px;width:64px;height:64px;min-height:64px;padding:3px;border:2px solid #cbd5e1;background:white;border-radius:10px}
.cw-thumbnails button[aria-pressed=true]{border-color:#1d4ed8;box-shadow:0 0 0 1px #1d4ed8}
.cw-thumbnails button img{width:100%!important;height:100%!important;object-fit:contain;border-radius:6px}
.cw-upload{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;text-align:center;overflow:hidden;cursor:pointer;gap:0!important}
.cw-upload input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.cw-upload:focus-within{outline:3px solid #2563eb;outline-offset:2px}
.cw-media-editor[aria-busy=true]{opacity:.75}
.cw-banner-fields,.cw-banner-previews{display:grid;gap:20px;min-width:0}
.cw-banner-fields>fieldset{min-width:0;margin:0;padding:14px;border:1px solid #cbd5e1;border-radius:12px}
.cw-banner-fields [data-kind=mobile] .cw-frame,.cw-banner-mobile .cw-frame,[data-banner-mobile] .cw-frame{aspect-ratio:4/3}
.cw-banner-fields [data-kind=desktop] .cw-frame,.cw-banner-desktop .cw-frame,[data-banner-desktop] .cw-frame{aspect-ratio:16/5}
[data-banner-mobile]{width:100%;max-width:390px}
.cw-banner-previews h4{margin:16px 0 8px}
.cw-banner-desktop{display:none}
.cw-gallery{width:100%;min-width:0}
.cw-gallery [data-gallery-main] .cw-frame{aspect-ratio:1}
@media(min-width:768px){.cw-banner-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cw-banner-mobile{display:none}.cw-banner-desktop{display:block}.cw-media-editor[data-kind=gallery] [data-media-stage]{max-width:640px}}
@media(prefers-reduced-motion:reduce){.cw-frame *{animation:none;transition:none}}

.cw-panel .cw-media-editor button:hover,.cw-panel .cw-media-editor button:focus{background:#eef2f8;color:#17202e;border-color:#153e75}
.cw-media-editor:not([data-kind=gallery]) [data-media-prev],.cw-media-editor:not([data-kind=gallery]) [data-media-next]{display:none}