.gm-bench{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.gm-left,.gm-right{gap:16px;min-width:0;display:grid}.gm-left{position:sticky;top:84px}.gm-left .tb-panel+.tb-panel,.gm-right .tb-panel+.tb-panel{margin-top:0}.gm-stage{aspect-ratio:16/9;background-color:#000;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 60px -30px #000000e6}.gm-stage-tag{font:500 11.5px/1 var(--font-mono);color:#f6f3ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#07070bcc;border-radius:999px;padding:6px 10px;position:absolute;bottom:12px;left:12px;box-shadow:inset 0 0 0 1px #ffffff29}.gm-centre{cursor:grab;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:0;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;box-shadow:0 0 0 2px #fff,0 0 0 4px #00000059,0 6px 16px #00000080}.gm-centre:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:11px}.gm-centre:active{cursor:grabbing}.gm-centre:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.gm-bar-wrap{margin-top:18px}.gm-bar-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.gm-bar{cursor:copy;touch-action:none;background:var(--bar), repeating-conic-gradient(#3a3a42 0% 25%, #24242a 0% 50%) 50% / 12px 12px;border-radius:12px;height:40px;margin:0 14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff29}.gm-handle{cursor:grab;touch-action:none;background:linear-gradient(var(--c), var(--c)), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%) 50% / 8px 8px;width:26px;height:52px;transition:transform .3s var(--gl-spring), box-shadow .2s;border:0;border-radius:10px;margin:-26px 0 0 -13px;padding:0;position:absolute;top:50%;box-shadow:0 0 0 3px #f6f3ee,0 0 0 4px #0006,0 8px 18px -4px #000000b3}.gm-handle:active{cursor:grabbing}.gm-handle[data-on]{box-shadow:0 0 0 3px #f6f3ee, 0 0 0 6px var(--primary), 0 10px 22px -4px #000c;z-index:2;transform:scale(1.12)}.gm-handle:focus-visible{box-shadow:0 0 0 3px #f6f3ee, 0 0 0 6px var(--primary), 0 0 0 9px #ff7a4559;outline:none}.gm-stop-editor{border-top:1px solid var(--border-soft,#ffffff12);grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:4px 16px;margin-top:20px;padding-top:18px;display:grid}.gm-stop-editor>.tb-field{margin-top:0!important}.gm-dropper{width:44px;height:44px;margin-bottom:2px}.gm-del{margin-bottom:3px}.gm-tools{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.gm-type-ico{border-radius:5px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff4d}.gm-type-linear{background:linear-gradient(135deg,#ff5fa2,#ffb21e)}.gm-type-radial{background:radial-gradient(circle,#ffb21e,#ff5fa2);border-radius:50%}.gm-type-conic{background:conic-gradient(#ff5fa2,#ffb21e,#8fd3ff,#ff5fa2);border-radius:50%}.gm-angle{align-items:center;gap:22px;margin-top:18px;display:flex}.gm-dial{cursor:grab;touch-action:none;background:repeating-conic-gradient(from -1deg,#ffffff47 0deg 2deg,#0000 2deg 45deg),radial-gradient(circle,#00000080 56%,#ffffff0d 57%);border-radius:50%;flex-shrink:0;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 2px 6px #0009}.gm-dial:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.gm-dial b{font:500 15px var(--font-mono);color:var(--text)}.gm-dial-knob{pointer-events:none;position:absolute;inset:0}.gm-dial-knob:before{content:"";background:radial-gradient(circle at 35% 30%,#fff,#e9e4dc 60%,#c9c2b7);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:6px;left:50%;box-shadow:0 2px 8px #0009}.gm-dirs{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.gm-dirs button{height:40px;color:var(--text-2);cursor:pointer;background:#ffffff0d;border:0;border-radius:12px;font-size:17px;transition:background .2s,color .2s;box-shadow:inset 0 0 0 1px #ffffff1a}.gm-dirs button:hover{color:var(--text);background:#ffffff1a}.gm-dirs button[aria-pressed=true]{color:var(--text);background:color-mix(in oklab, var(--primary) 24%, transparent);box-shadow:inset 0 0 0 1px var(--primary)}.gm-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:8px;display:grid}.gm-two>.tb-field{margin-top:12px!important}.gm-stops{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gm-stops li{align-items:center;gap:6px;display:flex}.gm-stop-pick{cursor:pointer;min-width:0;height:44px;color:var(--text);background:#ffffff0a;border:0;border-radius:12px;flex:1;align-items:center;gap:12px;padding:0 12px 0 6px;transition:background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.gm-stop-pick:hover{background:#ffffff14}.gm-stop-pick[aria-pressed=true]{background:color-mix(in oklab, var(--primary) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 70%, transparent)}.gm-stop-pick i{border-radius:9px;flex-shrink:0;width:32px;height:32px;box-shadow:inset 0 0 0 1px #ffffff38}.gm-stop-pick .hex{font:500 13px var(--font-mono)}.gm-stop-pick .op{font:500 11.5px var(--font-mono);color:var(--text-3)}.gm-stop-pick .pos{font:500 12.5px var(--font-mono);color:var(--text-2);margin-left:auto}.gm-presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.gm-presets button{cursor:pointer;text-align:left;transition:transform .35s var(--gl-spring), background .2s;background:#ffffff0a;border:0;border-radius:14px;gap:6px;padding:6px;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.gm-presets button:hover{background:#ffffff14;transform:translateY(-2px)}.gm-presets i{border-radius:9px;height:40px;box-shadow:inset 0 0 0 1px #ffffff1f}.gm-presets span{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;padding:0 2px 2px;font-size:12px;overflow:hidden}.gm-saved{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.gm-saved li{position:relative}.gm-saved-tile{aspect-ratio:16/10;cursor:pointer;width:100%;transition:transform .35s var(--gl-spring);border:0;border-radius:12px;display:block;box-shadow:inset 0 0 0 1px #ffffff29}.gm-saved-tile:hover{transform:scale(1.04)}.gm-saved-del{cursor:pointer;width:26px;height:26px;color:var(--text);background:var(--surface-solid,#12121a);opacity:0;border:0;border-radius:50%;place-items:center;transition:opacity .2s;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:inset 0 0 0 1px #ffffff38}.gm-saved-del svg{width:13px;height:13px}.gm-saved li:hover .gm-saved-del,.gm-saved-del:focus-visible{opacity:1}@media (hover:none){.gm-saved-del{opacity:1}}.gm-exports{gap:14px;display:grid}.gm-files{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}@media (max-width:1100px){.gm-bench{grid-template-columns:1fr}.gm-left{display:contents;position:static}.gm-stage-panel{order:1}.gm-right{order:2}#export{order:3}}@media (max-width:700px){.gm-stop-editor{grid-template-columns:minmax(0,1fr) auto}.gm-stop-editor>.tb-field:nth-of-type(n+2){grid-column:1/-1}.gm-del{grid-column:1/-1;justify-self:start}.gm-angle{flex-direction:column;align-items:stretch}.gm-dial{align-self:center}}