:root{--ink: #0d0d0d;--concrete: #1a1a1a;--line: #3a3a3a;--text: #e8e6e1;--dim: #8a8a8a;--hot: #d9ff00;--red: #ff3b1f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--ink);color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden;overscroll-behavior:none}#app{display:grid;grid-template-columns:260px 1fr;height:100%}#panel{background:var(--concrete);border-right:2px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}#panel header h1{font-size:22px;letter-spacing:4px;font-weight:800}#panel header .sub{font-size:10px;color:var(--dim);letter-spacing:2px;margin-top:2px}section h2{font-size:10px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:10px;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.grid button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:10px;letter-spacing:1px;padding:9px 4px;cursor:pointer;text-transform:uppercase;transition:none}.grid button:hover{border-color:var(--text)}.grid button.on{background:var(--hot);border-color:var(--hot);color:#000;font-weight:700}#tools{margin-bottom:10px}#tools .wide{grid-column:1 / -1}.share{margin-bottom:14px}.share button{padding:12px 4px;font-weight:700;letter-spacing:2px}.share #publish{border-color:var(--hot);color:var(--hot)}.share #publish:hover:not(:disabled){background:var(--hot);color:#000;border-color:var(--hot)}#tools #toolErase.on{background:var(--red);border-color:var(--red);color:#fff}.erow.dim{opacity:.4}.sw{grid-template-columns:repeat(6,1fr);gap:4px}.sw button{aspect-ratio:1;padding:0;border-width:2px;box-shadow:inset 0 0 0 1px #ffffff24}.sw button.on{outline:2px solid var(--hot);outline-offset:1px}.sw button.add{background:transparent;border-color:var(--line);color:var(--dim);font:inherit;font-size:15px;line-height:1;box-shadow:none}.sw button.add:hover{border-color:var(--hot);color:var(--hot)}.row{display:grid;grid-template-columns:46px 1fr 28px;align-items:center;gap:8px;font-size:10px;color:var(--dim);margin-bottom:8px;letter-spacing:1px}.row b{color:var(--text);font-size:10px;text-align:right}input[type=range]{-webkit-appearance:none;appearance:none;height:2px;background:var(--line);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;background:var(--text);cursor:pointer;border-radius:0}input[type=color]{-webkit-appearance:none;appearance:none;border:2px solid var(--line);width:100%;height:22px;padding:0;background:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none}.note{font-size:9px;color:var(--dim);letter-spacing:.5px;line-height:1.5;margin-top:-2px}.note b{color:var(--text)}.reset{width:100%;background:transparent;border:2px solid var(--line);color:var(--dim);font:inherit;font-size:9px;letter-spacing:2px;padding:7px 4px;cursor:pointer;font-weight:700}.reset:hover{border-color:var(--text);color:var(--text)}#layers{display:flex;flex-direction:column;gap:4px;max-height:148px;overflow-y:auto;margin-bottom:8px}.layer{display:grid;grid-template-columns:16px 1fr 16px;align-items:center;gap:6px;border:2px solid var(--line);padding:6px 7px;cursor:pointer;font-size:10px;letter-spacing:1px}.layer:hover{border-color:var(--dim)}.layer.on{border-color:var(--hot)}.layer.on .lname{color:var(--hot);font-weight:700}.layer.off .lname{color:#4a4a4a}.lname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.layer .ico{background:none;border:none;color:var(--dim);font:inherit;font-size:11px;line-height:1;padding:0;cursor:pointer}.layer .ico:hover{color:var(--text)}.layer .ico.hot{color:var(--red)}.lbtns{display:grid;grid-template-columns:1fr 1fr 30px 30px;gap:4px;margin-bottom:10px}.lbtns button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:9px;letter-spacing:1px;padding:7px 2px;cursor:pointer}.lbtns button:hover:not(:disabled){border-color:var(--text)}.lbtns .wide{grid-column:1 / -1}button:disabled{opacity:.3;cursor:not-allowed}select{-webkit-appearance:none;appearance:none;background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:10px;padding:3px 6px;cursor:pointer}select option{background:var(--concrete)}.palsel{width:100%;margin:8px 0 6px;font-size:10px}.chk{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;color:var(--dim);letter-spacing:1px;cursor:pointer}.chk input{accent-color:var(--hot);width:13px;height:13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.actions button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:10px;letter-spacing:2px;padding:11px 4px;cursor:pointer;font-weight:700}.actions button:hover{border-color:var(--text)}.actions .wide{grid-column:1 / -1}.actions .rec{border-color:var(--red);color:var(--red)}.actions .rec:hover{background:var(--red);color:#fff;border-color:var(--red)}.actions #publish{border-color:var(--hot);color:var(--hot)}.actions #publish:hover:not(:disabled){background:var(--hot);color:#000;border-color:var(--hot)}.actions .subtle{border-color:var(--line);color:var(--dim);font-size:9px;letter-spacing:3px;padding:8px 4px}.actions .subtle:hover{color:var(--text)}.actions .danger{border-color:var(--red);color:var(--red)}.actions .danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.crow{margin-bottom:6px}.crow input[type=color]{height:28px}.cbtns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.cbtns button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:9px;letter-spacing:1px;padding:8px 4px;cursor:pointer;text-transform:uppercase}.cbtns button:hover{border-color:var(--text)}.cbtns .wide{grid-column:1 / -1}.cbtns #strokePick.on,.cbtns #pick.on{background:var(--hot);border-color:var(--hot);color:#000;font-weight:700}.modal{position:fixed;inset:0;z-index:80;background:#000000b8;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.sheet{width:min(380px,92vw);max-height:88vh;overflow-y:auto;background:var(--concrete);border:2px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:16px}.sheetHead{display:flex;align-items:center;justify-content:space-between}.sheetHead h2{font-size:14px;letter-spacing:4px;font-weight:800;color:var(--text);border:none;padding:0;margin:0}.mclose{width:30px;height:30px;background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.mclose:hover{border-color:var(--red);color:var(--red)}.mgroup{display:flex;flex-direction:column;gap:8px}.mlabel{font-size:9px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:5px}.modal .note{margin:0}.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}.seg.four{grid-template-columns:1.4fr 1fr 1fr 1fr}.seg.four button{font-size:9px;padding:8px 2px}.seg button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:10px;font-weight:700;letter-spacing:1px;padding:9px 4px;cursor:pointer}.seg button.on{background:var(--hot);border-color:var(--hot);color:#000}.selrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.selrow label{display:flex;flex-direction:column;gap:4px;font-size:9px;letter-spacing:1px;color:var(--dim)}.selrow select{width:100%}.mrow{display:grid;gap:8px}.mrow.two{grid-template-columns:1fr 1fr}.big{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:11px;font-weight:700;letter-spacing:2px;padding:12px 6px;cursor:pointer}.big:hover:not(:disabled){border-color:var(--hot);color:var(--hot)}.big em{display:block;font-style:normal;font-size:8px;letter-spacing:1px;color:var(--dim);margin-top:3px}.big.rec{border-color:var(--red);color:var(--red)}.big.rec:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}.big.rec.on{background:var(--red);border-color:var(--red);color:#fff}#keysList{display:flex;flex-direction:column;gap:5px}.kgroup{font-size:9px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;margin-top:8px;padding-bottom:3px;border-bottom:1px solid var(--line)}.kgroup:first-child{margin-top:0}.krow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:2px solid var(--line);padding:8px 10px;font-size:10px;letter-spacing:1px}.krow span{color:var(--text)}.kbtn{min-width:66px;background:var(--ink);border:2px solid var(--line);color:var(--hot);font:inherit;font-size:10px;font-weight:700;letter-spacing:1px;padding:6px 10px;cursor:pointer;text-align:center}.kbtn:hover{border-color:var(--hot)}.kbtn.listening{border-color:var(--red);color:var(--red)}#regionPick{position:absolute;z-index:3;cursor:crosshair;touch-action:none}#regionBox{position:absolute;border:2px dashed var(--hot);background:#d9ff0014;display:none}#regionTip{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;color:var(--text);text-shadow:0 1px 4px #000;pointer-events:none}#regionTip b{color:var(--hot)}#regionOutline{position:absolute;z-index:2;pointer-events:none;border:2px dashed var(--hot);background:#d9ff000d}section[data-dock]{position:relative}.popbtn{position:absolute;top:-3px;right:0;background:transparent;border:none;color:var(--dim);font:inherit;font-size:11px;padding:2px 4px;cursor:pointer;line-height:1}.popbtn:hover{color:var(--hot)}section[data-dock=share] .popbtn,section[data-dock=actions] .popbtn{top:-15px}.dockmark{display:none}.fchip.loop{box-shadow:inset 0 3px #38b6ff}.floatwin{position:fixed;z-index:55;width:264px;background:var(--concrete);border:2px solid var(--line);box-shadow:0 14px 44px #0000008c}.floatwin section{display:block;padding:10px 12px 12px}.floatwin section .popbtn{display:none}.floatwin section>h2{display:none}.fwhead{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:2px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--ink)}.fwhead:active{cursor:grabbing}.fwhead span{flex:1;font-size:10px;letter-spacing:3px;color:var(--dim);text-transform:uppercase;font-weight:600;overflow:hidden;white-space:nowrap}.fwhead button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:11px;line-height:1;padding:3px 6px;cursor:pointer}.fwhead button:hover{border-color:var(--hot);color:var(--hot)}.floatwin.toolwin{width:260px}.genpal{padding:12px;display:flex;flex-direction:column;gap:10px}.gpgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gpswatch{height:40px;border:2px solid rgba(255,255,255,.12);cursor:pointer;padding:0}.gpswatch:hover{border-color:var(--text)}.gpswatch.on{border-color:var(--hot);box-shadow:0 0 0 1px var(--hot)}.gpedit{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:var(--dim);cursor:pointer}.gpedit span{flex:1}.gpedit input[type=color]{width:64px;height:28px}#gpPick{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:12px;line-height:1;padding:4px 8px;cursor:pointer}#gpPick:hover{border-color:var(--hot);color:var(--hot)}#gpPick.on{background:var(--hot);border-color:var(--hot);color:#000}.floatwin.animwin{width:auto;max-width:min(92vw,720px)}.floatwin.animwin #bars{position:static;transform:none;max-width:100%;padding:10px}#animDockSec #bars{position:static;transform:none;max-width:100%}#animDockSec #filmbar{justify-content:flex-start;gap:6px;padding:6px}#animDockSec #filmbar button{font-size:10px;padding:7px 8px}#animDockSec .ffps input{width:40px;padding:5px 3px}#animDockSec #scenebar{flex-wrap:wrap}#animDockSec #fStrip,#animDockSec #sStrip{max-width:100%}#animDockSec h2.fwhead{cursor:default;background:transparent;border-bottom:1px solid var(--line);padding:0 0 4px;margin-bottom:10px}#animDockSec h2.fwhead span{font-size:10px}body.pipwin{margin:0;background:var(--ink);overflow:auto}.pipwin #bars{position:static;transform:none;max-width:100%;width:100%;padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:6px}.pipwin #timeline{width:100%}.pipwin #tlPreview{align-self:center}.pipwin #proSec{background:#0d0d0deb;border:2px solid var(--line);padding:8px 10px 10px;margin:6px 8px 8px}#timeline{width:480px;max-width:100%;background:#0d0d0deb;border:2px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:6px}#tlPreview{display:block;margin:0 auto;background:var(--ink);border:1px solid var(--line)}#tlThumbs{display:flex;gap:1px;height:40px;overflow:hidden;background:var(--ink)}.tlthumb{height:40px;flex:none}.tlthumb.scut{border-left:2px solid var(--hot)}#tlLayers{display:flex;flex-direction:column;gap:1px;overflow:hidden}body:not(.pro) #tlLayers{display:none}.tlrow{display:flex;gap:1px;flex:none}.tlc{flex:none;height:9px;border:1px solid var(--line);background:transparent;padding:0;cursor:pointer}.tlc.has{background:#d9ff0047}.tlc.cur{border-color:var(--hot)}.tlc.cur.act{background:var(--hot)}#tlTrack{position:relative;height:34px;background:var(--ink);border:1px solid var(--line);cursor:copy;overflow:hidden;touch-action:none}#tlCursor{position:absolute;top:0;bottom:0;width:1px;background:#ffffff59;pointer-events:none}#tlPlayhead{position:absolute;top:0;bottom:0;width:2px;background:var(--hot);pointer-events:none}.tlchip{position:absolute;top:4px;height:24px;padding:0 6px;background:#24303a;border:1px solid #4a6a7a;color:var(--text);font:inherit;font-size:9px;letter-spacing:0;white-space:nowrap;overflow:hidden;cursor:grab;touch-action:none}.tlchip.clip{background:#3a2a3a;border-color:#7a5a7a}.tlchip.on{border-color:var(--hot);box-shadow:0 0 0 1px var(--hot)}#tlBar{display:flex;align-items:center;gap:6px}#tlBar select{font-size:10px;padding:5px 6px;width:auto;min-width:84px}#tlBar button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:11px;line-height:1;padding:5px 8px;cursor:pointer}#tlBar button:hover{border-color:var(--hot);color:var(--hot)}#tlMic.rec{background:var(--red);border-color:var(--red);color:#fff}.tlinfo{flex:1;font-size:9px;letter-spacing:1px;color:var(--dim);overflow:hidden;white-space:nowrap}#filmbar #tlToggle.on{background:var(--hot);border-color:var(--hot);color:#000}#filmbar,#scenebar{scrollbar-width:none}#filmbar::-webkit-scrollbar,#scenebar::-webkit-scrollbar{display:none}#animGrip{display:flex;gap:4px}#animGrip button{background:transparent;border:2px solid var(--line);color:var(--dim);font:inherit;font-size:10px;line-height:1;padding:4px 6px;cursor:pointer}#animGrip button:hover{border-color:var(--hot);color:var(--hot)}body.animFloating #animGrip,body.animInPanel #animGrip{display:none}#bars{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 20px)}#filmbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:100%;padding:7px 10px;background:#0d0d0deb;border:2px solid var(--line)}#filmbar button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;padding:9px 12px;cursor:pointer}#filmbar button:hover:not(:disabled){border-color:var(--hot);color:var(--hot)}#filmbar button:disabled{opacity:.3;cursor:not-allowed}#scenebar{display:flex;align-items:center;gap:8px;max-width:100%;background:var(--concrete);border:2px solid var(--line);padding:5px 8px}#scenebar .slabel{font-size:9px;letter-spacing:1px;color:var(--dim)}#scenebar button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:10px;font-weight:700;letter-spacing:1px;padding:7px 9px;cursor:pointer}#scenebar button:hover:not(:disabled){border-color:var(--hot);color:var(--hot)}#scenebar button:disabled{opacity:.3;cursor:not-allowed}#scenebar .fplay{border-color:var(--hot);color:var(--hot)}#scenebar .fplay:hover:not(:disabled){background:var(--hot);color:#000}#scenebar .fplay.on,#scenebar .fplay.on:hover{background:var(--red);border-color:var(--red);color:#fff}#sStrip{display:flex;gap:4px;align-items:center;max-width:200px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#sStrip::-webkit-scrollbar{display:none}#scenebar #sStrip .schip{min-width:24px;flex:none;cursor:grab;touch-action:none}#scenebar #sStrip .schip.on{background:var(--hot);border-color:var(--hot);color:#000}#scenebar #sStrip .schip.drop{border-color:var(--hot);border-style:dashed}.fnav{display:flex;align-items:center;gap:6px}#fStrip{display:flex;gap:4px;align-items:center;max-width:260px;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}#fStrip::-webkit-scrollbar{display:none}#filmbar #fStrip .fchip{min-width:30px;padding:7px;font-size:10px;letter-spacing:0;cursor:grab;flex:none;touch-action:none}#filmbar #fStrip .fchip.on{background:var(--hot);border-color:var(--hot);color:#000}#filmbar #fStrip .fchip.drop{border-color:var(--hot);border-style:dashed}#filmbar #fStrip .fchip.tw{box-shadow:inset 0 -3px 0 var(--hot)}#filmbar #fStrip .fchip.tw.on{box-shadow:inset 0 -3px #000}#fInfo{font-size:11px;letter-spacing:1px;color:var(--dim);min-width:48px;text-align:center}.fops{display:flex;gap:5px}.fchk,.ffps{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:1px;color:var(--dim);cursor:pointer}.fchk input{accent-color:var(--hot);width:15px;height:15px}.ffps input{width:48px;background:var(--ink);border:2px solid var(--line);color:var(--text);font:inherit;font-size:11px;padding:7px 4px;text-align:center}#filmbar .fplay{border-color:var(--hot);color:var(--hot)}#filmbar .fplay:hover:not(:disabled){background:var(--hot);color:#000}#filmbar .fplay.on,#filmbar .fplay.on:hover{background:var(--red);border-color:var(--red);color:#fff}footer #hint{font-size:9px;color:var(--dim);letter-spacing:1px}#stage{position:relative;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#121212 0 8px,#0d0d0d 8px 16px);overflow:hidden}#c{touch-action:none;cursor:crosshair;box-shadow:0 0 0 2px var(--line),24px 24px #00000080;max-width:100%;max-height:100%}#feed{position:fixed;inset:0;z-index:60;background:var(--ink);display:none}#feed.open{display:block}body.noscroll{overflow:hidden}#feedScroll{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain}.post{height:100dvh;scroll-snap-align:start;display:grid;place-items:center;position:relative}.post canvas{box-shadow:0 0 0 2px var(--line),20px 20px #00000080;max-width:92%;max-height:78%}.pmeta{position:absolute;left:6%;bottom:5%;right:6%;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;letter-spacing:1px;color:var(--dim)}.pmeta b{color:var(--hot);font-weight:700}.pfrom,.pbrush{border:1px solid var(--line);padding:3px 7px;font-size:9px;color:var(--dim)}.pheart{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:9px;font-weight:700;letter-spacing:1px;padding:5px 9px;cursor:pointer}.pheart:hover:not(:disabled){border-color:var(--red);color:var(--red)}.pheart.on{background:var(--red);border-color:var(--red);color:#fff}.psnd{background:transparent;border:2px solid var(--line);font:inherit;font-size:11px;line-height:1;padding:4px 7px;cursor:pointer}.psnd.on{border-color:var(--hot)}.pedit{margin-left:auto;background:transparent;border:2px solid var(--hot);color:var(--hot);font:inherit;font-size:9px;font-weight:700;letter-spacing:1px;padding:6px 10px;cursor:pointer}.pedit:hover{background:var(--hot);color:#000}.pdel{background:transparent;border:2px solid var(--red);color:var(--red);font:inherit;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 8px;cursor:pointer}.pdel:hover:not(:disabled){background:var(--red);color:#fff}#feedClose{position:fixed;top:14px;right:14px;z-index:61;width:38px;height:38px;background:var(--concrete);border:2px solid var(--line);color:var(--text);font:inherit;font-size:14px;cursor:pointer}#feedClose:hover{border-color:var(--red);color:var(--red)}#feedStatus{position:fixed;bottom:14px;left:0;right:0;z-index:61;text-align:center;font-size:9px;letter-spacing:2px;color:var(--dim);pointer-events:none}body.admin{overflow:auto}[hidden]{display:none!important}#gate{min-height:100dvh;display:grid;place-items:center}#gateForm{width:min(300px,84vw);display:flex;flex-direction:column;gap:10px;border:2px solid var(--line);background:var(--concrete);padding:26px 22px}#gateForm h1{font-size:20px;letter-spacing:4px;font-weight:800}#gateForm .sub{font-size:10px;color:var(--dim);letter-spacing:3px;margin-top:-8px}#gateForm input{background:var(--ink);border:2px solid var(--line);color:var(--text);font:inherit;font-size:16px;letter-spacing:4px;padding:11px 12px;text-align:center}#gateForm input:focus{outline:none;border-color:var(--hot)}#gateForm button{background:transparent;border:2px solid var(--hot);color:var(--hot);font:inherit;font-size:11px;font-weight:700;letter-spacing:3px;padding:11px;cursor:pointer}#gateForm button:hover:not(:disabled){background:var(--hot);color:#000}#gateErr{font-size:10px;color:var(--red);letter-spacing:1px;min-height:12px;text-align:center}#adminBar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;border-bottom:2px solid var(--line);background:var(--concrete);position:sticky;top:0;z-index:5}#adminBar h1{font-size:15px;letter-spacing:3px;font-weight:800}#adminBar .sub{font-size:10px;color:var(--dim);letter-spacing:2px;margin-top:2px}.abtns{display:flex;gap:6px}.abtns a,.abtns button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:9px;font-weight:700;letter-spacing:2px;padding:9px 11px;cursor:pointer;text-decoration:none}.abtns a:hover,.abtns button:hover{border-color:var(--hot);color:var(--hot)}.abtns #logout:hover{border-color:var(--red);color:var(--red)}#cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:22px}.card{border:2px solid var(--line);background:var(--concrete);padding:14px;display:grid;gap:10px;justify-items:center}.card.broken{border-color:var(--red)}.thumb{box-shadow:0 0 0 2px var(--line)}.cinfo{display:flex;flex-direction:column;gap:3px;text-align:center;font-size:9px;letter-spacing:1px;color:var(--dim)}.cinfo b{color:var(--hot);font-size:11px;letter-spacing:2px}.cdel{width:100%;background:transparent;border:2px solid var(--red);color:var(--red);font:inherit;font-size:9px;font-weight:700;letter-spacing:2px;padding:8px;cursor:pointer}.cdel:hover{background:var(--red);color:#fff}#adminStatus{text-align:center;font-size:10px;letter-spacing:2px;color:var(--dim);padding-bottom:30px}#quickbar,#panelScrim,#panelClose{display:none}#langBtn{position:absolute;top:0;right:0;background:transparent;border:2px solid var(--line);color:var(--dim);font:inherit;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 7px;cursor:pointer}#langBtn:hover{border-color:var(--text);color:var(--text)}#proBtn{position:absolute;top:0;right:40px;background:transparent;border:2px solid var(--line);color:var(--dim);font:inherit;font-size:9px;font-weight:700;letter-spacing:1px;padding:4px 7px;cursor:pointer}#proBtn:hover{border-color:var(--text);color:var(--text)}#proBtn.on{background:var(--hot);border-color:var(--hot);color:#000}body:not(.pro) #proSec{display:none}#twOk{background:var(--hot);border-color:var(--hot);color:#000}#panel header{position:relative}:root{--qbh: calc(52px + env(safe-area-inset-bottom, 0px)) }@media(max-width:760px){#app{display:block;height:100dvh}#stage{height:calc(100dvh - var(--qbh))}#panel{position:fixed;left:0;right:0;bottom:var(--qbh);z-index:50;max-height:68dvh;border-right:none;border-top:2px solid var(--line);transform:translateY(calc(100% + var(--qbh)));transition:transform .22s ease}body.menuOpen #panel{transform:none}#panel header{position:relative}#panelClose{display:grid;place-items:center;position:absolute;top:-2px;right:0;width:34px;height:34px;background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:13px;cursor:pointer}#langBtn{top:2px;right:42px}#proBtn{top:2px;right:82px}#panelScrim{position:fixed;inset:0 0 var(--qbh) 0;z-index:49;background:#0000008c}body.menuOpen #panelScrim{display:block}#quickbar{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr .7fr;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:51;height:var(--qbh);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--concrete);border-top:2px solid var(--line)}#quickbar button{background:transparent;border:2px solid var(--line);color:var(--text);font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;cursor:pointer;padding:0}#quickbar #qbUndo,#quickbar #qbRedo{font-size:17px}#quickbar button.on{background:var(--hot);border-color:var(--hot);color:#000}#quickbar #qbErase.on{background:var(--red);border-color:var(--red);color:#fff}#quickbar #qbMenu.on{background:var(--text);border-color:var(--text);color:#000}#quickbar button:disabled{opacity:.3}#bars{bottom:8px;max-width:calc(100% - 12px)}#filmbar{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;-webkit-overflow-scrolling:touch}#scenebar{overflow-x:auto;-webkit-overflow-scrolling:touch}#sStrip{max-width:120px}.actions{margin-top:0}}