#mctx,#mbd,#cph,.sclose,#tlh #tlmin{display:none}@media (max-width:700px){:root{--nav:72px;--r:18px}body{grid-template:"bar" 52px "wrap" minmax(0,1fr) "tl" var(--mth,168px) "nav" calc(var(--nav) + env(safe-area-inset-bottom,0px))/minmax(0,1fr);background:#000}#bar{background:#000;border-bottom:0;padding:0 10px;gap:6px;overflow:visible}#bar>button[data-tool],#addR,#addT,#mask,#fit,#zout,#zin,#zoom,#eres,#efps,#safeBtn,#png,#figp,#bar .sep,#bar .sp{display:none!important}#bar #undo,#bar #redo,#bar #imp{background:none;color:#fff;border-radius:50%;min-width:44px;height:44px;padding:0}#bar #imp{font-size:0;gap:0}#bar #imp svg{width:22px;height:22px}#bar #exp{position:static;margin-left:auto;min-width:84px;height:36px;border-radius:18px;background:var(--ac);color:#fff;font-weight:700;box-shadow:none}#barR{display:flex;align-items:center;gap:6px;margin-left:auto}#wrap{background:#0b0b0b;border-radius:0}#tl{background:#111;border-top:1px solid #222}#tlh{background:#111;padding:6px 10px;gap:6px}#tlh #play{min-width:44px;width:44px;height:44px;border-radius:50%;background:#fff;color:#000;padding:0}#tlh #play svg{fill:#000}#tlh button{background:none;border-radius:12px}#time{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}#mnav{display:flex;overflow-x:auto;scrollbar-width:none;background:#000;border-top:1px solid #1d1d1d;padding:0 6px env(safe-area-inset-bottom,0px);height:calc(var(--nav) + env(safe-area-inset-bottom,0px));z-index:60;-webkit-overflow-scrolling:touch}#mnav::-webkit-scrollbar{display:none}#mnav button{flex:none;width:68px;height:var(--nav);gap:5px;font-size:11px;font-weight:600;color:#bdbdbd;position:relative}#mnav button svg{width:26px;height:26px;stroke-width:1.7}#mnav button.on{color:#fff}#mnav button.on:after{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--ac)}#mnav button:active{transform:scale(.94)}#left,#rcol{bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px));height:min(56dvh,460px);background:#171717;border-radius:var(--r) var(--r) 0 0;z-index:70}#mbd{position:fixed;inset:0 0 calc(var(--nav) + env(safe-area-inset-bottom,0px)) 0;background:#00000073;z-index:65;display:none}body.s-left #mbd,body.s-right #mbd{display:block}#left:before,#rcol:before{width:44px;height:5px;background:#555;margin:10px auto 6px}.rail{display:none!important}.layer,.atile,.acts button,.presets button{border-radius:12px}#toast{bottom:calc(var(--nav) + 90px + env(safe-area-inset-bottom,0px))}}@media (max-width:900px) and (max-height:480px) and (orientation:landscape){:root{--nav:56px}#mnav button{width:62px;font-size:10px;gap:2px}#mnav button svg{width:22px;height:22px}}@media (max-width:700px){#barR,#bar #exp{background-color:transparent}#bar #exp{background:var(--ac)}#barR{box-shadow:none!important;padding:0;gap:6px}#bar #imp{background:#262626!important;border-radius:50%}#rulerT,#rulerL{display:none!important}#left,#rcol{box-shadow:0 -10px 30px #0009}}@media (max-width:700px){#bar #barR{background:none!important;box-shadow:none!important;border:0!important}#bar #imp{border:0!important}}@media (max-width:700px){#tl{position:relative}#tlnames,#ph{display:none!important}#tlin{margin-left:var(--half,50vw)}#tls:after{content:"";flex:none;width:var(--half,50vw)}#ruler{pointer-events:none;background:#111;color:#999}#cph{position:absolute;left:50%;margin-left:-1px;width:2px;bottom:0;background:#fff;z-index:20;pointer-events:none;box-shadow:0 0 6px #000000b3}#cph:before{content:"";position:absolute;top:-2px;left:-4px;width:10px;height:10px;border-radius:50%;background:#fff}#tls{background:#111;scrollbar-width:none}#tls::-webkit-scrollbar{display:none}.row .bar{border-radius:8px}#mctx{display:none;grid-area:nav;overflow-x:auto;scrollbar-width:none;background:#000;border-top:1px solid #1d1d1d;padding:0 6px env(safe-area-inset-bottom,0px);z-index:60}#mctx::-webkit-scrollbar{display:none}#mctx button{flex:none;width:68px;height:var(--nav);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:600;color:#ddd;background:none;border-radius:0}#mctx button svg{width:26px;height:26px}#mctx button:active{transform:scale(.94)}#mctx button[data-ca=del]{color:#ff6b6b}#mctx button[data-ca=done]{color:var(--ac)}body.hasSel #mnav{display:none}body.hasSel #mctx{display:flex}#right{background:#171717;padding-bottom:24px}.ptabs{gap:8px;padding:6px 12px 10px;overflow-x:auto;scrollbar-width:none;border:0;background:#171717}.ptabs::-webkit-scrollbar{display:none}.ptabs button{flex:none;border:0!important;border-radius:20px;padding:0 16px;min-height:38px;background:#262626;color:#ccc;font-size:13px;font-weight:600}.ptabs button.on{background:#fff;color:#000}#right .sec{background:#1f1f1f;border-radius:16px;margin:10px 12px;padding:4px 4px 10px;overflow:hidden}#right .sec>h4{margin:0;padding:12px 12px 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#9a9a9a}#right .f{min-height:48px;padding:2px 12px;gap:12px;font-size:14px}#right .f label,#right .f>span:first-child{color:#cfcfcf}#right .f input[type=number],#right .f input[type=text],#right .f select{min-height:42px;border-radius:12px;background:#2b2b2b;border:0;color:#fff;font-size:15px;padding:0 12px}#right input[type=range]{height:34px;accent-color:var(--ac);flex:1;min-width:0}#right button{border-radius:12px}#right .acts button,#right .presets button{background:#2b2b2b;color:#fff;min-height:46px}}@media (max-width:700px){:root{--sh:min(40dvh,340px)}.bar:before,.bar:after{width:28px}.bar.sel:before,.bar.sel:after{background:#ffffff59}body.s-left,body.s-right{--mth:var(--sh)}body.s-left #tl,body.s-right #tl{visibility:hidden}body.s-left #left,body.s-right #rcol{height:var(--sh)}#mbd{display:none!important}.sclose{position:absolute;top:2px;right:6px;z-index:5;width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%;background:none;color:#bbb}}@media (max-width:700px){#cph{display:block}#tlh #tlmin{display:inline-flex}}