@font-face{font-family:Condensed;src:url('../fonts/barlow-condensed-800.ttf');font-weight:800}@font-face{font-family:Barlow;src:url('../fonts/barlow-400.ttf')}*{box-sizing:border-box}body{margin:0;background:#11191d;color:#ede9df;font-family:Barlow}header{height:80px;border-bottom:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font:11px monospace;letter-spacing:.1em}a{color:inherit;text-decoration:none}header a:first-child{display:flex;align-items:center;font:800 22px Condensed;gap:10px}header img{width:42px;filter:brightness(1.8)}aside{position:absolute;top:80px;bottom:0;left:0;width:250px;padding:20px 14px;overflow:auto;border-right:1px solid #ffffff25}aside p{font:10px monospace;color:#a7b8ba;letter-spacing:.1em;margin:8px 10px 20px}button{font:800 19px Condensed;background:transparent;color:#dce4e0;border:1px solid transparent;padding:11px 13px;cursor:pointer}#assets button{display:block;text-align:left;width:100%;margin:3px 0}#assets button small{display:block;font:9px monospace;color:#9eaead;margin-bottom:4px}#assets button[aria-pressed=true]{background:#e95439;color:#101719}#assets button[aria-pressed=true] small{color:#482b25}button:hover{border-color:#b7c5c4}button:focus-visible{outline:2px solid white}main{position:absolute;left:250px;right:0;top:80px;bottom:0}canvas{width:100%;height:100%;display:block;touch-action:none}.asset-title{position:absolute;top:35px;left:40px;pointer-events:none}.asset-title>span{font:10px monospace;letter-spacing:.18em;color:#e58b68}h1{font:800 clamp(36px,5vw,76px)/1 Condensed;letter-spacing:-.02em;margin:8px 0}.asset-title p{font:12px monospace;color:#b7c4c5}.details{position:absolute;bottom:22px;left:40px;right:35px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.08em;color:#b4c0c2}.view-controls{position:absolute;bottom:65px;right:30px;display:flex;gap:8px}.view-controls button{background:#16242dcc;border-color:#ffffff30;font-size:15px;padding:10px 15px}@media(max-width:700px){header{padding:0 15px}header>span{display:none}aside{width:160px;padding:15px 5px}main{left:160px}.asset-title{left:18px;top:22px}h1{font-size:36px}.asset-title p{max-width:190px;font-size:10px}.details{left:18px}.details span:last-child{display:none}.view-controls{right:15px;flex-direction:column}header a:first-child{font-size:17px}}
.view-controls{align-items:end;max-width:calc(100% - 35px);flex-wrap:wrap}.view-controls label{display:flex;flex-direction:column;gap:6px;font:9px monospace;letter-spacing:.08em;color:#aebfbe}.view-controls select{background:#16242df2;color:#eee9df;border:1px solid #ffffff30;padding:10px;font:14px Barlow;max-width:210px}.view-controls [hidden]{display:none!important}#motion-controls{display:flex;align-items:end;gap:8px}select:focus-visible{outline:2px solid white}@media(max-width:700px){#motion-controls{flex-wrap:wrap;justify-content:end}.view-controls{left:18px;bottom:60px}.view-controls select{max-width:150px}.view-controls button{font-size:12px}.details{font-size:8px}.asset-title p{max-width:220px}}

#drafts[hidden]{display:none!important}