/* =========================================================================
   SD FRAMEWORKS — MINI FRAME
   A frame drawn purely in CSS from a frame's preview style + colour
   (templates/partials/mini_frame.html). Shared by the storefront frame chooser
   and the Control Center so both always show the same frame.
   Colour comes from --frame-edge-a/b/c (site_tags.frame_edge_vars).
   ========================================================================= */
.mini-frame-tile { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;
  background: linear-gradient(180deg, #f1f3f7, #e6eaf0); }
.mini-frame-tile > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cf-mini { position: relative; display: block; height: 76%; aspect-ratio: 4 / 5; filter: drop-shadow(0 8px 12px rgba(16,24,40,.22)); }
.cf-mini-edge { display: block; height: 100%; padding: 13%; border-radius: 3px;
  background: linear-gradient(135deg, var(--frame-edge-a), var(--frame-edge-b) 55%, var(--frame-edge-c));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -2px 4px rgba(0,0,0,.35); }
.cf-mini-mat { display: block; height: 100%; padding: 14%; background: #f4f1ea; box-shadow: inset 0 0 6px rgba(0,0,0,.18); }
.cf-mini-window { display: block; height: 100%; background: linear-gradient(160deg, #dfe5ee, #c9d2df); box-shadow: inset 0 0 8px rgba(0,0,0,.18); }
.cf-mini--classic .cf-mini-edge { padding: 16%; }
.cf-mini--modern .cf-mini-edge { padding: 6%; }
.cf-mini--metallic .cf-mini-edge { padding: 9%; background: linear-gradient(135deg, var(--frame-edge-a), var(--frame-edge-b) 35%, var(--frame-edge-a) 50%, var(--frame-edge-c)); }
.cf-mini--wooden .cf-mini-edge { background-image: repeating-linear-gradient(100deg, rgba(0,0,0,.09) 0 2px, transparent 2px 7px),
  linear-gradient(135deg, var(--frame-edge-a), var(--frame-edge-b) 55%, var(--frame-edge-c)); }
.cf-mini--premium .cf-mini-edge { padding: 14%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.2), inset 0 -3px 6px rgba(0,0,0,.4); }