.agfmp{--mp-bg:#222841;--mp-edge:#69718b;--mp-cyan:#5ce6ef;position:fixed;z-index:9990;left:20px;bottom:max(20px,env(safe-area-inset-bottom));font:13px/1.4 'Courier New',monospace;color:#fff;text-align:left;letter-spacing:0;box-sizing:border-box}
.agfmp *{box-sizing:border-box}.agfmp [hidden]{display:none!important}.agfmp button,.agfmp select,.agfmp input{font:inherit;letter-spacing:0;text-transform:none}.agfmp button,.agfmp-file-label{cursor:pointer}.agfmp button:focus-visible,.agfmp select:focus-visible,.agfmp input:focus-visible,.agfmp-file-label:focus-within{outline:3px solid #ffe779;outline-offset:3px}
.agfmp .agfmp-launch{display:flex;align-items:center;gap:10px;background:#20273d;border:1px solid #6d7799;box-shadow:inset 1px 1px #a9b3ca,0 7px 25px #0007;padding:10px 14px;min-height:44px;border-radius:5px;color:#edf4ff;font-weight:bold;font-size:12px}.agfmp-launch>span{color:var(--mp-cyan);font-size:19px}.agfmp-launch i{width:7px;height:7px;background:#728198;border-radius:50%}.agfmp.is-playing .agfmp-launch i{background:#5fffb5;box-shadow:0 0 8px #5fffb5}
.agfmp-panel{width:338px;margin-bottom:10px;position:absolute;bottom:100%;left:0;background:var(--mp-bg);border:2px solid #111729;box-shadow:inset 2px 2px #8690ac,inset -2px -2px #111629,0 18px 60px #000a;border-radius:5px;overflow:hidden}.agfmp-titlebar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#514090,#284e75);padding:7px 9px;border-bottom:2px solid #111729;color:#fff;font-size:11px;font-weight:bold}.agfmp-titlebar small{display:block;font:9px 'Courier New',monospace;letter-spacing:2px;color:#cfdef8;padding-left:21px}.agfmp-titlebar b{color:#77edf8}.agfmp .agfmp-titlebar button{border:1px solid #a7b3cf;border-radius:0;background:#aeb9cc;color:#16223b;padding:0;width:32px;height:30px;min-height:30px;font-size:24px;line-height:1}.agfmp-body{padding:13px}.agfmp-screen{background:#091922;border:2px solid;border-color:#090f1b #64708c #64708c #090f1b;padding:10px;color:#85f9da;box-shadow:inset 0 0 20px #0007}.agfmp-screen-top,.agfmp-readout{display:flex;justify-content:space-between;font-size:9px;gap:5px;color:#73a8b6}.agfmp-screen .agfmp-name{display:block;font:bold 13px/1.4 'Courier New',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 7px;color:#a0ffe5}.agfmp-readout{font-variant-numeric:tabular-nums}.agfmp canvas{display:block;width:100%;height:28px;margin-top:8px}.agfmp-select-label{display:block;font-size:9px;letter-spacing:2px;color:#b0b8cf;margin:12px 0 5px}.agfmp #agfmp-tracks{width:100%;height:36px;min-height:36px;background:#141b2d;color:#eef5ff;border:1px solid #63708a;border-radius:2px;padding:5px;font-size:11px}.agfmp-transport{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.agfmp .agfmp-transport button{height:43px;min-width:0;min-height:43px;padding:0;border-radius:2px;border:2px solid;border-color:#b1bed0 #12182b #12182b #b1bed0;background:#4b5871;color:#fff;font:bold 17px 'Courier New',monospace;box-shadow:none}.agfmp .agfmp-transport button[data-act=play]{background:#78dbe2;color:#082434;border-top-color:#c1ffff}.agfmp .agfmp-transport button[aria-pressed=true]{color:#93ffdc}.agfmp button:disabled{opacity:.4;cursor:default}.agfmp-volume{display:flex;gap:10px;align-items:center;margin-top:13px;font-size:10px;color:#c3cbdf}.agfmp #agfmp-volume{flex:1;min-width:0;accent-color:#76e2e8;margin:0;height:24px;padding:0}.agfmp-volume output{min-width:32px;text-align:right}.agfmp .agfmp-status{margin:8px 0;color:#bdc9e3;font:10px/1.5 'Courier New',monospace;min-height:15px}.agfmp-extras{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #4d5872;padding-top:8px}.agfmp .agfmp-extras button,.agfmp-file-label{background:none;border:0;border-radius:0;color:#8fe7f0;padding:4px 0;font:11px 'Courier New',monospace;min-height:28px;display:inline-flex;align-items:center;margin:0}.agfmp .agfmp-help{font:9px/1.5 'Courier New',monospace;color:#a9b3cb;margin:5px 0 0}.agfmp-standalone{background:radial-gradient(circle at top,#263953,#101520);margin:0;min-height:100vh;display:grid;place-items:center}.agfmp-standalone .agfmp{position:relative;left:auto;bottom:auto;padding:16px}.agfmp-standalone .agfmp-panel{position:static;margin:0;width:min(338px,calc(100vw - 32px))}.agfmp-standalone .agfmp-launch,.agfmp-standalone [data-act=min],.agfmp-standalone [data-act=window]{display:none!important}
@media(max-width:600px){.agfmp{left:12px;bottom:max(14px,env(safe-area-inset-bottom))}.agfmp-panel{width:min(338px,calc(100vw - 40px));max-height:calc(100dvh - 100px);overflow:auto}.agfmp .agfmp-launch{padding:8px 11px;font-size:10px;min-height:42px}}@media(prefers-reduced-motion:reduce){.agfmp *{scroll-behavior:auto}}

.agfmp .agfmp-credits{font:10px/1.5 "Courier New",monospace;margin:7px 0 0}.agfmp .agfmp-credits a{color:#9de8ee;text-decoration:underline;text-underline-offset:3px}