@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.list-item{display:list-item}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.break-all{word-break:break-all}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:opacity-80:hover{opacity:.8}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{background:#fff;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.media-key-test{padding:20px;max-width:800px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.test-header{text-align:center;margin-bottom:30px}.test-header h1{font-size:32px;margin:0 0 10px;color:#1a1a1a}.test-subtitle{font-size:16px;color:#666;margin:0}.test-status{margin-bottom:30px}.status-supported,.status-unsupported{display:flex;align-items:center;gap:10px;padding:15px 20px;border-radius:12px;font-size:16px;font-weight:500}.status-supported{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.status-unsupported{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.status-icon{font-size:24px}.test-instructions{background:#f5f5f5;padding:20px;border-radius:12px;margin-bottom:30px}.test-instructions h3{margin:0 0 15px;font-size:18px;color:#333}.test-instructions ol{margin:0;padding-left:20px}.test-instructions li{margin-bottom:8px;color:#555;line-height:1.6}.test-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.clear-btn,.reset-btn,.copy-btn,.export-btn{padding:10px 20px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.clear-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,107,107,.3)}.reset-btn{background:linear-gradient(135deg,#ffa726,#fb8c00)}.reset-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,167,38,.3)}.copy-btn{background:linear-gradient(135deg,#66bb6a,#43a047)}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,187,106,.3)}.export-btn{background:linear-gradient(135deg,#42a5f5,#1e88e5)}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,165,245,.3)}.clear-btn:active,.reset-btn:active,.copy-btn:active,.export-btn:active{transform:translateY(0)}.event-count{font-size:14px;color:#666}.event-count strong{color:#1976d2;font-size:18px}.test-events{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:30px}.test-events h3{margin:0 0 20px;font-size:18px;color:#333}.no-events{text-align:center;padding:60px 20px;color:#999}.no-events p{margin:10px 0;font-size:16px}.no-events .hint{font-size:14px;color:#bbb}.events-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto}.event-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.event-icon{font-size:28px;flex-shrink:0}.event-action{flex:1;font-size:18px;font-weight:600;color:#1565c0}.event-time{font-size:14px;color:#666;font-family:Courier New,monospace}.test-info{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.test-info h3{margin:0 0 15px;font-size:18px;color:#333}.feedback-checklist h4{margin:20px 0 10px;font-size:16px;color:#555}.feedback-checklist ul{margin:0 0 15px;padding-left:20px}.feedback-checklist li{margin-bottom:8px;color:#666;line-height:1.6}.feedback-checklist strong{color:#1976d2;font-size:18px}.screenshot-area{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px;border-radius:8px;border:3px dashed #1976d2;margin:15px 0}.result-summary{display:flex;justify-content:space-around;margin-bottom:20px;flex-wrap:wrap;gap:15px}.result-item{display:flex;flex-direction:column;align-items:center;gap:5px}.result-label{font-size:16px;font-weight:600;color:#333}.result-value{font-size:32px;font-weight:700;color:#1976d2}.test-details{background:#fff;padding:15px;border-radius:6px}.detail-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:500}.detail-row:last-child{border-bottom:none}.test-scenarios{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:30px}.test-scenarios h3{margin:0 0 20px;font-size:18px;color:#333}.test-case{padding:20px;border-radius:8px;margin-bottom:15px;border:2px solid #e0e0e0;transition:all .3s}.test-case-pending{background:#f5f5f5}.test-case-testing{background:#fff3e0;border-color:#ffa726;animation:testingPulse 2s ease-in-out infinite}.test-case-passed{background:#e8f5e9;border-color:#4caf50}.test-case-failed{background:#ffebee;border-color:#f44336}@keyframes testingPulse{0%,to{box-shadow:0 0 rgba(255,167,38,.4)}50%{box-shadow:0 0 0 10px rgba(255,167,38,0)}}.test-case-header{display:flex;gap:15px;margin-bottom:15px}.test-case-icon{font-size:32px;flex-shrink:0}.test-case-info h4{margin:0 0 5px;font-size:18px;color:#333}.test-case-info p{margin:0 0 5px;font-size:14px;color:#666}.test-case-keys{font-family:Courier New,monospace;color:#1976d2!important;font-weight:500}.test-case-actions{display:flex;gap:10px}.btn-start,.btn-pass,.btn-fail,.btn-retry{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s}.btn-start{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff}.btn-pass{background:linear-gradient(135deg,#66bb6a,#43a047);color:#fff}.btn-fail{background:linear-gradient(135deg,#ef5350,#e53935);color:#fff}.btn-retry{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff}.btn-start:hover,.btn-pass:hover,.btn-fail:hover,.btn-retry:hover{transform:translateY(-2px)}.btn-start:active,.btn-pass:active,.btn-fail:active,.btn-retry:active{transform:translateY(0)}.activation-prompt{background:linear-gradient(135deg,#fff3cd,#ffe69c);padding:30px;border-radius:12px;text-align:center;margin-bottom:30px;border:2px solid #ffc107}.activation-prompt h3{margin:0 0 10px;color:#856404;font-size:20px}.activation-prompt p{margin:0 0 20px;color:#856404;font-size:14px}.activate-btn{padding:15px 40px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px rgba(76,175,80,.3)}.activate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.activate-btn:active{transform:translateY(0)}.playing-indicator{display:flex;align-items:center;gap:10px;padding:15px 20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;margin-bottom:30px;color:#2e7d32;font-weight:500}.pulse-dot{width:12px;height:12px;background:#4caf50;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.volume-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);border:2px solid #38c28e;border-radius:12px;padding:20px 30px;z-index:9999;opacity:0;transition:opacity .3s ease}.volume-toast.show{opacity:1}.volume-toast.hide{opacity:0;pointer-events:none}.volume-text{color:#fff;font-size:24px;font-weight:700;text-align:center;margin-bottom:12px}.volume-bar{display:flex;gap:4px;justify-content:center}.volume-bar-item{width:8px;height:24px;background:#333;border-radius:2px;transition:background .2s}.volume-bar-item.active{background:#38c28e}.reconnect-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in}.reconnect-dialog{background:#1f2937;border-radius:12px;padding:30px;max-width:400px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.5);animation:slideUp .3s ease-out}.reconnect-icon{font-size:48px;text-align:center;margin-bottom:16px}.reconnect-title{font-size:24px;font-weight:700;color:#fff;text-align:center;margin-bottom:12px}.reconnect-message{font-size:16px;color:#9ca3af;text-align:center;margin-bottom:24px}.reconnect-buttons{display:flex;gap:12px}.reconnect-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.reconnect-btn-primary{background:#38c28e;color:#fff}.reconnect-btn-primary:hover{background:#2da876;transform:scale(1.02)}.reconnect-btn-secondary{background:#374151;color:#9ca3af}.reconnect-btn-secondary:hover{background:#4b5563}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.player-controller{width:100vw;max-width:1024px;height:100vh;height:100dvh;margin:0 auto;background-color:#2c3e50;background-image:url(../bg.png);background-position:top center;background-size:cover;background-repeat:no-repeat;color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 0 20px rgba(0,0,0,.5)}@supports not (height: 100dvh){.player-controller{height:calc(var(--vh, 1vh) * 100)}}@media(max-width:650px)and (orientation:portrait){.player-controller{max-width:500px}}.player-topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:transparent;border-bottom:2px solid #38c28e;height:40px;flex-shrink:0;margin-top:3vh}.topbar-item{flex:1;text-align:center;position:relative}.topbar-static{color:#ecf0f1;font-size:18px;font-weight:500}.topbar-label{display:block;font-size:18px;font-weight:500}.topbar-button{background:none;border:none;color:#ecf0f1;cursor:pointer;padding:5px 10px;border-radius:6px;transition:background .2s}.topbar-button:hover{background:rgba(255,255,255,.1)}.topbar-value{font-size:14px;color:#38c28e;margin-left:5px}.topbar-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;background:#34495e;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:100;min-width:150px}.topbar-menu-item{padding:12px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.1)}.topbar-menu-item:last-child{border-bottom:none}.topbar-menu-item:hover{background:rgba(22,160,133,.3)}.player-dual-list{display:flex;gap:4px;padding:10px 20px;flex:1;min-height:0;overflow:hidden;position:relative}.dual-list-left,.dual-list-right{flex:1;background:rgba(200,200,200,.2);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative}.list-back-btn-floating{position:absolute;top:10px;left:10px;z-index:10;background:rgba(22,160,133,.9);border:none;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.list-back-btn-floating:hover{background:#16a085}.list-content{flex:1;overflow-y:auto;padding:10px 0;-webkit-overflow-scrolling:touch;touch-action:pan-y}.list-item{padding:5px 0;margin-bottom:4px;background:transparent;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px;touch-action:manipulation}.list-item:hover{background:rgba(22,160,133,.15);transform:translate(5px)}.list-item-active{background:#34775d;font-weight:600}.list-item-index{color:#95a5a6;font-size:18px;min-width:25px;text-align:right}.list-item-name{flex:1;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-empty{text-align:center;padding:40px 20px;color:#95a5a6;font-size:14px}.list-loading{text-align:center;padding:40px 20px;color:#38c28e;font-size:14px;animation:pulse 1.5s ease-in-out infinite}.list-item-disabled{opacity:.5;cursor:not-allowed!important}.list-item-disabled:hover{background:rgba(255,255,255,.05)!important;transform:none!important}.player-playback-info{padding:20px 20px 10px;background:transparent;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.playback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.playback-song-name{font-size:28px;font-weight:600;color:#ecf0f1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.playback-mode-icon{font-size:22px;margin-left:15px;background:none;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:6px;transition:background .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;outline:none}.playback-mode-icon:focus{outline:none}.playback-mode-icon:active{outline:none}.playback-mode-icon img{width:20px;height:20px;display:block}.playback-mode-icon:hover{background:rgba(255,255,255,.1)}.playback-mode-icon:active{transform:scale(.95)}.playback-progress-container{display:flex;align-items:center;gap:10px}.playback-time{font-size:16px;color:#95a5a6;font-family:Courier New,monospace;min-width:45px}.playback-progress-bar{flex:1;height:6px;background:rgba(255,255,255,.2);border-radius:3px;position:relative;cursor:pointer}.playback-progress-fill{height:100%;background:linear-gradient(90deg,#38c28e,#38c28e);border-radius:3px;transition:width .3s}.playback-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#38c28e;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:left .3s}.playback-audio-info{display:flex;justify-content:center;gap:20px;font-size:18px;color:#38c28e;font-family:Courier New,monospace;margin-top:20px}.player-control-buttons{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:10px;flex-shrink:0;margin-bottom:10px;max-width:100%;overflow:hidden}.control-btn{background:transparent;border:none;border-radius:50%;width:120px;height:120px;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff;outline:none;flex-shrink:1}.control-btn:focus{outline:none}.control-btn:active{outline:none}.control-btn span{font-size:100px;font-weight:700;line-height:1}.control-btn svg{width:56px;height:56px;min-width:52px;min-height:52px;flex-shrink:0}.control-btn:hover{transform:scale(1.1)}@media(hover:none){.control-btn:hover{transform:none}}.control-btn-play{width:80px;height:80px;min-width:70px;min-height:70px;background:transparent;border:none}.control-btn-play svg{width:80px;height:80px;min-width:76px;min-height:76px;flex-shrink:0;fill:#fff}.control-btn-play:hover{transform:scale(1.1)}.control-btn-volume{width:50px;height:50px}.control-btn-volume span{font-size:28px}.list-content::-webkit-scrollbar{width:6px}.list-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.list-content::-webkit-scrollbar-thumb{background:#38c28e;border-radius:3px}.list-content::-webkit-scrollbar-thumb:hover{background:#38c28e}@keyframes bluetooth-connecting{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bluetooth-icon{transition:all .3s}.bluetooth-icon.connecting{animation:bluetooth-connecting 1s linear infinite}.bluetooth-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#4a4a4a;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:200px;z-index:1000;overflow:hidden}.menu-header{padding:12px 16px;background:#3a3a3a;color:#fff;font-weight:700;font-size:14px}.menu-item{padding:12px 16px;color:#38c28e;cursor:pointer;transition:background .2s;font-size:14px}.menu-item:hover{background:rgba(56,194,142,.1)}.menu-item.device-name{color:#fff;cursor:default;background:rgba(56,194,142,.2)}.menu-item.cancel{color:#999;border-top:1px solid #555}.connection-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);color:#fff;padding:20px 30px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:2000;box-shadow:0 4px 16px rgba(0,0,0,.5)}.toast-spinner{width:20px;height:20px;border:2px solid #38c28e;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:rgba(220,38,38,.95);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:2000;box-shadow:0 4px 16px rgba(0,0,0,.5)}.success-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:rgba(56,194,142,.95);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;z-index:2000;box-shadow:0 4px 16px rgba(0,0,0,.5);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:600px){.player-controller{max-width:100%}.topbar-label{font-size:16px}.list-item-name{font-size:14px}.playback-song-name{font-size:18px}.control-btn{width:70px;height:70px;min-width:50px;min-height:50px}.control-btn span{font-size:60px}.control-btn svg{width:36px;height:36px}.control-btn-play{width:80px;height:80px;min-width:60px;min-height:60px}.control-btn-play svg{width:48px;height:48px}.player-control-buttons{gap:2px;padding:10px 5px}}@media(min-width:600px)and (max-height:800px)and (orientation:landscape){.player-topbar{margin-top:0;margin-bottom:0;padding:2px 20px;height:26px}.topbar-label{font-size:12px}.player-dual-list{padding:5px 20px;gap:20px}.player-playback-info{padding:2px 20px 0}.playback-header{margin-bottom:0}.playback-audio-info{margin-top:0}.player-control-buttons{padding:0 80px;margin-bottom:0;gap:2px;justify-content:center}.control-btn{width:70px;height:70px}.control-btn span{font-size:55px}.control-btn svg{width:48px;height:48px}.control-btn-play{width:60px;height:60px}.control-btn-play svg{width:60px;height:60px}}