.studio-workspace input:not([type=checkbox]),.studio-workspace select{width:100%;box-sizing:border-box;max-width:100%}.studio-workspace input[type=color]{height:44px;padding:var(--size-4)}.studio-workspace canvas{max-width:100%;height:auto;display:block}.studio-canvas-wrap{margin:var(--size-18) 0;border:1px solid var(--line);border-radius:var(--size-8);overflow:hidden;background:repeating-conic-gradient(var(--palette-f0eeea) 0 25%,var(--color-surface) 0 50%) 0/20px 20px}.studio-canvas-wrap canvas{width:100%;touch-action:none;cursor:crosshair}.studio-workspace [data-color]{width:44px;height:44px;background:var(--swatch);border:1px solid var(--palette-777);border-radius:var(--size-8);cursor:pointer}.studio-workspace [data-color] span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.studio-palette{display:flex;flex-wrap:wrap;gap:var(--size-9);margin:var(--size-18) 0}.studio-check{display:flex;align-items:center;gap:var(--size-10);min-height:44px}.studio-check input{width:18px;height:18px}.studio-workspace #studio-result{white-space:pre-wrap;overflow-wrap:anywhere}.studio-workspace #studio-graph{margin:var(--size-20) 0;border:1px solid var(--line);border-radius:var(--size-8)}.studio-workspace canvas:focus{outline:3px solid var(--palette-ad593c);outline-offset:2px}.studio-workspace .extra-actions{flex-wrap:wrap}.studio-workspace .studio-coordinates{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:600px){.studio-workspace .extra-fields{grid-template-columns:1fr}.studio-workspace .studio-coordinates{grid-template-columns:repeat(2,minmax(0,1fr))}}