*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--nav-h:56px;--footer-h:36px;--bg:#08080d;--nav-bg:#0a0a10eb;--surface:#ffffff0d;--surface-2:#ffffff14;--border:#ffffff12;--border-2:#ffffff1f;--text:#f2f2f7;--text-2:#8e8ea0;--text-3:#55556a;--accent:#5b8af5;--accent-dim:#5b8af52e;--accent-glow:#5b8af559;--danger:#f55b5b;--r-sm:6px;--r-md:10px;--r-lg:14px}html{background:var(--bg);height:100%}body{height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-size:13px;line-height:1.5;overflow:hidden}#app{height:100%}.mp-app{background:var(--bg);flex-direction:column;height:100%;display:flex}.mp-nav{height:var(--nav-h);background:var(--nav-bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:10;flex-shrink:0;align-items:center;gap:16px;padding:0 20px;display:flex}.mp-nav-brand{flex-shrink:0;align-items:center;gap:9px;display:flex}.mp-brand-icon{border-radius:var(--r-sm);width:28px;height:28px;overflow:hidden}.mp-brand-icon svg{width:100%;height:100%}.mp-brand-name{color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-size:13.5px;font-weight:600}.mp-nav-url{flex:1;align-items:center;gap:8px;max-width:680px;margin:0 auto;display:flex}.mp-url-field{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:text;flex:1;align-items:center;gap:0;height:36px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.mp-url-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffff0f}.mp-url-field-icon{width:14px;height:14px;color:var(--text-3);flex-shrink:0;margin-left:11px;transition:color .2s}.mp-url-field:focus-within .mp-url-field-icon{color:var(--accent)}.mp-url-input{height:100%;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0 10px 0 8px;font-family:inherit;font-size:13px}.mp-url-input::placeholder{color:var(--text-3)}.mp-load-btn{background:var(--accent);border-radius:var(--r-md);color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:none;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s;display:inline-flex}.mp-load-btn svg{opacity:.9;width:13px;height:13px}.mp-load-btn:hover{box-shadow:0 4px 20px var(--accent-glow);background:#4a7af0}.mp-load-btn:active{transform:scale(.96)}.mp-save-btn[hidden]{display:none}.mp-save-btn{border:1px solid var(--border-2);border-radius:var(--r-md);width:36px;height:36px;color:var(--text-2);cursor:pointer;background:#ffffff12;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform .1s;display:inline-flex}.mp-save-btn svg{width:15px;height:15px}.mp-save-btn:hover{color:var(--text);background:#ffffff1f;border-color:#fff3}.mp-save-btn:active{transform:scale(.94)}.mp-main{background:radial-gradient(70% 60%,#1e1e3c59 0%,#0000 100%);flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;position:relative}.mp-player-area{flex:1;justify-content:center;align-self:stretch;align-items:center;min-width:0;display:flex}.mp-stage{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--border);background:#000;max-width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 32px 80px #000000b3,0 8px 32px #00000080}.mp-stage.hide-cursor{cursor:none}.mp-video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.mp-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:absolute;inset:0}.mp-stage[data-state=idle] .mp-screen-idle{display:flex}.mp-screen-idle{background:radial-gradient(80% 70% at 50% 55%,#141432e6 0%,#08080d 70%)}.mp-screen-idle:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.mp-idle-glow{pointer-events:none;background:radial-gradient(circle,#5b8af512 0%,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute}.mp-idle-center{z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.mp-idle-ring{background:#ffffff08;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;animation:3s ease-in-out infinite idle-pulse;display:flex}.mp-idle-ring svg{width:32px;height:32px;margin-left:4px}@keyframes idle-pulse{0%,to{box-shadow:0 0 #5b8af500}50%{box-shadow:0 0 0 12px #5b8af514}}.mp-idle-hint{color:var(--text-3);text-align:center;font-size:13px;line-height:1.7}.mp-idle-hint strong{color:var(--text-2);font-weight:500}.mp-stage[data-state=loading] .mp-screen-loading{display:flex}.mp-screen-loading{-webkit-backdrop-filter:blur(4px);background:#0000008c;gap:14px}.mp-spinner{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mp-loading-label{color:var(--text-2);font-size:12.5px}.mp-stage[data-state=error] .mp-screen-error{display:flex}.mp-screen-error{-webkit-backdrop-filter:blur(6px);background:#000000bf;gap:12px;padding:32px}.mp-error-icon{width:44px;height:44px;color:var(--danger)}.mp-error-icon svg{width:100%;height:100%}.mp-error-msg{color:var(--text-2);text-align:center;max-width:340px;font-size:13px;line-height:1.65}.mp-error-retry{border:1px solid var(--border-2);border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;background:0 0;margin-top:4px;padding:6px 16px;font-family:inherit;font-size:12.5px;transition:background .15s,border-color .15s,color .15s}.mp-error-retry:hover{background:var(--surface-2);color:var(--text);border-color:#fff3}.mp-controls{opacity:1;flex-direction:column;gap:6px;padding:0 14px 14px;transition:opacity .28s;display:none;position:absolute;bottom:0;left:0;right:0}.mp-paused-indicator{color:#ffffffe6;-webkit-backdrop-filter:blur(4px);pointer-events:none;z-index:1;background:#00000073;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:.18s paused-in;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mp-paused-indicator svg{width:28px;height:28px;margin-left:3px}.mp-stage.is-paused .mp-paused-indicator{display:flex}@keyframes paused-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.mp-stage[data-state=ready] .mp-controls,.mp-stage[data-state=loading] .mp-controls{display:flex}.mp-controls.is-hidden{opacity:0;pointer-events:none}.mp-controls-scrim{pointer-events:none;border-radius:0 0 var(--r-lg) var(--r-lg);background:linear-gradient(#0000 0%,#000000d1 100%);height:130px;position:absolute;bottom:0;left:0;right:0}.mp-progress-wrap{z-index:1;cursor:pointer;padding:8px 0 2px;position:relative}.mp-progress-track{background:#ffffff2e;border-radius:3px;height:3px;transition:height .15s;position:relative}.mp-progress-wrap:hover .mp-progress-track{height:5px}.mp-progress-fill{background:var(--accent);border-radius:inherit;pointer-events:none;width:0%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.mp-progress-input{opacity:0;cursor:pointer;appearance:none;z-index:2;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.mp-progress-input::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0}.mp-progress-input::-moz-range-thumb{background:0 0;border:none;width:0;height:0}.mp-progress-wrap:hover .mp-progress-fill:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 1px 4px #00000080}.mp-progress-tooltip{border:1px solid var(--border-2);border-radius:var(--r-sm);color:var(--text);white-space:nowrap;pointer-events:none;z-index:10;background:#14141ef2;padding:3px 8px;font-size:11.5px;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);box-shadow:0 4px 12px #00000080}.mp-controls-row{z-index:1;justify-content:space-between;align-items:center;gap:4px;display:flex;position:relative}.mp-controls-left,.mp-controls-right{align-items:center;gap:2px;display:flex}.mp-btn{border-radius:var(--r-sm);color:#ffffffbf;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s;display:flex}.mp-btn:hover{color:#fff;background:#ffffff1a}.mp-btn svg{width:20px;height:20px}.mp-vol-group{align-items:center;gap:0;display:flex}.mp-vol-slider-wrap{align-items:center;width:0;height:36px;transition:width .2s;display:flex;position:relative;overflow:hidden}.mp-vol-group:hover .mp-vol-slider-wrap,.mp-vol-slider-wrap:focus-within{width:72px}.mp-vol-track{background:#fff3;border-radius:3px;width:64px;height:3px;margin-left:4px;position:relative}.mp-vol-fill{border-radius:inherit;pointer-events:none;background:#ffffffd9;width:100%;position:absolute;top:0;bottom:0;left:0}.mp-vol-input{opacity:0;cursor:pointer;appearance:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.mp-time{font-variant-numeric:tabular-nums;color:#ffffffa6;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;padding:0 6px;font-size:12px;display:flex}.mp-time-sep{opacity:.35}.mp-footer{height:var(--footer-h);border-top:1px solid var(--border);background:#08080dcc;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mp-hints{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mp-hint-item{color:var(--text-3);align-items:center;gap:4px;font-size:11px;display:flex}.mp-hint-sep{background:var(--border-2);flex-shrink:0;width:1px;height:10px}kbd{height:18px;color:var(--text-2);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-bottom-width:2px;border-radius:4px;align-items:center;padding:0 5px;font-family:inherit;font-size:10.5px;display:inline-flex}.mp-lang-switcher{flex-shrink:0;position:relative}.mp-lang-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12.5px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mp-lang-btn:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text)}.mp-lang-btn svg{flex-shrink:0;width:14px;height:14px}.mp-lang-btn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.mp-lang-label{text-align:center;min-width:2.5em}.mp-lang-dropdown{border:1px solid var(--border-2);border-radius:var(--r-md);z-index:100;background:#16161e;min-width:120px;padding:4px;list-style:none;animation:.15s dropdown-in;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #0000008c,0 2px 8px #0006}.mp-lang-dropdown.is-open{display:block}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mp-lang-option{border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .1s,color .1s;display:flex}.mp-lang-option:hover{background:var(--surface-2);color:var(--text)}.mp-lang-option.is-selected{color:var(--text)}.mp-lang-check{width:12px;height:12px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mp-lang-check svg{width:100%;height:100%}.mp-lang-option:not(.is-selected) .mp-lang-check svg{display:none}.mp-buffered-ranges{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.mp-settings-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-settings-overlay[hidden]{display:none}.mp-settings-backdrop{-webkit-backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.mp-settings-modal{z-index:1;border:1px solid var(--border-2);border-radius:var(--r-lg);background:#14141c;width:420px;max-width:calc(100vw - 32px);animation:.18s settings-in;position:relative;overflow:hidden;box-shadow:0 24px 64px #000000b3,0 4px 16px #00000080}@keyframes settings-in{0%{opacity:0;transform:scale(.95)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.mp-settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex}.mp-settings-title{color:var(--text);letter-spacing:-.01em;font-size:13.5px;font-weight:600}.mp-settings-close{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.mp-settings-close:hover{background:var(--surface-2);color:var(--text)}.mp-settings-close svg{width:14px;height:14px}.mp-settings-body{flex-direction:column;gap:16px;padding:16px 18px 18px;display:flex}.mp-settings-section{flex-direction:column;gap:12px;display:flex}.mp-settings-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:11px;font-weight:600}.mp-settings-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mp-settings-label{color:var(--text-2);flex-shrink:0;font-size:13px}.mp-seg-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);flex-shrink:0;display:flex;overflow:hidden}.mp-seg-btn{border:none;border-right:1px solid var(--border);height:28px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;flex:1;padding:0 10px;font-family:inherit;font-size:12px;transition:background .12s,color .12s}.mp-seg-btn:last-child{border-right:none}.mp-seg-btn:hover{background:var(--surface-2);color:var(--text)}.mp-seg-btn.is-active{background:var(--accent);color:#fff}.mp-seg-custom{border-left:1px solid var(--border);cursor:text;align-items:center;gap:2px;padding:0 8px;display:flex}.mp-seg-input{width:42px;height:100%;color:var(--text);text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;font-family:inherit;font-size:12px}.mp-seg-input::-webkit-inner-spin-button{-webkit-appearance:none}.mp-seg-input::-webkit-outer-spin-button{-webkit-appearance:none}.mp-seg-input::placeholder{color:var(--text-3)}.mp-seg-unit{color:var(--text-3);-webkit-user-select:none;user-select:none;font-size:11px}.mp-settings-note{color:var(--text-3);padding:0 1px;font-size:11.5px;line-height:1.6}.mp-ad-sidebar{border-radius:var(--r-sm);background:#ffffff06;border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;width:160px;height:300px;padding:0 8px;display:none;position:absolute;top:50%;transform:translateY(-50%)}.mp-ad-sidebar--left{left:20px}.mp-ad-sidebar--right{right:20px}.mp-ad-sidebar ins.adsbygoogle{width:144px;display:block}.mp-sidebar-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.mp-sidebar-backdrop.is-open{animation:.2s backdrop-in;display:block}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.mp-sidebar{z-index:201;background:#12121a;border-right:1px solid #ffffff14;flex-direction:column;width:300px;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #0009}.mp-sidebar.is-open{transform:translate(0)}.mp-sidebar-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.mp-sidebar-title{color:#f2f2f7;letter-spacing:-.01em;font-size:13.5px;font-weight:600}.mp-sidebar-close{color:#8e8ea0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex}.mp-sidebar-close:hover{color:#f2f2f7;background:#ffffff14}.mp-sidebar-close svg{width:16px;height:16px}.mp-sidebar-body{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.mp-sidebar-body::-webkit-scrollbar{width:4px}.mp-sidebar-body::-webkit-scrollbar-track{background:0 0}.mp-sidebar-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.mp-auth-panel{flex-direction:column;gap:16px;padding:24px 16px;display:flex}.mp-auth-tabs{background:#ffffff0a;border-radius:8px;gap:0;padding:3px;display:flex}.mp-auth-tab{color:#8e8ea0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;height:30px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s,color .15s}.mp-auth-tab.is-active{color:#f2f2f7;background:#ffffff1a}.mp-auth-form{flex-direction:column;gap:10px;display:flex}.mp-auth-input{color:#f2f2f7;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;height:36px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.mp-auth-input:focus{border-color:#5b8af5;box-shadow:0 0 0 3px #5b8af533}.mp-auth-input::placeholder{color:#55556a}.mp-auth-submit{color:#fff;cursor:pointer;background:#5b8af5;border:none;border-radius:8px;height:36px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s}.mp-auth-submit:hover{background:#4a7af0}.mp-auth-submit:disabled{opacity:.5;cursor:not-allowed}.mp-auth-error{color:#f55b5b;text-align:center;min-height:16px;font-size:12px}.mp-library-panel{flex-direction:column;flex:1;display:flex}.mp-library-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:12px 16px;display:flex}.mp-dataspace-select{color:#f2f2f7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;outline:none;flex:1;height:30px;padding:0 8px;font-family:inherit;font-size:12.5px}.mp-library-user{color:#55556a;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;max-width:80px;font-size:11.5px;overflow:hidden}.mp-logout-btn{color:#8e8ea0;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;height:26px;padding:0 10px;font-family:inherit;font-size:11.5px;transition:background .15s,color .15s}.mp-logout-btn:hover{color:#f2f2f7;background:#ffffff0f}.mp-library-toolbar{border-bottom:1px solid #ffffff0d;align-items:center;gap:6px;padding:8px 12px;display:flex}.mp-breadcrumb{color:#55556a;flex:1;align-items:center;gap:4px;min-width:0;font-size:11.5px;display:flex;overflow:hidden}.mp-breadcrumb-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:color .15s;overflow:hidden}.mp-breadcrumb-item:hover{color:#8e8ea0}.mp-breadcrumb-item.is-root{flex-shrink:0}.mp-breadcrumb-sep{color:#fff3;flex-shrink:0}.mp-tool-btn{color:#8e8ea0;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;height:26px;padding:0 8px;font-family:inherit;font-size:11.5px;transition:background .15s,color .15s,border-color .15s;display:flex}.mp-tool-btn:hover{color:#f2f2f7;background:#ffffff0f;border-color:#ffffff24}.mp-tool-btn svg{width:12px;height:12px}.mp-tree{flex-direction:column;flex:1;gap:1px;padding:6px 8px;display:flex}.mp-tree-empty{color:#55556a;text-align:center;padding:24px 16px;font-size:12px;line-height:1.6}.mp-tree-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 10px;transition:background .1s;display:flex;position:relative}.mp-tree-item:hover{background:#ffffff0d}.mp-tree-item.is-playing{background:#5b8af51f}.mp-tree-item.is-dragging{opacity:.4}.mp-tree-item.is-drop-target{outline-offset:-1px;background:#5b8af52e;outline:1px solid #5b8af580}.mp-breadcrumb-item.is-drop-target{color:#5b8af5;text-decoration:underline}.mp-tree-item-icon{color:#8e8ea0;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.mp-tree-item.is-folder .mp-tree-item-icon{color:#f5c242}.mp-tree-item.is-playing .mp-tree-item-icon{color:#5b8af5}.mp-tree-item-icon svg{width:100%;height:100%}.mp-tree-item-name{color:#c8c8d4;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.mp-tree-item.is-playing .mp-tree-item-name{color:#5b8af5}.mp-tree-item-actions{flex-shrink:0;gap:2px;display:none}.mp-tree-item:hover .mp-tree-item-actions{display:flex}.mp-tree-action{color:#55556a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .1s,color .1s;display:flex}.mp-tree-action:hover{color:#f2f2f7;background:#ffffff14}.mp-tree-action svg{width:13px;height:13px}.mp-add-form[hidden]{display:none}.mp-add-form{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;margin:8px 12px;padding:12px;display:flex}.mp-add-form-title{color:#8e8ea0;letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.mp-add-form-input{color:#f2f2f7;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;height:32px;padding:0 10px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.mp-add-form-input:focus{border-color:#5b8af5}.mp-add-form-input::placeholder{color:#55556a}.mp-add-form-row{gap:6px;display:flex}.mp-add-form-cancel{color:#8e8ea0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex:1;height:30px;font-family:inherit;font-size:12.5px;transition:background .15s}.mp-add-form-cancel:hover{background:#ffffff0d}.mp-add-form-save{color:#fff;cursor:pointer;background:#5b8af5;border:none;border-radius:6px;flex:1;height:30px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s}.mp-add-form-save:hover{background:#4a7af0}.mp-add-form-save:disabled{opacity:.5;cursor:not-allowed}.mp-add-form-error{color:#f55b5b;min-height:14px;font-size:11.5px}.mp-unlock-panel{flex-direction:column;align-items:stretch;gap:12px;padding:24px 16px;display:flex}.mp-unlock-title{color:#f2f2f7;font-size:13px;font-weight:600}.mp-unlock-desc{color:#8e8ea0;font-size:12px;line-height:1.6}.mp-unlock-error{color:#f55b5b;min-height:14px;font-size:12px}.mp-unlock-actions{gap:8px;display:flex}.mp-unlock-actions .mp-auth-submit{flex:1}.mp-unlock-btn-cancel{color:#8e8ea0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;flex:1;height:36px;font-family:inherit;font-size:13px;transition:background .15s,color .15s}.mp-unlock-btn-cancel:hover{color:#f2f2f7;background:#ffffff0d}.mp-sidebar-toggle{color:#8e8ea0;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.mp-sidebar-toggle:hover{color:#f2f2f7;background:#ffffff0f;border-color:#ffffff24}.mp-sidebar-toggle svg{width:16px;height:16px}.mp-tree-loading{justify-content:center;align-items:center;padding:20px;display:flex}.mp-tree-spinner{border:2px solid #ffffff1a;border-top-color:#5b8af5;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.mp-schema-panel{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.mp-schema-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.mp-schema-back{color:#8e8ea0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.mp-schema-back:hover{color:#f2f2f7;background:#ffffff0f}.mp-schema-back svg{width:14px;height:14px}.mp-schema-title{color:#f2f2f7;font-size:13px;font-weight:600}.mp-schema-list{flex-direction:column;gap:4px;display:flex}.mp-schema-empty{color:#55556a;padding:8px 2px;font-size:12px}.mp-schema-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;display:flex}.mp-schema-item-label{color:#c8c8d4;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.mp-schema-item-type{color:#55556a;flex-shrink:0;font-size:11px}.mp-schema-item-actions{flex-shrink:0;gap:2px;display:flex}.mp-schema-edit,.mp-schema-delete{color:#55556a;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mp-schema-edit:hover{color:#f2f2f7;background:#ffffff14}.mp-schema-delete:hover{color:#f55b5b;background:#ffffff14}.mp-schema-edit svg,.mp-schema-delete svg{width:13px;height:13px}.mp-schema-add-btn{color:#55556a;cursor:pointer;background:0 0;border:1.5px dashed #ffffff1a;border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,color .15s;display:flex}.mp-schema-add-btn:hover{color:#8e8ea0;border-color:#fff3}.mp-schema-add-btn svg{width:14px;height:14px}.mp-field-form{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.mp-field-form[hidden]{display:none}.mp-field-form-title{color:#8e8ea0;text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.mp-field-type-select{color:#f2f2f7;cursor:pointer;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;outline:none;width:100%;height:32px;padding:0 10px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.mp-field-type-select:focus{border-color:#5b8af5}.mp-field-form-error{color:#f55b5b;min-height:14px;font-size:11.5px}.mp-field-cancel{color:#8e8ea0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;flex:1;height:30px;font-family:inherit;font-size:12.5px;transition:background .15s}.mp-field-cancel:hover{background:#ffffff0d}.mp-field-save{color:#fff;cursor:pointer;background:#5b8af5;border:none;border-radius:6px;flex:1;height:30px;font-family:inherit;font-size:12.5px;font-weight:500;transition:background .15s}.mp-field-save:hover{background:#4a7af0}.mp-field-save:disabled{opacity:.5;cursor:not-allowed}.mp-tree-item.has-detail{align-items:flex-start;height:auto;padding:6px 10px}.mp-tree-item.has-detail .mp-tree-item-icon{margin-top:2px}.mp-tree-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mp-tree-item-detail{color:#55556a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.mp-tree-item.is-playing .mp-tree-item-detail{color:#5b8af5b3}.mp-detail-panel{flex-direction:column;flex:1;gap:12px;padding:12px 14px;display:flex;overflow-y:auto}.mp-detail-header{align-items:center;gap:8px;display:flex}.mp-detail-back{color:#8e8ea0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.mp-detail-back:hover{color:#f2f2f7;background:#ffffff0f}.mp-detail-back svg{width:14px;height:14px}.mp-detail-title{color:#f2f2f7;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.mp-detail-play{color:#fff;cursor:pointer;background:#5b8af5;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;height:28px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:500;transition:background .15s;display:flex}.mp-detail-play:hover{background:#4a7af0}.mp-detail-play svg{width:12px;height:12px}.mp-detail-fields{flex-direction:column;gap:8px;display:flex}.mp-detail-field{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.mp-detail-field-label{color:#55556a;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600}.mp-detail-field-value{color:#c8c8d4;word-break:break-word;font-size:13px;line-height:1.5}.mp-detail-field-empty{color:#3c3c50;font-size:13px;font-style:italic}.mp-detail-url{color:#5b8af5;word-break:break-all;text-decoration:none}.mp-detail-url:hover{text-decoration:underline}.mp-detail-tags{flex-wrap:wrap;gap:4px;display:flex}.mp-detail-tag{color:#8aabf7;background:#5b8af526;border:1px solid #5b8af540;border-radius:10px;padding:2px 8px;font-size:11.5px}.mp-custom-fields-divider{color:#55556a;text-transform:uppercase;letter-spacing:.06em;padding:4px 1px 0;font-size:10.5px;font-weight:600}