.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:#0284c7;border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.25)}

.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:#0284c7;border-color:#38bdf8}.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}