.svp{gap:var(--space-2);display:grid}.svp-count{margin-left:var(--space-2);color:var(--muted);font-weight:400;font-size:var(--small)}.svp-hint{color:var(--muted);font-size:var(--small);margin:0}.svp-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin:0;padding:0;list-style:none;display:grid}.svp-tile{aspect-ratio:1;background:var(--field);box-shadow:inset 0 0 0 1px var(--edge);border-radius:10px;position:relative;overflow:hidden}.svp-tile img{object-fit:cover;width:100%;height:100%;display:block}.svp-cover{background:var(--ink);color:var(--paper,#fff);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600;position:absolute;top:6px;left:6px}.svp-tools{justify-content:space-between;gap:4px;display:flex;position:absolute;bottom:4px;left:4px;right:4px}.svp-tools button{background:color-mix(in srgb, var(--ink) 78%, transparent);width:28px;height:28px;color:var(--paper,#fff);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.svp-tools button:disabled{opacity:.35;cursor:default}.svp-tools button:last-child{margin-left:auto}.svp-add button,.svp-busy{width:100%;height:100%;color:var(--muted);font:inherit;font-size:var(--small);cursor:pointer;background:0 0;border:0;place-items:center;gap:4px;display:grid}.svp-add{box-shadow:inset 0 0 0 1px var(--edge);border:1px dashed var(--edge)}.svp-add button{align-content:center;justify-items:center}.svp-spin{animation:.9s linear infinite svp-spin}@keyframes svp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.svp-spin{animation:none}}.svp-error{color:var(--lightningcss-light,#8b1d1a)var(--lightningcss-dark,var(--problem-fg));font-size:var(--small);margin:0}.svc-cover{aspect-ratio:16/9;object-fit:cover;background:var(--field);border-radius:10px;width:100%;display:block}.svc-cover-wrap{position:relative}.svc-cover-count{background:color-mix(in srgb, var(--ink) 78%, transparent);color:var(--paper,#fff);border-radius:999px;padding:1px 8px;font-size:.72rem;position:absolute;bottom:8px;right:8px}.svg{gap:var(--space-2);margin:var(--space-4) 0;display:grid}.svg-stage{background:var(--field);box-shadow:inset 0 0 0 1px var(--edge);border-radius:14px;position:relative;overflow:hidden}.svg-stage img{object-fit:contain;width:100%;max-height:460px;display:block}.svg-nav{background:color-mix(in srgb, var(--ink) 78%, transparent);width:36px;height:36px;color:var(--paper,#fff);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.svg-prev{left:10px}.svg-next{right:10px}.svg-thumbs{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.svg-thumbs button{background:var(--field);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--edge);cursor:pointer;opacity:.7;border:0;border-radius:8px;padding:0;overflow:hidden}.svg-thumbs button[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--ink)}.svg-thumbs img{object-fit:cover;width:100%;height:100%}
