.product-media-shell{display:grid;gap:15px}.product-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px}.product-media-toolbar h2{font-size:16px}.product-media-toolbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.product-media-toolbar>div:last-child{display:flex;gap:8px}.product-media-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);color:var(--muted);font-size:12px;line-height:1.5}.product-media-note strong{color:var(--ink)}
.product-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:13px;padding:0 17px 18px}.media-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.media-preview{position:relative;aspect-ratio:1;background:var(--surface-soft);overflow:hidden}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover;display:block}.media-preview video{background:#0b1512}.media-badge{position:absolute;left:9px;top:9px;padding:5px 8px;border-radius:999px;background:rgba(15,45,36,.88);color:#fff;font-size:10px;font-weight:800;backdrop-filter:blur(5px)}.media-card-body{display:grid;gap:9px;padding:11px}.media-card-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.media-card-body small{color:var(--muted);font-size:10px}.media-card-actions{display:flex;flex-wrap:wrap;gap:6px}.media-card-actions button{min-height:31px;border:1px solid var(--line);border-radius:7px;background:var(--control-bg);color:var(--ink);padding:0 9px;font-size:11px;font-weight:700;cursor:pointer}.media-card-actions button:hover{border-color:var(--green);color:var(--green)}.media-card-actions .danger:hover{border-color:var(--danger);color:var(--danger)}.media-poster-select{width:100%;height:34px;border:1px solid var(--line);border-radius:7px;background:var(--input-bg);color:var(--ink);padding:0 8px;font-size:11px}.product-media-empty{grid-column:1/-1;padding:44px 20px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}.product-media-empty strong{display:block;color:var(--ink);font-size:14px}.product-media-empty span{display:block;margin-top:5px;font-size:12px}
.media-order-controls{display:flex;align-items:center;gap:5px}.media-order-controls span{margin-right:auto;color:var(--muted);font-size:10px;font-weight:700}.media-order-controls button{width:30px;height:28px;border:1px solid var(--line);border-radius:6px;background:var(--control-bg);color:var(--ink);font-weight:800;cursor:pointer}.media-order-controls button:disabled{cursor:not-allowed;opacity:.4}
.cropper-backdrop{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:20px;background:rgba(5,20,16,.72);backdrop-filter:blur(4px)}.cropper-dialog{width:min(850px,96vw);max-height:94vh;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 28px 90px rgba(0,0,0,.38)}.cropper-dialog>header,.cropper-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line)}.cropper-dialog>footer{border-top:1px solid var(--line);border-bottom:0}.cropper-dialog h2{font-size:18px}.cropper-dialog header p{margin:3px 0 0;color:var(--muted);font-size:11px}.cropper-body{display:grid;grid-template-columns:minmax(300px,1fr) 260px;gap:18px;padding:18px}.cropper-stage{display:grid;place-items:center;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(var(--surface-soft) 0 25%,var(--control-bg) 0 50%) 50%/20px 20px}.cropper-stage canvas{display:block;width:min(100%,560px);height:auto;touch-action:none;cursor:grab}.cropper-stage canvas.dragging{cursor:grabbing}.cropper-controls{display:grid;align-content:start;gap:14px}.cropper-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}.cropper-controls input[type="text"]{height:38px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink);padding:0 10px}.cropper-controls input[type="range"]{accent-color:var(--green)}.cropper-hint{padding:11px;border-radius:9px;background:var(--green-soft);color:var(--green);font-size:11px;line-height:1.5}.cropper-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;color:var(--ink)!important}.cropper-check input{width:16px;height:16px;accent-color:var(--green)}.media-upload-progress{color:var(--muted);font-size:11px}.media-upload-progress:empty{display:none}
@media(max-width:760px){.product-media-toolbar{align-items:flex-start;flex-direction:column}.cropper-body{grid-template-columns:1fr}.cropper-controls{grid-template-columns:1fr 1fr}.cropper-hint{grid-column:1/-1}}