.editor{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.top{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.pname{flex:1;min-width:0;height:38px;border:0;border-radius:10px;padding:0 10px;background:transparent;font-weight:700;font-size:17px}.pname:hover{background:var(--panel2)}.pname:focus{outline:2px solid var(--lime);outline-offset:0;background:var(--ink)}.top-acts{display:flex;gap:8px}.layout{flex:1;display:grid;grid-template-columns:300px minmax(0,1fr) 300px;min-height:0}.side{background:var(--panel);overflow:auto;padding:16px;display:grid;gap:22px;align-content:start;min-height:0}.side.left{border-right:1px solid var(--line)}.side.right{border-left:1px solid var(--line)}.grp{display:grid;gap:10px}.gl{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.01em}.gl output{color:var(--text);font-variant-numeric:tabular-nums}textarea{width:100%;resize:vertical;min-height:92px;border-radius:12px;border:0;padding:12px;background:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font-size:16px;font-weight:600;line-height:1.4}textarea:focus{outline:2px solid var(--lime);outline-offset:0}.tip{margin:0;font-size:13px;color:var(--faint)}.motions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.motions button{display:grid;gap:6px;padding:6px 6px 8px;border:0;border-radius:14px;background:var(--ink);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1.5px var(--line)}.motions button canvas{width:100%;aspect-ratio:1;border-radius:9px}.motions button span{font-size:13.5px;font-weight:700;padding:0 4px}.motions button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--lime)}.stage-col{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(60% 60% at 50% 40%,#1a1a22 0%,var(--ink) 70%)}.stage{flex:1;min-height:0;display:grid;place-items:center;padding:24px}.frame{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -40px #000000e6,0 0 0 1px #ffffff0f}.frame canvas{width:100%;height:100%}.transport{display:flex;align-items:center;gap:12px;padding:12px 20px 16px}.play{width:44px;height:44px;border-radius:50%;border:0;background:var(--lime);color:#1d1270;display:grid;place-items:center;cursor:pointer;flex:none}#scrub{flex:1;accent-color:var(--lime)}.clock{font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--muted);min-width:88px;text-align:right}.sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sizes button{display:grid;justify-items:center;gap:6px;padding:10px 6px;border:0;border-radius:12px;background:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line)}.sizes button i{display:block;border:2px solid currentColor;border-radius:4px;opacity:.8}.sizes button b{font-size:13.5px}.sizes button small{font-size:11px;color:var(--faint);text-align:center;line-height:1.2}.sizes button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--lime)}.fonts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fonts button{height:46px;border:0;border-radius:12px;background:var(--ink);cursor:pointer;font-size:17px;box-shadow:inset 0 0 0 1.5px var(--line)}.fonts button[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--lime)}.check{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--lime)}.pals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pals button{height:40px;border:0;border-radius:10px;cursor:pointer;display:grid;place-items:center;font:800 15px var(--display);box-shadow:inset 0 0 0 1px #ffffff14}.pals button[aria-checked=true]{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--lime)}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cols label{display:grid;justify-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.cols input{width:100%;height:36px;border:0;border-radius:10px;background:none;padding:0;cursor:pointer}.cols input::-webkit-color-swatch-wrapper{padding:0}.cols input::-webkit-color-swatch{border:0;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff26}.cols input::-moz-color-swatch{border:0;border-radius:10px}#dur{width:100%;accent-color:var(--lime)}.sheet{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border:0;border-radius:22px;padding:22px;background:var(--panel);color:var(--text);box-shadow:0 40px 100px -30px #000000e6,0 0 0 1px var(--line)}.sheet::backdrop{background:#08080c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet.small{width:min(440px,calc(100vw - 32px))}.sheet h2{margin:0;font:800 26px var(--display);letter-spacing:-.03em}.sheet h3{margin:22px 0 10px;font-size:14px;color:var(--muted)}.sheet-head{display:flex;justify-content:space-between;align-items:center}.iconbtn{width:36px;height:36px;border-radius:10px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.iconbtn:hover{background:var(--panel2)}.plist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.plist li{display:flex;gap:8px;align-items:center}.plist .open{flex:1;display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;border-radius:12px;background:var(--ink);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px var(--line)}.plist .open:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}.plist .sw{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font:800 14px var(--display);flex:none}.plist .open span{display:grid}.plist .open b{font-size:14.5px}.plist .open small{color:var(--faint);font-size:12.5px}.plist .del{width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--muted);cursor:pointer}.plist .del:hover{background:var(--panel2);color:var(--text)}.empty-note{margin:0;padding:14px;border-radius:12px;border:1.5px dashed var(--line);color:var(--faint);font-size:14px;text-align:center}.tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tgrid button{display:grid;gap:6px;padding:6px 6px 10px;border:0;border-radius:14px;background:var(--ink);cursor:pointer;text-align:left;box-shadow:inset 0 0 0 1px var(--line)}.tgrid button:hover{box-shadow:inset 0 0 0 1.5px var(--lime)}.tgrid canvas{width:100%;aspect-ratio:1;border-radius:9px}.tgrid b{font-size:14px;padding:0 4px}.bar{height:10px;border-radius:999px;background:var(--ink);overflow:hidden;margin:18px 0;box-shadow:inset 0 0 0 1px var(--line)}.bar i{display:block;height:100%;width:0;background:var(--lime);border-radius:999px;transition:width .1s linear}.sheet .row{display:flex;justify-content:flex-end;gap:8px}#expText{color:var(--muted);margin:10px 0 0}@media(max-width:1100px){.layout{grid-template-columns:260px minmax(0,1fr) 260px}}@media(max-width:860px){.editor{height:auto;overflow:visible}.top{position:sticky;top:0;z-index:5;flex-wrap:wrap}.logo .lt{display:none}.top-acts{width:100%}.top-acts .btn{flex:1;padding:0 8px}.layout{display:flex;flex-direction:column}.stage-col{order:-1}.stage{padding:16px;flex:none;height:min(64vh,560px)}.side{overflow:visible;border:0!important;border-top:1px solid var(--line)!important}.tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}