.library-sample-controls{position:absolute;inset:0 0 auto;aspect-ratio:4/5;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;pointer-events:none}
.library-sample-arrow{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;padding:0;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);cursor:pointer;pointer-events:auto}
.library-sample-arrow span{font:32px/1 Arial,sans-serif;transform:translateY(-1px)}
.library-sample-arrow:hover{background:#dddcd6}
.library-sample-arrow:focus-visible{outline:2px solid var(--brand-orange,#ff8a50);outline-offset:3px}
.library-dialog .library-card .card-copy .library-sample-counter{display:block;color:var(--ink);font:11px/1.6 var(--mono)}
@media(pointer:coarse){.library-sample-arrow{flex-basis:44px;width:44px}}

/* A display-only checkerboard; the PNG itself keeps its real alpha channel. */
.library-dialog .library-card img[data-transparent-sample=true],.style-fullscreen-design img[data-transparent-sample=true]{background-color:#858585;background-image:repeating-conic-gradient(#757575 0 25%,#969696 0 50%);background-size:20px 20px}