.sample-library{margin-top:18px;font-size:11px;color:var(--muted)}
.sample-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.sample-heading>span{font-size:12px;font-weight:500;color:var(--ink)}
.sample-randomize{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;min-height:32px;border-radius:var(--radius-pill);background:var(--surface-soft);font-size:10px;font-weight:500;color:var(--ink)}
.sample-randomize:hover{background:var(--hover)}
.sample-randomize svg{width:14px;height:14px;flex:0 0 14px}
.sample-group-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500;margin-bottom:8px;color:var(--muted)}
.sample-group-label>span{font-size:9px;color:var(--muted-soft);font-weight:400}
.sample-library .preset-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));gap:5px 3px;margin-bottom:16px}
.sample-library .preset{position:relative;justify-self:center;width:100%;max-width:32px;height:32px;border:3px solid var(--canvas);outline:1px solid transparent;border-radius:50%;padding:0;background-size:cover;background-position:center;transition:outline-color .16s,opacity .16s,transform .16s}
.sample-library .preset:hover{outline-color:var(--muted-soft);transform:translateY(-1px)}
.sample-library .preset.active{outline-color:var(--ink)}
.sample-library .preset:focus-visible{box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--ink)}
.image-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.image-sample{display:flex;flex-direction:column;gap:5px;min-width:0;padding:0;background:transparent;border-radius:12px;color:var(--muted);text-align:center;font-size:10px;line-height:1.3}
.image-sample img{display:block;object-fit:cover;aspect-ratio:1;width:100%;height:auto;border:1px solid transparent;padding:3px;border-radius:14px;transition:border-color .16s,opacity .16s}
.image-sample:hover img{border-color:var(--hairline)}
.image-sample.active img{border-color:var(--ink)}
.image-sample.active{color:var(--ink);font-weight:500}
.image-sample>span{display:block;min-height:26px;width:100%;overflow-wrap:anywhere}
.sample-library .is-loading{opacity:.5}
.sample-status{font-size:10px;line-height:1.5;color:var(--muted);margin:8px 0 0;min-height:30px}
@media(max-width:700px){.sample-heading{align-items:flex-start;flex-direction:column;gap:8px}.sample-randomize{padding:7px 10px}.sample-group-label>span{font-size:8px}.image-samples{gap:4px}.image-sample{font-size:9px}.image-sample img{padding:2px;border-radius:10px}.sample-status{font-size:9px}}
@media(max-width:360px){.sample-heading{align-items:center;flex-direction:row}.sample-library .preset{max-width:34px;height:34px}.image-sample{font-size:10px}.image-sample img{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.sample-library .preset{transition:none}.sample-library .preset:hover{transform:none}.image-sample img{transition:none}}