#creature-maker{width:min(760px,94vw);max-height:90dvh;background:#102c3b;color:#eefaf7;border:1px solid #416574;border-radius:22px;padding:20px;overflow:auto}#creature-maker::backdrop{background:#00131ddd}#creature-maker h2{font-size:22px}#creature-maker p{font-size:13px;line-height:1.5;color:#b9d3dc}.creature-workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px}#creature-draw{width:100%;max-width:336px;aspect-ratio:1;touch-action:none;-webkit-touch-callout:none;user-select:none;border-radius:8px;image-rendering:pixelated}#creature-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:10px 0}#creature-palette button{min-height:36px;border:2px solid transparent;border-radius:6px}#creature-palette [aria-pressed=true],.creature-actions [aria-pressed=true]{outline:3px solid #fff;outline-offset:1px}.creature-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.creature-actions button,#creature-close{min-height:44px;min-width:44px}.creature-options label{display:block;margin:10px 0;font-size:14px}.creature-options input:not([type=range]),.creature-options select{display:block;box-sizing:border-box;width:100%;padding:10px;border-radius:8px;background:#163c4e;color:#fff;border:1px solid #527888}.creature-options input[type=range]{width:100%}#creature-motion{display:block;width:120px;height:120px;background:#183b4a;border-radius:18px;image-rendering:pixelated}#creature-status{min-height:36px;color:#bdffd9!important}#creature-library{display:flex;gap:8px;overflow:auto;padding:8px 0}#creature-library:empty{display:none}.creature-import input{max-width:100%;font-size:12px}@media(max-width:600px){.creature-workspace{grid-template-columns:1fr}#creature-maker{padding:14px}#creature-draw{max-width:100%}.creature-options{display:grid;grid-template-columns:1fr;gap:0}#creature-motion{margin:auto}}
#creature-draw{height:auto}#creature-maker .studio-head{align-items:center}#creature-close{font-size:24px;line-height:1;background:#204555;color:white;border:1px solid #527888;border-radius:10px}#creature-maker button:focus-visible{outline:3px solid #bcf5d7;outline-offset:2px}
#creature-saved{display:block;width:100%;margin:8px 0 16px;padding:10px;color:#effaff;background:#163c4e;border:1px solid #527888;border-radius:10px}