/* ---- Cortar Quadrado (ISOLADO) ---- */
.cqq2 { max-width: 980px; margin: 24px auto; padding: 0 16px; color:#111 }
.cqq2 .q-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.06);padding:18px}
.cqq2 h1{font-size:22px;margin:0 0 8px;color:#00bfa6}
.cqq2 .q-sub{color:#6b7280;margin:0 0 16px}
.cqq2 .q-grid{display:grid;grid-template-columns:1fr 360px;gap:16px}
@media (max-width:900px){.cqq2 .q-grid{grid-template-columns:1fr}}
.cqq2 .q-stage{position:relative;background:#000;border-radius:16px;overflow:hidden;min-height:360px;touch-action:none}
.cqq2 .q-mask::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,transparent)}
.cqq2 .q-crop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80vmin,520px);height:min(80vmin,520px);outline:180vmax solid rgba(0,0,0,.55);border:2px solid #fff;border-radius:12px;pointer-events:none}
.cqq2 canvas.q-canvas{display:block;width:100%;max-width:100%;border-radius:12px;background:#111}
.cqq2 .q-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}
.cqq2 .q-controls>*{flex:1 1 auto}
.cqq2 .q-row{display:flex;gap:8px;align-items:center}
.cqq2 input[type="file"].q-file{padding:10px;border:1px dashed #e5e7eb;border-radius:12px;background:#fafafa}
.cqq2 button.q-btn, .cqq2 select.q-sel, .cqq2 input[type="range"].q-range{padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}
/* Primário (download) mantém verde */
.cqq2 button.q-primary{background:#00bfa6;border-color:#00bfa6;color:#fff;font-weight:700}
/* Secundários (girar/recentrar) em azul */
.cqq2 button.q-btn:not(.q-primary){background:#2563eb;color:#fff;border-color:#2563eb;font-weight:600}
.cqq2 button.q-btn:not(.q-primary):hover{background:#1e40af}
.cqq2 .q-prev{background:#fff;border:1px solid #eee;border-radius:16px;padding:12px;text-align:center}
.cqq2 .q-prev img{max-width:100%;display:block;border-radius:12px;margin:auto}
.cqq2 small.q-tip{color:#6b7280}