.cf-presets{margin-bottom:12px}.cf-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:14px;align-items:start}.cf-stage{position:sticky;top:10px}#cf-canvas{width:100%;height:auto;aspect-ratio:1;display:block;border:3px solid #0a0815;border-radius:6px;box-shadow:0 0 0 2px var(--line),0 20px 50px -20px #000;background:#000}.cf-exports{margin-top:10px}.cf-controls{display:grid;gap:8px}.cf-controls summary{cursor:pointer;list-style:none}.cf-controls summary::-webkit-details-marker{display:none}.cf-controls summary h2:before{content:"▸ "}.cf-controls details[open] summary h2:before{content:"▾ "}.cf-text{flex-wrap:wrap}.cf-text input{flex:1 1 160px}@media(max-width:820px){.cf-main{grid-template-columns:1fr}.cf-stage{position:static}}