.native-player-card[hidden]{display:none!important}
.native-player-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:400px;max-width:calc(100% - 36px);text-align:left;color:var(--text,#202020);font-family:'WeblySleek UI','Segoe UI','Microsoft YaHei',sans-serif}
.native-player-card h1{font-size:24px;font-weight:400;line-height:1.25;margin:0 0 13px;overflow-wrap:anywhere}
.native-player-author{font-size:14px;font-weight:600;margin:5px 0}
.native-player-original{font-size:12px;margin:5px 0;color:#777}
.native-player-description{font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:110px;overflow:auto;margin:13px 0 8px}
.native-player-import{font-size:10px;color:#777;margin:8px 0}
.native-player-times{text-align:center;display:flex;flex-direction:column;margin:18px 0 12px;font-variant-numeric:tabular-nums}
.native-player-times strong{font-size:28px;line-height:1.15;font-weight:300}
.native-player-times small{font-size:13px;margin-top:5px;color:#777}
.native-player-card .native-player-position{width:100%;height:18px;margin:0;display:block;accent-color:var(--accent,#0078d4);touch-action:none}
.native-player-transport{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:17px}
.native-player-transport button{width:40px;height:40px;padding:0;border-radius:3px}
.native-player-transport button img{width:25px;height:25px;pointer-events:none}
.native-player-transport [data-player-action=loop][aria-pressed=true]{background:#e0edf7;box-shadow:inset 0 -2px var(--accent,#0078d4)}
.player-mode .workspace{position:relative}
.player-mode:not(.drop-view) .workspace>.editor-panel{visibility:hidden;pointer-events:none}
.player-mode:not(.drop-view) .keyboard-panel{display:none}
.player-mode #playerViewBtn{display:inline-flex!important;width:auto!important;min-width:25px;padding:0 5px!important;font-size:10px}
.player-mode.drop-view{--layer-width:0px}
.player-mode.drop-view .menu-bar{position:absolute;top:0;left:0;right:0;z-index:8;background:var(--bg,#f3f3f3)}
.player-mode.drop-view .main-toolbar{position:absolute;top:20px;left:0;right:0;z-index:8;background:var(--bg,#f3f3f3)}
.player-mode.drop-view .workspace{padding-bottom:0}
.player-mode.drop-view .timeline-layout{display:block;border:0}
.player-mode.drop-view .layer-heading,.player-mode.drop-view .layer-pane,.player-mode.drop-view .ruler-container{display:none}
.player-mode.drop-view .grid-scroll{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.player-mode.drop-view .grid-canvas{top:0;left:0}
.player-mode.drop-view .keyboard-panel{display:block!important}
.player-mode.drop-view .keyboard-heading{display:none}
.player-mode.drop-view .piano-inner{width:2028px!important}
.player-mode.drop-view .menu-bar,.player-mode.drop-view .main-toolbar{opacity:1;transition:none}
.player-mode.drop-view.native-player-idle .menu-bar,.player-mode.drop-view.native-player-idle .main-toolbar{opacity:0;pointer-events:none;transition:opacity 500ms linear}
.theme-dark .native-player-original,.theme-dark .native-player-times small,.theme-dark .native-player-import{color:#aaa}
.theme-dark .native-player-transport button img{filter:invert(1)}
.theme-dark .native-player-transport [data-player-action=loop][aria-pressed=true]{background:#34495c}
.player-mode:not(.drop-view).player-blackout .native-player-card{color:#fff}
@media(max-width:599px){.native-player-card h1{font-size:20px}.native-player-card{max-width:calc(100% - 28px)}.native-player-description{max-height:80px}.native-player-times strong{font-size:24px}.native-player-transport{gap:7px}}
@media(prefers-reduced-motion:reduce){.player-mode.drop-view.native-player-idle .menu-bar,.player-mode.drop-view.native-player-idle .main-toolbar{opacity:1;pointer-events:auto;transition:none}}