/* WOW Extensions: Carta + Foto */
.hp-dropzone{border:1px dashed rgba(0,245,255,.35);background:rgba(0,0,0,.18);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center}
.hp-dropzone.drag{border-color:rgba(224,114,74,.55);box-shadow:0 0 0 3px rgba(224,114,74,.14)}
.hp-dropzone .icon{width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(153,56,202,.35), rgba(0,245,255,.20));}
.hp-dropzone .hint{font-size:12px;color:rgba(234,240,255,.65)}
.hp-preview{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.hp-preview img{width:100%;height:auto;display:block}
.hp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width: 980px){.hp-metrics{grid-template-columns:1fr}}
.hp-metric{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:14px;padding:10px 12px}
.hp-metric .k{font-size:12px;color:rgba(234,240,255,.65);font-weight:700}
.hp-metric .v{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.hp-metric .score{font-size:18px;font-weight:900;color:rgba(234,240,255,.92)}
.hp-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;margin-top:10px}
.hp-bar>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00F5FF,#9938CA,#E0724A)}
.hp-stage{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);margin-bottom:10px}
.hp-stage .dot{width:10px;height:10px;border-radius:999px;background:rgba(0,245,255,.75);margin-top:4px;box-shadow:0 0 18px rgba(0,245,255,.35)}
.hp-stage.done .dot{background:rgba(52,211,153,.85);box-shadow:0 0 18px rgba(52,211,153,.25)}
.hp-stage .t{font-weight:800;color:rgba(234,240,255,.92);font-size:13px}
.hp-stage .d{color:rgba(234,240,255,.65);font-size:12px;margin-top:2px;line-height:1.35}
.hp-result-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:16px;padding:14px;margin-bottom:12px}
.hp-result-card h3{margin:0 0 8px;font-size:14px;color:rgba(234,240,255,.92)}
.hp-result-card pre{white-space:pre-wrap;margin:0;color:rgba(234,240,255,.85);font-size:13px;line-height:1.5}
.hp-copybtn{display:inline-flex;gap:8px;align-items:center;justify-content:center}


/* Force 2-panel workspace on desktop (prevents accidental single-column on wide screens) */
@media (min-width: 860px){
  .hp-wow-grid{display:grid !important;grid-template-columns:420px 1fr !important;gap:16px !important;}
}