.sample-bar{z-index:60;background:var(--paper);border:1px solid var(--line);max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg,0 14px 44px #0003);font-family:var(--font-sans);border-radius:999px;align-items:center;gap:2px;padding:5px;font-size:13px;line-height:1;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.sample-bar a{white-space:nowrap;transition:background var(--t-fast,.15s), color var(--t-fast,.15s);border-radius:999px;padding:10px 15px;text-decoration:none;display:inline-block}.sample-bar-back{color:var(--body)}.sample-bar-back:hover{background:var(--surface);color:var(--ink)}.sample-bar-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 12px;line-height:1.3;overflow:hidden}.sample-bar-use{background:var(--brand);color:var(--brand-ink);text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.sample-bar-use:hover{background:var(--brand-hover,var(--brand))}@media (max-width:600px){.sample-bar-name{display:none}.sample-bar a{padding:10px 13px}}@media (max-width:380px){.sample-bar-back-words{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.sample-bar-space{height:84px}@media print{.sample-bar,.sample-bar-space{display:none}}