.rpm-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px;gap:14px;display:grid}@media (max-width:1024px){.rpm-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:160px}}@media (max-width:640px){.rpm-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px;gap:10px}}.rpm-tile{isolation:isolate;background:color-mix(in srgb, var(--ink,#211d1a) 5%, transparent);box-shadow:0 6px 22px -10px color-mix(in srgb, var(--ink,#211d1a) 30%, transparent);cursor:zoom-in;border-radius:22px;transition:box-shadow .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.rpm-tile:hover{box-shadow:0 14px 36px -12px color-mix(in srgb, var(--ink,#211d1a) 42%, transparent);transform:translateY(-3px)}.rpm-tile:focus-visible{outline:2px solid var(--accent,#ff3b30);outline-offset:2px}.rpm-tile img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.rpm-tile:hover img{transform:scale(1.04)}@media (max-width:640px){.rpm-tile{border-radius:18px}}.rpm-sizer{z-index:2;-webkit-backdrop-filter:blur(8px);opacity:0;background:#1412108c;border-radius:999px;gap:2px;padding:3px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:10px;left:10px;transform:translateY(-4px);box-shadow:0 4px 14px -4px #0006}.rpm-tile:hover .rpm-sizer,.rpm-tile:focus-within .rpm-sizer{opacity:1;transform:translateY(0)}@media (hover:none){.rpm-sizer{opacity:1;transform:none}}.rpm-sizer button{color:#ffffffb8;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;width:24px;height:22px;font-size:11px;font-weight:700;line-height:1;transition:background .2s,color .2s}.rpm-sizer button:hover{color:#fff}.rpm-sizer button[data-active=true]{background:var(--accent,#ff3b30);color:#fff}.rpm-mover{z-index:2;-webkit-backdrop-filter:blur(8px);opacity:0;background:#1412108c;border-radius:999px;gap:2px;padding:3px;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:10px;left:10px;transform:translateY(4px);box-shadow:0 4px 14px -4px #0006}.rpm-tile:hover .rpm-mover,.rpm-tile:focus-within .rpm-mover{opacity:1;transform:translateY(0)}@media (hover:none){.rpm-mover{opacity:1;transform:none}}.rpm-mover button{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:999px;width:24px;height:22px;font-size:12px;font-weight:700;line-height:1;transition:background .2s,color .2s}.rpm-mover button:hover:not(:disabled){color:#fff;background:#ffffff24}.rpm-mover button:disabled{opacity:.32;cursor:default}.rpm-resize{z-index:2;-webkit-backdrop-filter:blur(8px);color:#ffffffd9;cursor:nwse-resize;touch-action:none;opacity:0;background:#1412108c;border:0;border-radius:8px;place-items:center;width:26px;height:26px;padding:0;transition:opacity .25s;display:grid;position:absolute;bottom:6px;right:6px}.rpm-tile:hover .rpm-resize,.rpm-tile:focus-within .rpm-resize{opacity:1}@media (hover:none){.rpm-resize{opacity:1}}