.bar{position:fixed;z-index:60;inset:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.65rem clamp(.75rem,2.5vw,1.6rem);background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--rule);backdrop-filter:blur(10px);font-family:var(--font-ui);font-size:.8rem}.bar__brand{font-family:var(--font);font-size:1.1rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.bar__types{display:flex;border:1px solid var(--rule);border-radius:999px;overflow:hidden}.bar__type{appearance:none;border:0;background:transparent;color:var(--ink-soft);font:inherit;padding:.34rem .85rem;cursor:pointer}.bar__type+.bar__type{border-left:1px solid var(--rule)}.bar__type:hover{color:var(--ink)}.bar__type.is-on{background:var(--ink);color:var(--paper)}.bar__seed{display:flex;align-items:center;gap:.45rem;min-width:0}.bar__label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}.bar__input{font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:6px;padding:.32rem .55rem;width:min(42vw,15rem);min-width:0}.bar__input:focus-visible{outline:none;border-color:var(--ink)}.bar__btn{appearance:none;font:inherit;cursor:pointer;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:999px;padding:.34rem .85rem}.bar__btn:hover{border-color:var(--ink)}.bar__btn.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.bar__btn--primary{border-color:var(--ink)}.bar__actions{display:flex;gap:.5rem;margin-left:auto}.bar__note{flex:1 0 100%;margin:0;color:var(--ink-soft);font-size:.72rem;min-height:1.1em}.bar__fallback{font:inherit;width:100%;color:var(--ink);background:transparent;border:1px solid var(--ink);border-radius:6px;padding:.25rem .45rem}.is-busy .scene__svg{opacity:.25}@media (max-width: 640px){.bar{gap:.5rem .6rem}.bar__brand{display:none}.bar__actions{margin-left:0}.bar__seed{flex:1 1 100%}.bar__input{width:100%}}