.studio-module__33KoYW__studio{color:#e9e6ff;background:#0f0b1e;min-height:100vh;padding:1rem;font-size:.9rem}.studio-module__33KoYW__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.studio-module__33KoYW__title{color:#ffd166;margin:0;font-family:"Press Start 2P",monospace;font-size:1rem}.studio-module__33KoYW__group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.studio-module__33KoYW__studio button,.studio-module__33KoYW__studio select,.studio-module__33KoYW__fileButton{color:inherit;cursor:pointer;background:#241c45;border:1px solid #3d3270;border-radius:4px;padding:.35rem .6rem}.studio-module__33KoYW__studio button:disabled{opacity:.4;cursor:default}.studio-module__33KoYW__studio button:hover:not(:disabled),.studio-module__33KoYW__fileButton:hover{border-color:#ffd166}.studio-module__33KoYW__studio label{align-items:center;gap:.35rem;display:inline-flex}.studio-module__33KoYW__fileButton input{display:none}.studio-module__33KoYW__active{color:#0f0b1e!important;background:#ffd166!important}.studio-module__33KoYW__message{color:#ff6b6b;margin:0 0 .75rem}.studio-module__33KoYW__workspace{grid-template-columns:7rem minmax(0,1fr) 16rem;align-items:start;gap:1rem;display:grid}.studio-module__33KoYW__toolbox{flex-direction:column;gap:.4rem;display:flex}.studio-module__33KoYW__stage{background-color:#1a1430;border:1px solid #3d3270;border-radius:6px;min-width:0;max-height:calc(100vh - 8rem);padding:.5rem;overflow:auto}.studio-module__33KoYW__canvas{image-rendering:pixelated;touch-action:none;cursor:crosshair;background-color:#cfcfcf;background-image:linear-gradient(45deg,#9a9a9a 25%,#0000 25%),linear-gradient(-45deg,#9a9a9a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#9a9a9a 75%),linear-gradient(-45deg,#0000 75%,#9a9a9a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;display:block}.studio-module__33KoYW__hint{color:#9d93c9;margin:.5rem 0 0}.studio-module__33KoYW__panels{flex-direction:column;gap:1rem;display:flex}.studio-module__33KoYW__panels h2{text-transform:uppercase;letter-spacing:.08em;color:#9d93c9;margin:0 0 .4rem;font-size:.8rem}.studio-module__33KoYW__panels section{flex-direction:column;gap:.5rem;display:flex}.studio-module__33KoYW__swatches{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.studio-module__33KoYW__swatch,.studio-module__33KoYW__swatchActive{aspect-ratio:1;border-radius:2px!important;padding:0!important}.studio-module__33KoYW__swatchActive{outline-offset:1px;outline:2px solid #ffd166}.studio-module__33KoYW__list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.studio-module__33KoYW__list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.studio-module__33KoYW__list li button{text-align:left;flex:1}.studio-module__33KoYW__selected button{border-color:#ffd166!important}.studio-module__33KoYW__frames{flex-wrap:wrap;gap:.25rem;display:flex}@media (max-width:900px){.studio-module__33KoYW__workspace{grid-template-columns:minmax(0,1fr)}.studio-module__33KoYW__toolbox{flex-flow:wrap}}.studio-module__33KoYW__studio button:focus-visible,.studio-module__33KoYW__stage:focus-visible{outline-offset:2px;outline:2px solid #ffd166}