.miscom-format-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.miscom-format-thumb{background:#1e293b;border:1px solid #475569;color:#fff;border-radius:10px;padding:7px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px}.miscom-format-thumb span{font-size:11px;line-height:1}.miscom-format-thumb canvas{display:block;border-radius:4px;background:#fff;max-width:100%;height:auto}.miscom-format-thumb.active{background:#d71920;border-color:#ff4a4f;box-shadow:0 0 0 2px rgba(215,25,32,.22)}

.miscom-acf-crop-composer{border:1px solid #d8e1ea;border-radius:14px;padding:16px;background:#f8fafc;max-width:520px}.miscom-composer-preview{height:220px;border:1px dashed #b7c7d8;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.miscom-composer-preview img{max-width:100%;max-height:100%;display:block}.miscom-composer-preview span{color:#667085}.miscom-clear-composer{margin-left:8px}.miscom-crop-modal{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:999999;display:none;align-items:center;justify-content:center}.miscom-crop-box{width:min(1180px,94vw);height:min(850px,94vh);background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.35);display:grid;grid-template-columns:300px 1fr;overflow:hidden}.miscom-crop-side{background:#0f172a;color:#fff;padding:20px;overflow:auto}.miscom-crop-side h2{color:#fff;margin:0 0 16px;font-size:22px}.miscom-field{margin-bottom:14px}.miscom-field label{display:block;font-weight:700;margin-bottom:6px;color:#dbeafe}.miscom-field select,.miscom-field input[type=range]{width:100%}.miscom-slot-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.miscom-slot{border:1px solid #475569;background:#1e293b;color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.miscom-slot.active{background:#d71920;border-color:#ff4a4f}.miscom-pick{width:100%;margin:4px 0 8px!important}.miscom-crop-main{padding:18px;display:flex;flex-direction:column;min-width:0;min-height:0}.miscom-canvas-wrap{flex:1;min-height:0;background:#e5e7eb;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:auto}.miscom-canvas-wrap canvas{background:#000;box-shadow:0 10px 32px rgba(0,0,0,.2);max-width:100%;max-height:100%;cursor:grab}.miscom-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 0 0;background:#fff;flex:0 0 auto}.miscom-actions .button{min-height:38px;padding:0 18px!important}.miscom-help{font-size:12px;color:#cbd5e1;line-height:1.45}.miscom-error{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px;margin-top:10px;display:none}.miscom-format-info{font-size:13px;color:#e0f2fe;margin-top:8px}.miscom-side-actions{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);display:none;gap:8px}.miscom-side-actions .button{width:100%;min-height:38px}
@media(max-width:900px){.miscom-format-thumbs{grid-template-columns:repeat(4,1fr);gap:7px}.miscom-format-thumb span{font-size:12px}.miscom-format-thumb{padding:7px 3px}.miscom-crop-modal{align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;background:rgba(15,23,42,.72)}.miscom-crop-box{display:block;width:100vw;min-height:100vh;height:auto;border-radius:0;overflow:visible}.miscom-crop-side{max-height:none;overflow:visible;padding:18px}.miscom-crop-main{display:block;min-height:0;padding:10px;background:#fff;overflow:visible}.miscom-canvas-wrap{display:block;overflow:visible;border-radius:12px;min-height:0;background:#fff}.miscom-canvas-wrap canvas{display:block;width:100%;height:auto;max-width:100%;max-height:none}.miscom-actions{display:none}.miscom-side-actions{display:flex;position:sticky;bottom:0;z-index:6;background:#0f172a;padding:14px 0 0}.miscom-side-actions .button{width:50%;min-height:44px;font-size:15px}.miscom-field label{font-size:18px}.miscom-help{font-size:14px}.miscom-slot{font-size:15px;padding:9px 12px}.miscom-pick{min-height:38px}}
@media(max-height:760px) and (min-width:901px){.miscom-crop-box{height:96vh}.miscom-actions{position:sticky;bottom:0}.miscom-crop-main{padding-bottom:10px}.miscom-canvas-wrap{align-items:flex-start}.miscom-canvas-wrap canvas{max-height:none}}
.miscom-crop-modal.miscom-choosing-media{z-index:100000!important}.media-modal.miscom-media-over-composer{z-index:1000002!important}.media-modal-backdrop.miscom-media-over-composer{z-index:1000001!important}
.miscom-upload-status{margin-top:10px;font-size:12px;color:#dbeafe;min-height:16px}.miscom-pickers .button{width:100%;margin:0 0 8px;cursor:pointer}.miscom-pickers .button:disabled{opacity:.65;cursor:wait}

/* v1.0.16 - carga local MISCOM con progreso, sin Biblioteca Multimedia para fuentes */
.miscom-upload-status{display:none;margin-top:10px;min-height:0}.miscom-upload-status.active{display:block}.miscom-upload-label{font-size:12px;color:#dbeafe;margin-bottom:6px}.miscom-upload-progress{height:8px;background:rgba(255,255,255,.18);border-radius:999px;overflow:hidden}.miscom-upload-progress span{display:block;width:0;height:100%;background:#ff4a4f;border-radius:999px;transition:width .12s linear}

/* v1.0.17 - acciones separadas Crear / Editar */
.miscom-create-composer,.miscom-edit-composer,.miscom-clear-composer{margin-right:6px;margin-bottom:6px}

/* LA JUSTICIALISTA - identidad visual */
.miscom-acf-crop-composer{border-color:#d9dee7;background:#fff}
.miscom-crop-side{background:#062b55}
.miscom-format-thumb{background:#0b3c6d;border-color:#315d86}
.miscom-format-thumb.active,.miscom-slot.active{background:#d71920;border-color:#ff6a6f}
.miscom-side-actions{background:#062b55}
.miscom-acf-crop-composer .button-primary,.miscom-save.button-primary{background:#d71920;border-color:#b91319}
.miscom-acf-crop-composer .button-primary:hover,.miscom-save.button-primary:hover{background:#b91319;border-color:#991117}
.miscom-graff-fields{border-top:1px solid rgba(255,255,255,.14);padding-top:14px;margin-top:14px}.miscom-graff-fields textarea,.miscom-graff-fields input[type=text]{width:100%;border-radius:8px;border:1px solid #475569;background:#fff;color:#111;padding:8px}.miscom-graff-fields textarea{resize:vertical;min-height:82px}