/* Miniatura nueva e independiente de la franja naranja original. */
.demon-card .pc-level-thumbnail {
    position:absolute; z-index:0; top:0; bottom:0; left:38%; right:12%;
    clip-path:polygon(17% 0,100% 0,83% 100%,0 100%);
    overflow:hidden; pointer-events:none; background:#11151c;
}
.demon-card .pc-level-thumbnail img,
.pc-crop-preview .pc-level-thumbnail img {
    width:100%; height:100%; position:absolute; inset:0; display:block;
    object-fit:cover;
    object-position:var(--thumb-x,50%) var(--thumb-y,50%);
    transform:scale(var(--thumb-zoom,1));
    transform-origin:var(--thumb-x,50%) var(--thumb-y,50%);
    transition:transform .18s ease,object-position .18s ease;
}
.demon-card .pc-level-thumbnail::after,
.pc-crop-preview .pc-level-thumbnail::after {
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(9,12,16,.28),transparent 36%,rgba(8,10,16,.10));
}
/* Texto, dificultad y franja naranja permanecen por encima de la miniatura. */
.demon-card .card-art { z-index:2; }
.demon-card .card-body { position:relative; z-index:1; }
.demon-card .card-head,.demon-card .card-meta,.demon-card .card-bottom {position:relative;z-index:1}
.demon-card .card-body::before {content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,17,22,.92) 0%,rgba(14,17,22,.53) 37%,transparent 65%)}
/* La franja existente no cambia incluso en niveles con miniatura. */
.demon-card .card-art.has-custom {background:linear-gradient(130deg,#ff9c49 0%,#ea602c 44%,#852a3b 100%) !important;}
.demon-card .card-art.has-custom > img {display:none !important;}
@media(max-width:760px){
 .demon-card .pc-level-thumbnail{left:43%;right:0;clip-path:polygon(20% 0,100% 0,86% 100%,0 100%)}
 .demon-card .card-body::before{background:linear-gradient(90deg,rgba(14,17,22,.92),rgba(14,17,22,.52) 75%,transparent)}
}
@media(max-width:540px){
 .demon-card .pc-level-thumbnail{left:40%;right:0;opacity:.65}
}
/* Editor dentro de Agregar / Editar: forma idéntica a la tarjeta pública. */
.pc-thumb-editor{margin:20px 0 16px;padding:17px;border:1px solid var(--border,#383d49);border-radius:13px;background:rgba(116,130,158,.065)}
.pc-thumb-editor .pc-thumb-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:7px}
.pc-thumb-editor h3{color:var(--text-main,#fff);font-size:1rem;font-weight:800;margin:0}
.pc-thumb-hint{color:var(--text-dim,#9fa8b4);font-size:.74rem;line-height:1.6;margin:4px 0 13px}
.pc-thumb-file{display:block;width:100%;border:1px dashed #626a7d;border-radius:8px;outline-offset:2px;padding:11px !important;cursor:pointer;font-size:.8rem !important}
.pc-thumb-file::file-selector-button{border:0;background:#ff8745;color:#1b1110;border-radius:5px;padding:8px 11px;font-weight:800;cursor:pointer;margin-right:12px}
.pc-crop-preview{height:165px;position:relative;overflow:hidden;border-radius:11px;margin:13px 0 9px;background:linear-gradient(110deg,#211e19,#141922);border:1px solid #45434a;touch-action:none;user-select:none;cursor:grab}
.pc-crop-preview.is-dragging{cursor:grabbing}
.pc-crop-preview .pc-thumb-ribbon{position:absolute;inset:0 auto 0 0;width:19%;z-index:2;background:linear-gradient(128deg,#ffa459,#ed692f 53%,#a53c36);clip-path:polygon(0 0,100% 0,81% 100%,0 100%)}
.pc-crop-preview .pc-thumb-ribbon::after{content:'RANK';position:absolute;left:12px;top:18px;font-size:.63rem;letter-spacing:.06em;color:#fff;font-weight:800}
.pc-crop-preview .pc-level-thumbnail{position:absolute;inset:0 12% 0 38%;clip-path:polygon(17% 0,100% 0,83% 100%,0 100%);overflow:hidden;background:#131820}
.pc-crop-preview .pc-thumb-ghost-title{position:absolute;left:21%;top:17px;z-index:2;font-size:1rem;font-weight:800;color:white;text-shadow:0 2px 9px #111;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.pc-crop-preview .pc-thumb-ghost-info{position:absolute;left:21%;top:45px;z-index:2;font-size:.65rem;color:#c4c9d1;pointer-events:none}
.pc-crop-preview .pc-thumb-ghost-points{position:absolute;right:12px;top:14px;z-index:2;border-radius:6px;background:#3b362b;color:#edb55b;font-weight:800;font-size:.78rem;padding:7px}
.pc-crop-preview .pc-thumb-no-image{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#bdc5d1;font-size:.8rem;padding:20px 19% 20px 24%;pointer-events:none}
.pc-thumb-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:12px 0}
.pc-thumb-controls label{font-size:.73rem;font-weight:700;line-height:1.45;color:var(--text-main,#fff);display:block}
.pc-thumb-controls label strong{float:right;color:#ffb682}
.pc-thumb-controls input[type=range]{width:100%;margin:11px 0 3px;accent-color:#ef874e}
.pc-thumb-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.pc-thumb-actions button{border:1px solid #60616b;padding:7px 12px;border-radius:7px;background:rgba(255,255,255,.06);color:var(--text-main,#fff);font-weight:700;cursor:pointer;font-size:.73rem}
.pc-thumb-actions button:hover{border-color:#ff995c}
.pc-thumb-fileinfo{margin-left:auto;color:var(--text-dim,#999);font-size:.7rem}
.pc-thumb-message{font-size:.75rem;color:var(--text-dim,#999);min-height:17px;margin-top:8px}
@media(max-width:640px){.pc-thumb-controls{grid-template-columns:1fr}.pc-crop-preview{height:130px}.pc-thumb-editor{padding:12px}.pc-crop-preview .pc-thumb-ghost-title{font-size:.8rem}}