.sampleDiscovery { display:none; }
@media (max-width:767px) {
    .sampleDiscovery:not([hidden]) {
        position:fixed; z-index:179; left:16px; right:16px;
        bottom:max(calc(var(--sample-discovery-dock-offset,0px) + 8px),calc(env(safe-area-inset-bottom,0px) + 8px));
        box-sizing:border-box; display:grid; grid-template-columns:56px minmax(0,1fr); gap:8px 12px;
        max-width:440px; margin:0 auto; padding:12px;
        border:1px solid var(--bj-line,#e8e6e2); border-radius:var(--bj-control-radius,8px);
        background:var(--bj-clean,#fff); color:var(--bj-ink,#181817); box-shadow:none;
        font-family:var(--bj-font-family,Pretendard,sans-serif); word-break:keep-all; overflow-wrap:break-word;
        animation:sampleDiscoveryEnter .18s ease-out both;
    }
    .sampleDiscovery__image { width:56px; height:56px; object-fit:contain; align-self:center; border-radius:var(--bj-control-radius,8px); }
    .sampleDiscovery__copy { min-width:0; align-self:center; padding-right:24px; }
    .sampleDiscovery__copy strong { display:block; font-size:16px; line-height:1.4; font-weight:500; letter-spacing:-.02em; }
    .sampleDiscovery__copy p { margin:4px 0 0; font-size:13px; line-height:1.5; color:var(--bj-muted,#66635e); }
    .sampleDiscovery__actions { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:8px; }
    .sampleDiscovery__actions > span { font-size:13px; line-height:1.5; color:var(--bj-muted,#66635e); }
    .sampleDiscovery__actions a { display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 14px; border-radius:var(--bj-control-radius,8px); background:var(--bj-charcoal,#1a1a18); color:var(--bj-clean,#fff); font-size:14px; line-height:1.4; font-weight:500; text-decoration:none; }
    .sampleDiscovery__actions a span { color:inherit; }
    .sampleDiscovery__close { position:absolute; top:0; right:0; min-width:44px; min-height:44px; padding:0; border:0; background:transparent; color:var(--bj-muted,#66635e); font:400 12px/1.5 var(--bj-font-family,Pretendard,sans-serif); cursor:pointer; }
    .sampleDiscovery :focus-visible { outline:2px solid var(--bj-charcoal,#1a1a18); outline-offset:3px; }
    .sampleDiscovery.is-image-unavailable { grid-template-columns:1fr; }
    .sampleDiscovery.is-image-unavailable .sampleDiscovery__image { display:none; }
}
@keyframes sampleDiscoveryEnter { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .sampleDiscovery:not([hidden]) { animation:none; } }