.cr-preview{position:fixed;inset:0;z-index:99997;overflow:hidden;background:#0f1115}
.cr-bg,.cr-if{position:absolute;inset:0;width:100%;height:100%}
.cr-bg{object-fit:cover;filter:blur(8px) brightness(.78);transform:scale(1.03);pointer-events:none}
.cr-if{border:0;filter:blur(8px) brightness(.75);transform:scale(1.03);pointer-events:none}
#cr23-modal.cr-modal{display:none;position:fixed;z-index:99999;inset:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(0,0,0,.35);padding:max(16px,4vw);padding-left:max(16px,4vw,env(safe-area-inset-left));padding-right:max(16px,4vw,env(safe-area-inset-right));box-sizing:border-box}
.cr-box{background:#fff;width:min(640px,100%);border-radius:12px;padding:clamp(16px,2.8vw,24px);box-shadow:0 10px 30px rgba(0,0,0,.35);position:relative;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;max-height:calc(100dvh - 2 * max(16px,4vw));overflow:auto;-webkit-overflow-scrolling:touch}
.cr-x{position:absolute;right:12px;top:8px;background:transparent;border:none;font-size:22px;cursor:pointer}
.cr-msg{margin:12px 0 18px;line-height:1.5;font-size:clamp(14px,1.6vw,16px)}
.cr-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.cr-btn{padding:12px 16px;border-radius:8px;cursor:pointer;border:1px solid #ccc;background:#f7f7f7;font-size:clamp(14px,1.6vw,16px)}
.cr-ok{background:#0b74de;color:#fff;border:none}
@media (max-width:480px){#cr23-modal.cr-modal{padding:max(20px,5.5vw)}.cr-box{width:100%;border-radius:12px}.cr-actions{flex-direction:column-reverse}.cr-btn{width:100%}}

.cr-loading{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}
.cr-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.5);border-top-color:#0b74de;animation:cr-spin .9s linear infinite}
@keyframes cr-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.cr-spinner{animation:none}}