/* Tenkaichi Brasil 3.1 — interface de recorte e notificacoes. */
.cc31-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:16px;background:rgba(2,9,18,.92);overflow:auto}
.cc31-crop-dialog{width:min(100%,690px);padding:20px;background:#091e34;border:1px solid #3f7189;box-shadow:0 24px 70px #000a;border-radius:14px;color:#ecf6ff}
.cc31-crop-dialog h2{font-size:24px;margin:0 0 6px}.cc31-crop-dialog p{font-size:13px;line-height:1.5;color:#b6cada;margin:0 0 12px}
.cc31-crop-dialog canvas{display:block;width:100%;height:auto;max-height:56vh;object-fit:contain;cursor:grab;border:2px dashed #7b9bb2;border-radius:10px;touch-action:none;background:#0b2d45}
.cc31-crop-dialog canvas:active{cursor:grabbing}
.cc31-crop-dialog label{display:flex;gap:15px;align-items:center;margin:14px 0;color:#ecf6ff;font-size:14px}.cc31-crop-dialog input[type=range]{flex:1;max-width:100%}
.cc31-dialog-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.cc31-dialog-actions button{min-width:135px}
.cc31-sound-row{display:flex;gap:7px;align-items:start;flex-direction:column;padding:10px 12px;margin-bottom:12px;border:1px solid #315671;border-radius:10px;background:#122a40}
.cc31-sound-row label{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:650;cursor:pointer}
.cc31-sound-row input{width:16px;height:16px;accent-color:#e2b84e}
.cc31-sound-row small{font-size:11px;color:#b4c8db}
.cc31-warning{color:#ffb1a9}
@media(max-width:600px){.cc31-crop-dialog{padding:13px}.cc31-crop-dialog h2{font-size:19px}.cc31-dialog-actions button{flex:1}}

.cc322-image-preview{margin:12px 0 9px;padding:11px;background:#06192c;border:1px solid #294962;border-radius:12px}
.cc322-image-preview>span{display:block;color:#c9daeb;font-size:12px;font-weight:700;margin-bottom:9px}
.cc322-preview-shell{position:relative;overflow:hidden;margin:auto}
.cc322-preview-shell.is-avatar{width:110px;height:110px;border-radius:50%;border:3px solid #8cabc2}
.cc322-preview-shell.is-cover{width:min(100%,450px);aspect-ratio:2.5;border-radius:10px}
.cc322-preview-target{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;border:0!important;cursor:default!important}
.cc322-preview-label{position:absolute;bottom:12px;left:14px;font-weight:800;text-shadow:0 2px 6px #000}