.music-dock,.music-dialog{--music-ink:#514239;--music-accent:#783d40;--music-muted:#7d6d5e;--music-line:#e0d6c7;color:var(--music-ink);box-sizing:border-box;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif}.music-dock *,.music-dialog *{box-sizing:border-box}.music-dock{z-index:15;max-width:calc(100vw - 44px);position:fixed;bottom:20px;left:22px}.music-capsule{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf7f0ed;border:1px solid #ded4c6;border-radius:40px;align-items:center;gap:8px;max-width:100%;padding:7px 9px 7px 7px;display:flex;box-shadow:0 4px 18px #5c423b0a}.music-add,.music-play,.music-icon,.music-close,.music-text{cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.music-add{color:var(--music-muted);letter-spacing:.2px;background:0 0;gap:8px;padding:5px 9px;font-size:11px}.music-add svg{color:var(--music-accent)}.music-play{width:32px;height:32px;color:var(--music-accent);background:#efe5d9;border-radius:50%}.music-playing .music-play{background:var(--music-accent);color:#fff9f0}.music-track{min-width:0;max-width:140px;padding-right:4px;line-height:1.4}.music-track>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;display:block;overflow:hidden}.music-track>small{color:var(--music-muted);letter-spacing:.1px;margin-top:3px;font-size:8px;display:block}.music-icon{color:var(--music-muted);background:0 0;border-radius:50%;width:26px;height:30px}.music-icon:hover,.music-close:hover{color:var(--music-accent);background:#eee6da}.music-volume{align-items:center;gap:1px;display:flex}.music-volume input{width:48px;height:3px;accent-color:var(--music-accent);cursor:pointer;margin:0 4px 0 0}.music-settings{border-left:1px solid var(--music-line);border-radius:0;width:28px}.music-play:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-add:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-icon:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-close:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-button:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-text:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-volume input:focus-visible{outline:2px solid var(--music-accent);outline-offset:3px}.music-play-error{color:#7f4235;background:#fff7ef;border:1px solid #e7cbbf;border-radius:8px;width:310px;max-width:calc(100vw - 44px);margin:0;padding:12px 32px 12px 13px;font-size:11px;line-height:1.8;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 20px #5c423b12}.music-play-error button{color:inherit;cursor:pointer;background:0 0;border:0;padding:3px;position:absolute;top:9px;right:8px}.music-dialog{background:#fbf8f1;border:1px solid #d9cebd;border-radius:13px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:30px;overflow:auto;box-shadow:0 24px 100px #271e2240}.music-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29221e69}.music-dialog-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.music-eyebrow{color:#9a8064;letter-spacing:2px;font-size:8px;display:block}.music-dialog-heading h2{letter-spacing:.7px;margin:6px 0 0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:24px;font-weight:500;line-height:1.6}.music-close{width:29px;height:29px;color:var(--music-muted);background:0 0;border-radius:50%;margin-top:-4px;margin-right:-5px}.music-intro{color:var(--music-muted);margin:9px 0 24px;font-size:12px;line-height:1.8}.music-empty,.music-current{background:#f2ece1;border:1px solid #e5daca;border-radius:9px;align-items:center;gap:13px;margin-bottom:23px;padding:17px;display:flex}.music-empty>svg,.music-current>svg{color:#9d7d5a;flex-shrink:0}.music-empty p{margin:0;font-size:13px;line-height:1.8}.music-empty p span{color:var(--music-muted);font-size:11px}.music-current small{color:var(--music-muted);margin-bottom:3px;font-size:10px;display:block}.music-current strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.6;display:block}.music-field{margin-bottom:16px;font-size:12px;line-height:1.8;display:block}.music-field input{width:100%;color:var(--music-ink);border:1px solid var(--music-line);background:#fffdf8;border-radius:7px;outline:none;margin-top:7px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6;display:block}.music-field input:focus{border-color:var(--music-accent);box-shadow:0 0 0 3px #783d4011}.music-file-picker{color:#8c6c4c;cursor:pointer;background:#fdfaf4;border:1px dashed #c8b9a7;border-radius:8px;align-items:center;gap:12px;padding:19px 16px;display:flex;position:relative}.music-file-picker>svg{flex-shrink:0}.music-file-picker>span{color:var(--music-ink);overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.8}.music-file-picker small{color:var(--music-muted);margin-top:4px;font-size:10px;display:block}.music-file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.music-file-picker:focus-within{outline:2px solid var(--music-accent);outline-offset:3px}.music-help{color:var(--music-muted);margin:10px 0 0;font-size:10px;line-height:1.9}.music-form-actions{border-top:1px solid var(--music-line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.music-button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:12px;line-height:1.6;display:inline-flex}.music-primary{background:var(--music-accent);color:#fff8ee}.music-primary:hover:not(:disabled){background:#623235}.music-secondary{border-color:var(--music-line);color:var(--music-ink);background:0 0}.music-button:disabled,.music-close:disabled,.music-text:disabled,.music-play:disabled,.music-add:disabled{opacity:.55;cursor:wait}.music-form-error{color:#923f32;background:#fcf0e8;border:1px solid #ead2c3;border-radius:7px;margin:14px 0;padding:11px 13px;font-size:11px;line-height:1.8}.music-remove-row{color:var(--music-muted);justify-content:flex-start;align-items:center;gap:9px;margin-top:18px;font-size:10px;display:flex}.music-remove-row>span{margin-right:auto}.music-text{color:var(--music-muted);background:0 0;gap:5px;padding:4px 0;font-size:10px;line-height:1.6}.music-danger{color:#923f32}.music-spinner{animation:1s linear infinite music-spin}@keyframes music-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.music-dock{z-index:5;width:max-content;max-width:100%;margin:18px auto 0;position:relative;bottom:auto;left:auto}.music-capsule{padding:7px}.music-track{max-width:135px}.music-play-error{width:290px;max-width:calc(100vw - 36px);left:50%;transform:translate(-50%)}.music-dialog{padding:23px}.music-dialog-heading h2{font-size:22px}.music-eyebrow{letter-spacing:1.4px;font-size:7px}.music-track>span{font-size:11px}.music-track>small{font-size:9px}.music-add{padding:5px 10px;font-size:12px}.music-volume input{width:43px}}@media (prefers-reduced-motion:reduce){.music-spinner{animation:none}}