.showcase-ctl{position:fixed;z-index:30;left:16px;top:96px;box-sizing:border-box;width:min(300px,calc(100vw - 32px));display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(2,11,12,.92);border:1px solid var(--gold-lo);box-shadow:0 10px 30px rgba(0,0,0,.6);backdrop-filter:blur(6px);font-size:12px}.showcase-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.showcase-head b{font-family:var(--display);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi)}.showcase-head small{color:var(--muted)}.showcase-steps{display:flex;flex-wrap:wrap;gap:4px}.showcase-chip,.showcase-seg button,.showcase-steps button{min-height:26px;padding:2px 9px;border-radius:99px;border:1px solid var(--edge-2);background:#0b242a;color:var(--soft);font-size:11.5px;cursor:pointer}.showcase-chip[aria-pressed=true],.showcase-seg button[aria-pressed=true],.showcase-steps button[aria-current=step]{color:#2a1804;background:var(--gold);border-color:var(--gold);font-weight:700}.showcase-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.showcase-row .btn{min-height:26px;padding:2px 10px;font-size:12px}.showcase-seg{display:inline-flex;gap:2px}.showcase-ctl .hint{margin:0}.showcase-rail{position:fixed;z-index:30;left:16px;top:300px;box-sizing:border-box;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 320px);overflow:auto;display:grid;gap:10px;padding:12px;border-radius:12px;background:rgba(2,11,12,.94);border:1px solid var(--edge);box-shadow:0 10px 30px rgba(0,0,0,.6)}@media (max-width:860px){.showcase-ctl{left:12px;top:auto;bottom:calc(var(--drawer-h, 0px) + 12px);width:calc(100vw - 24px)}.showcase-rail{left:12px;right:12px;top:100px;width:auto;max-height:calc(100dvh - var(--drawer-h, 0px) - 260px)}}@media (max-height:500px) and (pointer:coarse){.showcase-ctl{top:auto;bottom:12px}.showcase-ctl,.showcase-rail{left:12px;right:calc(var(--dock-w, 132px) + 12px);width:auto}.showcase-rail{top:56px;max-height:calc(100dvh - 240px)}}