.studio-sample-area{color:#fff6e7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(140deg,#31212bbf,#4a302dbf);border:1px solid #d9b78380;border-radius:20px;min-width:0;margin:18px 0;padding:14px}.studio-sample-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.studio-sample-heading h2{font-size:20px;font-family:var(--kh-font-display);color:#fff6e7;flex:none;margin:0}.studio-sample-heading p{color:#f1dfca;max-width:35rem;font-size:13px;line-height:1.7}.studio-sample-rail{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:10px;padding:2px 2px 8px;display:flex;overflow-x:auto}body :is(.atelier,.public-studio-world) .studio-sample-rail button{--kg-ink:#382733;--kg-muted:#51404d;scroll-snap-align:start;color:#382733;cursor:pointer;background:#ead6babd;border:1px solid #d9b7836b;border-radius:14px;flex-direction:column;flex:0 0 105px;align-items:center;gap:6px;min-height:120px;padding:6px;display:flex}body :is(.atelier,.public-studio-world) .studio-sample-rail button[aria-pressed=true]{--kg-ink:#382733;--kg-primary-ink:#382733;color:#382733;background:#f4e4cf;border:2px solid #f0c587;box-shadow:0 0 0 2px #87364f}.studio-sample-art,.studio-sample-rail img{object-fit:cover;background:#f5ead8;border-radius:10px;width:100%;height:82px;display:block}.studio-sample-art svg{width:100%;height:100%}body :is(.atelier,.public-studio-world) .studio-sample-rail strong{color:inherit;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.4}.studio-sample-rail button:focus-visible{outline-offset:2px;outline:3px solid #f0c587}@media (max-width:640px){.studio-sample-heading{display:block}.studio-sample-heading p{margin-top:6px}.studio-sample-area{padding:10px}body :is(.atelier,.public-studio-world) .studio-sample-rail button{--kg-ink:#382733;--kg-muted:#51404d;flex-basis:92px}}