.bt-transport{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4) var(--space-5);align-items:end}@media(min-width:768px){.bt-transport{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-transport__prog{grid-column:1 / -1}}@media(min-width:1280px){.bt-transport{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1fr)}.bt-transport__prog{grid-column:auto}}.bt-bpm{color:var(--ink);font-variant-numeric:tabular-nums}.bt-caption-tight{margin-top:var(--space-1)}.bt-range{width:100%;min-height:var(--space-7);margin:0;accent-color:var(--ink)}.bt{--nf-bar: calc(var(--space-8) + var(--space-3) * 2)}.bt-bar{position:sticky;bottom:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);min-height:var(--nf-bar);margin-top:var(--space-6);padding:var(--space-3) var(--nf-pad);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background:var(--ink);color:var(--on-dark)}@media(min-width:768px){.bt-bar{gap:var(--space-5)}}.bt-bar__set{display:inline-flex;flex:none;align-items:center;gap:var(--space-2);min-height:var(--space-8);padding:0 var(--space-3);border:var(--bw-2) solid var(--on-dark-muted);border-radius:var(--radius);background:transparent;color:var(--paper);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer}.bt-bar__set:hover{border-color:var(--paper)}@media(max-width:479px){.bt-bar__set-label{display:none}}.bt-bar__now{display:flex;flex-direction:column;min-width:0;margin:0;line-height:var(--lh-tight)}.bt-bar__name{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--brand-on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-bar__sub{font-size:var(--fs-xs);color:var(--on-dark-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bt-bar__next:not(:empty):before{content:"／"}.bt-bar__bpm{margin:0 0 0 auto;font-size:var(--fs-xs);color:var(--on-dark-muted);white-space:nowrap}.bt-bar__bpm b{font-size:var(--fs-base);color:var(--paper);font-variant-numeric:tabular-nums}.bt-beats{display:flex;flex:none;gap:var(--space-1)}.bt-beats i{width:var(--space-3);height:var(--space-3);border:var(--bw-2) solid var(--on-dark-muted)}.bt-beats i.is-on{background:var(--paper);border-color:var(--paper)}.bt-beats i:first-child.is-on{background:var(--brand);border-color:var(--brand)}@media(max-width:479px){.bt-beats{display:none}}.bt-play__btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--space-2);min-width:calc(var(--space-10) + var(--space-4));min-height:var(--space-8);padding:0 var(--space-5);border:var(--bw-2) solid var(--brand);border-radius:var(--radius);background:var(--brand);color:var(--on-brand);font:inherit;font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;transition:transform var(--ease),box-shadow var(--ease)}.bt-play__btn:hover{transform:translate(-2px,-2px)}.bt-play__btn:active{transform:none;box-shadow:none}.bt-play__icon{width:var(--space-3);height:var(--space-3);background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.bt-play__btn[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}.bt-play__btn[aria-pressed=true] .bt-play__icon{clip-path:none}.bt-play__btn:disabled{cursor:not-allowed;transform:none;box-shadow:none;background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--disabled-border)}@media(max-width:479px){.bt-play__btn{min-width:0;padding:0 var(--space-4)}}.bt-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:1024px){.bt-slots{grid-template-columns:repeat(8,minmax(0,1fr))}}.bt-slots .nf-empty{grid-column:1 / -1}.bt-slot{position:relative;min-width:0;transition:transform var(--ease)}.bt-slot:hover{transform:translate(-2px,-2px)}.bt-slot__main{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);width:100%;padding:var(--space-3);border:var(--bw-2) solid var(--ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:box-shadow var(--ease),background var(--ease)}.bt-slot:hover .bt-slot__main{box-shadow:var(--shadow-hard-sm)}.bt-slot[aria-current=true] .bt-slot__main{background:var(--brand)}.bt-slot__roman{padding-right:var(--space-5);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--muted)}.bt-slot[aria-current=true] .bt-slot__roman{color:var(--on-brand)}.bt-slot__name{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-tight);overflow-wrap:anywhere}.bt-slot__del{position:absolute;top:var(--space-1);right:var(--space-1);width:var(--space-5);height:var(--space-5);padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-sm);line-height:1;cursor:pointer}.bt-slot__del:hover{background:var(--ink);color:var(--paper)}.bt-slot[aria-current=true] .bt-slot__del{color:var(--on-brand)}@media(max-width:767px){.bt-slot__main{padding:var(--space-2)}.bt-slot__name{font-size:var(--fs-base)}}.bt-palette{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--bw-1) solid var(--line)}.bt-palette__head{margin-bottom:var(--space-3);align-items:center}.bt-palette__head .nf-field__label{margin:0}.bt-palette .nf-dia:disabled{cursor:not-allowed;transform:none;box-shadow:none;background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--disabled-border)}.bt-adv{margin-top:var(--space-5);border-top:var(--bw-1) solid var(--line)}.bt-adv__summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer}.bt-adv__state:not(:empty){padding:0 var(--space-2);background:var(--brand);color:var(--on-brand)}.bt-adv__body{padding-top:var(--space-3)}.bt-colors{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.bt-now{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);background:var(--brand);color:var(--on-brand);font-size:var(--fs-base);vertical-align:middle}.bt-now:empty{display:none}