:root{--ease:cubic-bezier(.2,.7,.2,1);--t-fast:.12s;--t-med:.18s;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--r-sm:4px;--r-md:6px;--r-lg:10px}:root[data-theme=light]{--mu:#626262}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#left,#right{scrollbar-width:thin;scrollbar-color:var(--bar) transparent}button,.layer,.bar,.fpb,.f input,.f select{transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.acts button:active,#top button:active,#tlh button:active,#bar button:active{transform:scale(.96)}.layer.sel{box-shadow:inset 2px 0 0 var(--ac)}.row:nth-child(2n){background:#7f7f7f0b}.bar:hover{filter:brightness(1.1)}.f input:not([type=range]):not([type=color]):hover,.f select:hover{background:var(--hv)}.f input[type=number]{font-variant-numeric:tabular-nums}button:focus-visible,[role=button]:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,.layer:focus-visible,.hm-card:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--ac);outline-offset:2px}#keys{animation:pol-up var(--t-med) var(--ease)}#keys .kt .ks{flex:none;width:190px;height:28px;margin:0 6px 4px;padding:0 12px;background:var(--in);border:1px solid transparent;border-radius:14px;color:var(--tx);font:inherit;-webkit-appearance:none;appearance:none}#keys .kt .ks:focus{outline:2px solid var(--ac);outline-offset:0}#keys .kt button.on{background:none}#keys .ke{grid-row:1;grid-column:1/-1;color:var(--mu);padding:8px 0}#ddm{animation:pol-in var(--t-fast) var(--ease)}#tip{position:fixed;z-index:200;left:0;top:0;display:none;align-items:center;gap:8px;max-width:280px;padding:6px 9px;border-radius:7px;background:#161616;color:#fff;font:500 11px/1.4 Inter,system-ui,sans-serif;box-shadow:0 6px 18px #0006;pointer-events:none}#tip.on{display:flex;animation:pol-in var(--t-fast) var(--ease)}#tip .tk{display:inline-flex;gap:3px;flex:none}#tip kbd{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:4px;background:#ffffff2e;font:600 10px Inter,system-ui,sans-serif;color:#fff}@keyframes pol-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pol-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}