
@media (max-width:760px){
html.plm{--plmT:calc(54px + env(safe-area-inset-top));--plmN:calc(64px + env(safe-area-inset-bottom));margin-top:0!important;background:#070b16}
html.plm #wpadminbar{display:none!important}
html.plm body{background:#070b16;-webkit-tap-highlight-color:transparent}
html.plm.plm-st,html.plm.plm-st body{overflow:hidden!important;height:100%!important;overscroll-behavior:none}
html.plm .top{position:fixed!important;left:0;right:0;top:0;height:var(--plmT)!important;padding:env(safe-area-inset-top) 14px 0!important;flex-wrap:nowrap!important;gap:10px!important;z-index:60;background:rgba(7,11,22,.78)!important;backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);border-bottom:1px solid rgba(255,255,255,.06)!important}
html.plm .top .tabs,html.plm #btnAssets,html.plm #btnKeys{display:none!important}
html.plm .brand img{height:16px!important}
html.plm .brand span{display:inline-block!important;font:800 10px 'Be Vietnam Pro',sans-serif;letter-spacing:.22em;color:#7aa2ff;border-left:1px solid rgba(255,255,255,.14);padding-left:9px;text-transform:uppercase}
html.plm .player{margin-left:auto!important;padding:3px 10px 3px 3px!important;border-radius:12px}
html.plm .player .pinfo{display:flex!important;min-width:0!important;width:74px}
html.plm .player .pinfo b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.plm .player .pinfo small{display:none}
html.plm .tacts{display:none!important}
html.plm .plm-acts{display:flex!important;flex-direction:row;gap:0;position:static;order:-1;margin:0!important;width:auto!important;flex:0 0 auto}
html.plm .plm-acts .tbtn{width:34px;height:30px;min-width:0;padding:0!important;border-radius:8px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:#cfd8ea}
html.plm .plm-acts svg{width:17px;height:17px}
/* bottom nav */
.plm-nav{display:none}
html.plm .plm-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;height:var(--plmN);padding-bottom:env(safe-area-inset-bottom);background:rgba(7,11,22,.86);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);border-top:1px solid rgba(255,255,255,.07)}
html.plm .plm-nav button{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:0;color:#6f7c99;font:700 10.5px 'Be Vietnam Pro',sans-serif;letter-spacing:.02em;transition:color .2s}
html.plm .plm-nav svg{width:23px;height:23px;transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}
html.plm .plm-nav button.on{color:#fff}
html.plm .plm-nav button.on svg{color:#7aa2ff;transform:translateY(-1px) scale(1.08);filter:drop-shadow(0 0 10px rgba(47,107,255,.75))}
html.plm .plm-nav button.on:before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#2f6bff,transparent)}
html.plm .plm-nav button:active svg{transform:scale(.9)}
/* learn */
html.plm #pLearn.pane.on{display:block!important;height:auto!important;padding:var(--plmT) 0 calc(var(--plmN) + 8px)}
html.plm .mlesbar{top:var(--plmT)!important;padding:10px 12px!important;background:rgba(7,11,22,.88)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html.plm .mlesbar button{min-height:42px;border-radius:12px!important;background:#121a2c!important;border-color:#22304f!important}
html.plm #mPrev,html.plm #mNext{width:46px!important}
html.plm .rail.open{z-index:95!important;padding-top:calc(14px + env(safe-area-inset-top))!important;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}
html.plm .lbody{padding:18px 16px 26px!important}
html.plm .lwrap h1{font-size:27px!important;line-height:1.18!important;letter-spacing:-.6px;margin-bottom:12px}
html.plm .lwrap .lead{font-size:15.5px!important;line-height:1.65}
html.plm .lwrap p,html.plm .lwrap li{font-size:15px;line-height:1.7}
html.plm .lwrap h2{font-size:18.5px!important;margin:30px 0 12px!important;letter-spacing:-.2px}
html.plm .crumb{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7aa2ff;font-weight:700}
html.plm .sim{padding:12px!important;border-radius:18px!important;background:linear-gradient(180deg,#121a2e,#0d1324)!important;border-color:#1f2b48!important}
html.plm .sim canvas,html.plm .fig img{border-radius:12px!important}
html.plm .tip{border-radius:0 14px 14px 0;font-size:14px}
html.plm .qz{border-radius:16px;padding:14px}
html.plm .qz button.opt{padding:13px 14px!important;font-size:14.5px!important;border-radius:12px!important;margin-bottom:8px!important}
html.plm .pbtn,html.plm .gbtn{min-height:48px;border-radius:14px!important;font-size:14px!important}
html.plm .pbtn{background:linear-gradient(135deg,#2f6bff,#1e3fa0)!important;box-shadow:0 10px 24px -12px rgba(47,107,255,.9)}
html.plm .card{border-radius:16px}
html.plm .chki{padding:13px 14px;border-radius:12px}
html.plm .ctlh{font-size:12.5px}
html.plm input[type=range]{-webkit-appearance:none;appearance:none;height:30px;background:transparent}
html.plm input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#1e3fa0,#2f6bff 50%,#26324f 50%);background:#26324f}
html.plm input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px rgba(47,107,255,.45),0 4px 10px rgba(0,0,0,.5)}
html.plm input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:#26324f}
html.plm input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px rgba(47,107,255,.45)}
html.plm select,html.plm input[type=text]{min-height:44px;font-size:15px!important;border-radius:12px!important}
html.plm .seg button{padding:9px 12px!important;font-size:12.5px!important;border-radius:10px!important}
html.plm .msg{bottom:calc(var(--plmN) + 14px)!important;max-width:calc(100% - 28px);border-radius:14px}
html.plm .modal{padding:calc(20px + env(safe-area-inset-top)) 12px calc(var(--plmN) + 12px)!important;z-index:96!important}
html.plm .mbox{border-radius:18px!important}
/* studio */
html.plm #pStudio.pane.on{display:block!important;position:fixed!important;left:0;right:0;top:var(--plmT);bottom:calc(var(--plmN) + var(--plm-sb,150px) - 20px);height:auto!important;flex-direction:initial!important;transition:bottom .32s cubic-bezier(.2,.8,.2,1)}
html.plm.plm-dragging #pStudio.pane.on{transition:none}
html.plm #pStudio .view{position:absolute!important;inset:0!important;height:auto!important;order:0!important}
html.plm #view3d canvas{touch-action:none}
html.plm .vbar{left:0!important;right:0!important;top:8px!important;padding:0 10px;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;pointer-events:auto!important;gap:6px!important}
html.plm .vbar::-webkit-scrollbar{display:none}
html.plm .vgrp{flex:0 0 auto;border-radius:12px!important;background:rgba(10,15,28,.82)!important;border-color:rgba(122,162,255,.16)!important}
html.plm .vgrp button{padding:8px 11px!important;font-size:12px!important;white-space:nowrap;border-radius:9px!important}
html.plm .meter{top:52px!important;left:10px!important;width:auto!important;max-width:calc(100% - 20px);padding:4px 5px 4px 12px!important;border-radius:99px!important;background:rgba(10,15,28,.82)!important;border-color:rgba(122,162,255,.18)!important;box-shadow:none!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;cursor:pointer}
html.plm .meter:not(.plm-open) .mt,html.plm .meter:not(.plm-open) .rows,html.plm .meter:not(.plm-open) .warn,html.plm .meter:not(.plm-open) button,html.plm .meter:not(.plm-open) .sub{display:none!important}
html.plm .meter:not(.plm-open) .big{font-size:18px!important;margin:0!important;line-height:1}
html.plm .meter:not(.plm-open) .ev{margin:0!important;padding:4px 9px!important;border-radius:99px!important;font-size:10.5px!important;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}
html.plm .meter.plm-open{display:block;left:10px!important;right:10px!important;max-width:none!important;border-radius:16px!important;padding:12px 14px!important;z-index:9;background:rgba(12,18,32,.96)!important}
html.plm .meter.plm-open .big{font-size:34px!important}
html.plm .meter .mt{font-size:10.5px}
html.plm .hud{display:none!important}
html.plm .labels .lb{font-size:10.5px}
html.plm .pip{right:10px!important;bottom:10px!important}
html.plm .pipopen{left:10px!important;bottom:10px!important;top:auto!important;padding:6px 11px!important;font-size:11.5px!important;border-radius:99px!important;background:rgba(10,15,28,.82)!important;border:1px solid rgba(122,162,255,.18)!important}
html.plm .plm-sheet .planbox{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:min(86vw,360px)!important;border-radius:16px!important;margin:4px 0 10px}
html.plm .plm-sheet .planhead .grip,html.plm .plm-sheet #planMin{display:none}
.plm-sheet{display:none}
html.plm .plm-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:var(--plmN);z-index:65;height:var(--plm-sh,150px);background:linear-gradient(180deg,rgba(18,26,46,.97),rgba(11,16,30,.98));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:22px 22px 0 0;border-top:1px solid rgba(122,162,255,.22);box-shadow:0 -20px 40px -14px rgba(0,0,0,.75);transition:height .32s cubic-bezier(.2,.8,.2,1)}
html.plm.plm-dragging .plm-sheet{transition:none}
html.plm:not(.plm-st) .plm-sheet{display:none}
.plm-grab{flex:0 0 auto;height:24px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}
.plm-grab i{width:42px;height:5px;border-radius:3px;background:rgba(255,255,255,.22)}
.plm-tabs{flex:0 0 auto;display:flex;gap:6px;overflow-x:auto;padding:0 12px 10px;scrollbar-width:none;touch-action:pan-x}
.plm-tabs::-webkit-scrollbar{display:none}
.plm-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:99px;background:#151f36;border:1px solid #243150;color:#9aa6c2;font:700 12.5px 'Be Vietnam Pro',sans-serif;white-space:nowrap;transition:all .2s}
.plm-tabs button.on{background:linear-gradient(135deg,#2f6bff,#1e3fa0);border-color:#3b74ff;color:#fff;box-shadow:0 6px 16px -8px rgba(47,107,255,.9)}
.plm-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px 14px 24px;border-top:1px solid rgba(255,255,255,.05)}
html.plm .plm-body .sp{display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:none!important;border:0!important;background:none!important;padding:8px 0 0!important;overflow:visible!important;height:auto!important}
html.plm .plm-body .grp>h4{font-size:14px}
html.plm .plm-body .presets{grid-template-columns:1fr 1fr}
html.plm .plm-body .presets button{padding:11px 10px;border-radius:12px;font-size:12.5px}
html.plm .plm-body .lrow{padding:11px 12px;border-radius:12px}
html.plm .plm-body .nudge button{padding:9px 0;font-size:15px}
.plm-sheet:not([data-t=den]) #spRight,.plm-sheet[data-t=den] #spLeft,.plm-sheet[data-t=mat] #spLeft,.plm-sheet:not([data-t=mat]) #planBox{display:none!important}
.plm-sheet[data-t=mau] #spLeft>*:not(:nth-child(1)),.plm-sheet[data-t=phong] #spLeft>*:not(:nth-child(2)):not(:nth-child(3)),.plm-sheet[data-t=chu] #spLeft>*:not(:nth-child(4)),.plm-sheet[data-t=may] #spLeft>*:not(:nth-child(5)){display:none!important}
.plm-tip{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:8;background:rgba(10,15,28,.9);border:1px solid rgba(122,162,255,.25);color:#cfd8ea;font:600 12px 'Be Vietnam Pro',sans-serif;padding:9px 14px;border-radius:99px;white-space:nowrap;pointer-events:none;animation:plmTip 5.5s ease forwards}
@keyframes plmTip{0%{opacity:0;transform:translate(-50%,8px)}8%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
html.plm .pane.on{animation:plmIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes plmIn{from{opacity:0}to{opacity:1}}
}
