.dsdemo-bar { position: relative; z-index: 50; display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; padding: .55rem max(1rem, calc((100% - 1200px) / 2)); background: #14122b; color: #e9e7ff; font: 500 14px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; letter-spacing: 0; text-transform: none; }
.dsdemo-bar a { color: inherit; text-decoration: none; }
.dsdemo-brand { font-weight: 700; white-space: nowrap; }
.dsdemo-brand span { margin-left: .25rem; padding: .1rem .45rem; border-radius: 999px; background: #5b4dff; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.dsdemo-pick { display: flex; align-items: center; gap: .45rem; margin: 0; }
.dsdemo-pick span { opacity: .7; }
.dsdemo-pick select { min-width: 13rem; padding: .35rem .6rem; border: 1px solid #3b3766; border-radius: 8px; background: #221f44; color: #fff; font: inherit; cursor: pointer; }
.dsdemo-tier { padding: .15rem .55rem; border-radius: 999px; font-size: 12px; font-weight: 700; }
.dsdemo-f { background: #d8f5e3; color: #16653a; }
.dsdemo-p { background: #e6e1ff; color: #4b3bd6; }
.dsdemo-space { flex: 1; }
.dsdemo-link { opacity: .8; }
.dsdemo-link:hover { opacity: 1; text-decoration: underline; }
.dsdemo-buy { padding: .4rem .95rem; border-radius: 999px; background: #5b4dff; color: #fff !important; font-weight: 700; }
.dsdemo-buy:hover { background: #4a3cf0; }
.dsdemo-toast { position: fixed; left: 50%; bottom: 1.5rem; z-index: 60; transform: translateX(-50%); max-width: calc(100% - 2rem); padding: .75rem 1.1rem; border-radius: 10px; background: #14122b; color: #fff; font: 500 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); }
.dsdemo-toast[hidden] { display: none; }
@media (max-width: 640px) { .dsdemo-space, .dsdemo-link { display: none; } .dsdemo-pick select { min-width: 0; max-width: 11rem; } }
@media (max-width: 640px) {
    .dsdemo-bar { flex-wrap: nowrap; gap: .5rem; padding: .5rem .75rem; }
    .dsdemo-brand { font-size: 0; }
    .dsdemo-brand span { margin: 0; font-size: 11px; }
    .dsdemo-pick { flex: 1; min-width: 0; }
    .dsdemo-pick span, .dsdemo-tier { display: none; }
    .dsdemo-pick select { width: 100%; max-width: none; }
    .dsdemo-buy { padding: .4rem .8rem; white-space: nowrap; }
}