.channel-body{position:relative;display:flex;flex:1 1;min-height:0;container:channel-body/inline-size}.channel-body>.channel-stage,.channel-body>.chat-main{min-width:0}:where(.music-drawer,.music-mini) :where(button:not(.btn):not(.icon-btn)){border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}@keyframes music-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.music-art{position:relative;display:grid;place-items:center;flex-shrink:0;overflow:hidden;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg-tertiary));color:var(--color-accent)}.music-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.music-eq{position:absolute;right:4px;bottom:4px;display:inline-flex;align-items:flex-end;gap:2px;height:14px;padding:2px 3px;border-radius:4px;background:rgba(0,0,0,.55)}.music-eq i{width:2px;height:100%;border-radius:1px;background:#fff;transform-origin:bottom;animation:music-eq .9s ease-in-out infinite alternate}.music-eq i:nth-child(2){animation-delay:-.3s}.music-eq i:nth-child(3){animation-delay:-.6s}@keyframes music-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.music-drawer{display:flex;flex-direction:column;flex:0 0 min(380px,42%);min-width:300px;min-height:0;border-inline-start:1px solid var(--color-border);background:var(--color-bg-secondary);animation:music-drawer-in var(--dur-slow) var(--ease-out)}@keyframes music-drawer-in{0%{opacity:0;transform:translateX(12px)}}@container channel-body (max-width: 760px){.music-drawer{position:absolute;inset:0 0 0 auto;z-index:25;width:min(400px,100%);min-width:0;box-shadow:-12px 0 32px rgba(0,0,0,.28)}}.music-drawer__header{display:flex;align-items:center;gap:var(--space-2);min-height:52px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.music-drawer__badge{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent);flex-shrink:0}.music-drawer__heading{display:flex;flex-direction:column;min-width:0;flex:1 1;line-height:1.2}.music-drawer__title{font-weight:700;font-size:14px}.music-drawer__channel{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-drawer__actions{display:inline-flex;align-items:center;gap:2px}.music-drawer__stop:not([aria-disabled=true]):hover{color:var(--color-danger)}.music-drawer__body{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);scrollbar-gutter:stable}.music-drawer__body>*{flex-shrink:0}.music-drawer [aria-disabled=true]{opacity:.45;cursor:not-allowed}.music-notice{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-accent) 28%,var(--color-border));font-size:13px;color:var(--color-text)}.music-notice>svg{color:var(--color-accent);flex-shrink:0}.music-notice span{flex:1 1 160px;min-width:0}.music-notice--warn{background:color-mix(in srgb,var(--color-warning) 12%,var(--color-bg));border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-border))}.music-notice--warn>svg{color:var(--color-warning)}.music-hero{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));background:var(--color-bg);overflow:hidden;isolation:isolate}.music-hero__glow{position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 22%,transparent),transparent 70%);pointer-events:none}.music-hero__glow-art{position:absolute;inset:-30%;width:160%;height:160%;border-radius:0;background:transparent;filter:blur(42px) saturate(1.3);opacity:.45}.music-hero__glow:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--color-bg) 82%,transparent) 62%)}.music-hero__art{width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.music-hero__art>svg{width:40px;height:40px}.music-hero__art .music-eq{right:8px;bottom:8px;height:18px}.music-hero__art .music-eq i{width:3px}.music-hero__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.music-hero__eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.music-hero:not(.music-hero--playing) .music-hero__eyebrow{color:var(--color-text-muted)}.music-hero__you{padding:1px 6px;border-radius:999px;font-size:10px;letter-spacing:.02em;text-transform:none;color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,transparent)}.music-hero__title{font-size:16px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.music-hero__sub{font-size:13px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-timeline{display:flex;flex-direction:column;gap:4px}.music-timeline__seek{width:100%}.music-timeline__bar{position:relative;display:block;height:4px;margin:6px 0;border-radius:999px;background:color-mix(in srgb,var(--color-text) 14%,transparent);overflow:hidden}.music-timeline__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--color-accent);transition:width 1s linear}.music-timeline__bar--idle{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--color-text) 14%,transparent) 0 6px,transparent 6px 10px)}.music-timeline__times{display:flex;justify-content:space-between;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.music-transport{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.music-transport__btn{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--color-text-muted);background:transparent;transition:background var(--dur-fast),color var(--dur-fast)}.music-transport__btn:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-text);background:var(--overlay-active)}.music-transport__btn:disabled{opacity:.35;cursor:default}.music-transport__btn--on{color:var(--color-accent)}.music-transport__btn--on:after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}.music-transport__play{display:grid;place-items:center;width:52px;height:52px;margin:0 var(--space-1);border-radius:50%;background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--color-accent) 70%,transparent);transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast)}.music-transport__play:hover:not([aria-disabled=true]){background:var(--color-accent-hover);transform:scale(1.05)}.music-transport__play:active:not([aria-disabled=true]){transform:scale(.96)}.music-transport button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.music-volume{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.music-volume input{flex:1 1;min-width:0}.music-volume__value{width:36px;text-align:end;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.music-add{flex-direction:column}.music-add,.music-add__form{display:flex;gap:var(--space-2)}.music-add__form{align-items:center;height:42px;padding:0 4px 0 var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-tertiary);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.music-add__form:focus-within{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-border));box-shadow:var(--focus-ring)}.music-add__icon{color:var(--color-text-faint);flex-shrink:0}.music-add__input{flex:1 1;min-width:0;height:100%;border:none;outline:none;background:transparent;color:var(--color-text);font:inherit;font-size:14px}.music-add__input::placeholder{color:var(--color-text-faint)}.music-add__spinner{width:16px;height:16px;border-width:2px;flex-shrink:0}.music-add__submit{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);flex-shrink:0;transition:background var(--dur-fast),opacity var(--dur-fast)}.music-add__submit:hover:not(:disabled){background:var(--color-accent-hover)}.music-add__submit:disabled{opacity:.4;cursor:default}.music-add__hint{margin:0;font-size:12px;color:var(--color-text-muted)}.music-add__hint--warn{color:var(--color-warning)}.music-results{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);animation:music-pop var(--dur-fast) var(--ease-out)}.music-result{display:flex;align-items:center;gap:var(--space-3);padding:6px;border-radius:var(--radius-md)}.music-result:hover{background:var(--overlay-hover)}.music-result__art{width:64px;height:36px;border-radius:var(--radius-sm)}.music-result__text,.music-row__text{display:flex;flex-direction:column;min-width:0;flex:1 1;line-height:1.3}.music-result__title,.music-row__title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-result__sub,.music-row__sub{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-result__actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.music-result__add{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent);transition:background var(--dur-fast),color var(--dur-fast)}.music-result__add:hover:not(:disabled){background:var(--color-accent);color:var(--color-on-accent)}.music-result__add:disabled{opacity:.4}.music-locked{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:10px var(--space-3);border-radius:var(--radius-lg);background:var(--overlay-hover);font-size:12px;line-height:1.45;color:var(--color-text-muted)}.music-locked svg{flex-shrink:0;margin-top:1px}.music-section{display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.music-section__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.music-section__tools{display:inline-flex;align-items:center;gap:var(--space-1);margin-inline-start:auto}.music-section__meta{font-size:12px;color:var(--color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.music-section__label{margin:var(--space-2) 0 0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.music-section__empty{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-4) var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-lg);font-size:13px;color:var(--color-text-muted)}.music-section__empty svg{flex-shrink:0;color:var(--color-text-faint)}.music-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:var(--radius-lg);background:var(--overlay-hover)}.music-tab{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--color-text-muted);transition:background var(--dur-fast),color var(--dur-fast)}.music-tab--active,.music-tab:hover{color:var(--color-text)}.music-tab--active{background:var(--color-bg);box-shadow:var(--shadow-low)}.music-tab__count{min-width:18px;padding:0 5px;border-radius:999px;font-size:11px;line-height:18px;text-align:center;background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent)}.music-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.music-row{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 6px 6px 4px;border-radius:var(--radius-md);transition:background var(--dur-fast),opacity var(--dur-fast)}.music-row:focus-within,.music-row:hover{background:var(--overlay-hover)}.music-row:focus-visible{outline:none;box-shadow:var(--focus-ring)}.music-row[draggable=true]{cursor:grab}.music-row--dragged{opacity:.4}.music-row--drop-after:after,.music-row--drop-before:before{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:1px;background:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 25%,transparent)}.music-row--drop-before:before{top:-2px}.music-row--drop-after:after{bottom:-2px}.music-row__grip,.music-row__index{display:grid;place-items:center;width:20px;flex-shrink:0;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-faint)}.music-row__grip{cursor:grab}.music-row__art{width:40px;height:40px}.music-row__dur{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-muted);flex-shrink:0}.music-row__actions{display:inline-flex;align-items:center;gap:0;flex-shrink:0}@media (hover:hover){.music-row__actions:not(.music-row__actions--visible){position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);padding-inline-start:24px;border-radius:var(--radius-md);background:linear-gradient(90deg,transparent,var(--color-bg-secondary) 24px);opacity:0;pointer-events:none;transition:opacity var(--dur-fast)}.music-row:focus-within .music-row__actions,.music-row:hover .music-row__actions{opacity:1;pointer-events:auto}html[data-rtl="1"] .content-area .music-row__actions:not(.music-row__actions--visible){background:linear-gradient(270deg,transparent,var(--color-bg-secondary) 24px)}}.music-row__locked{opacity:.35}.music-empty{gap:var(--space-4)}.music-empty,.music-empty__hero{display:flex;flex-direction:column}.music-empty__hero{align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-2)}.music-empty__glyph{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;color:var(--color-on-accent);background:var(--brand-gradient);box-shadow:var(--brand-glow);margin-bottom:var(--space-2)}.music-empty__title{margin:0;font-size:16px;font-weight:700}.music-empty__hint{margin:0;max-width:300px;font-size:13px;line-height:1.5;color:var(--color-text-muted)}.music-mini{position:relative;display:flex;align-items:center;gap:4px;padding:6px 6px 8px;overflow:hidden;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-tertiary));border:1px solid color-mix(in srgb,var(--color-accent) 22%,var(--color-border));animation:music-pop var(--dur-med) var(--ease-out)}.music-mini--bar{margin:0 0 var(--space-2)}.music-mini__main{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1 1;padding:0;border-radius:var(--radius-md);text-align:start;color:inherit;background:none}.music-mini__main:focus-visible{outline:none;box-shadow:var(--focus-ring)}.music-mini__art{width:34px;height:34px}.music-mini__art .music-eq{right:2px;bottom:2px;height:10px;padding:1px 2px}.music-mini__text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.music-mini__title{font-size:12px;font-weight:700}.music-mini__sub,.music-mini__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-mini__sub{font-size:11px;color:var(--color-text-muted)}.music-mini__controls{display:inline-flex;align-items:center;flex-shrink:0}.music-mini [aria-disabled=true]{opacity:.4;cursor:not-allowed}.music-mini__play:not([aria-disabled=true]){color:var(--color-text)}.music-mini__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:color-mix(in srgb,var(--color-text) 10%,transparent)}.music-mini__progress span{display:block;height:100%;background:var(--color-accent);transition:width 1s linear}.music-mini--stage{align-self:center;width:min(560px,100%);margin:0 auto var(--space-2);padding:8px 10px 10px}.music-mini--stage .music-mini__art{width:40px;height:40px}.music-mini--stage .music-mini__title{font-size:13px}.music-mini--stage .music-mini__sub{font-size:12px}.music-btn{position:relative}.music-btn--live{color:var(--color-success)}.music-btn.icon-btn--active{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.music-btn__dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 2px var(--color-bg);pointer-events:none}.music-live-dot{display:inline-flex;align-items:flex-end;gap:1.5px;height:10px;color:var(--color-success);flex-shrink:0}.music-live-dot i{width:2px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;animation:music-eq .9s ease-in-out infinite alternate}.music-live-dot i:nth-child(2){animation-delay:-.3s}.music-live-dot i:nth-child(3){animation-delay:-.6s}.music-live-dot--paused i{animation:none;transform:scaleY(.45)}@media (prefers-reduced-motion:reduce){.music-eq i,.music-live-dot i{animation:none;transform:scaleY(.6)}.music-drawer,.music-engine--interactive,.music-mini,.music-results{animation:none}}@media (max-width:560px){.music-drawer{position:absolute;inset:0;z-index:25;width:100%;min-width:0;border-inline-start:none}.music-drawer__body{padding:var(--space-3)}.music-row .icon-btn,.music-transport__btn{min-width:40px;min-height:40px}}.workspace-content,.workspace-route{flex:1 1;display:flex;min-width:0;min-height:0}