#persistent-player{position:fixed;z-index:110;bottom:18px;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 32px));display:grid;grid-template-columns:minmax(160px,1fr) minmax(240px,1.4fr) auto;gap:12px;align-items:center;padding:12px;background:#211a23f5;border:1px solid #edb17765;border-radius:18px;box-shadow:0 8px 36px #0008;backdrop-filter:blur(18px)}
#persistent-player[hidden]{display:none}.dock-track{display:flex;gap:10px;align-items:center;min-width:0}.dock-track img{border-radius:8px;object-fit:cover;flex-shrink:0}.dock-track>span{min-width:0}.dock-track strong,.dock-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-track strong{font-size:13px;color:#fff}.dock-track small{font-size:10px;color:#cbbcca;margin-top:4px}.dock-steps{display:flex;gap:4px;grid-column:3;grid-row:1}.dock-steps button{width:36px;height:40px;padding:0;background:#ffffff0a;border:1px solid #ffffff19;border-radius:10px;color:#ffcfac;font-size:25px;cursor:pointer}.dock-steps button:disabled{opacity:.3;cursor:default}#persistent-audio{width:100%;height:40px;grid-column:2;grid-row:1}.dock-status{grid-column:1/-1;margin:0;font-size:11px;color:#efd7c4}.dock-status:empty{display:none}.app-body.has-music-player{padding-bottom:105px}.section-transport{display:flex;gap:10px;align-items:center;margin-top:12px}.section-transport button{min-height:42px;border-radius:10px;padding:8px 15px}.section-transport input{min-width:0;flex:1;accent-color:#efb177}.section-transport output{font-size:11px;white-space:nowrap;color:#e2ced6}
@media(max-width:720px){#persistent-player{bottom:calc(81px + env(safe-area-inset-bottom));width:calc(100% - 22px);padding:10px;gap:8px;grid-template-columns:minmax(0,1fr) auto;border-radius:15px}.dock-track img{width:36px;height:36px}.dock-track strong{font-size:12px}.dock-steps{grid-column:2}.dock-steps button{width:32px;height:36px}#persistent-audio{grid-column:1/-1;grid-row:2;height:36px}.app-body.has-music-player{padding-bottom:230px}.section-transport{flex-wrap:wrap}.section-transport input{flex-basis:100%;order:3}}

#app-navigation-status:empty{display:none}#app-navigation-status:not(:empty){position:fixed;left:50%;bottom:110px;transform:translateX(-50%);z-index:120;width:min(440px,calc(100% - 30px));padding:16px;border-radius:14px;background:#30202a;color:#fff2e6;border:1px solid #c9916880;font-size:13px}