body{background:#272822;margin:0}#root{flex-direction:column;height:100vh;display:flex}.editor{flex:1;min-height:0}canvas{display:block}.timeline{flex:1;min-width:0}.bar{border-top:1px solid #75715e;align-items:center;display:flex}select{color:#f8f8f2;background:#272822;border:1px solid #75715e;font:13px Helvetica,Arial,sans-serif}button{fill:#f8f8f2;cursor:pointer;background:0 0;border:none;padding:8px 12px;display:block}.panel{height:118px;display:flex}.side{flex-direction:column;width:240px;display:flex}.spectrum{flex:1;width:100%;min-height:0}.value{color:#f8f8f2;text-align:right;padding:18px 12px;font:24px monospace;overflow:hidden}.error{color:#272822;background:#f92672;padding:8px 12px;font:13px Helvetica,Arial,sans-serif}