.circle-editor{gap:var(--space-4,1rem);margin-block:var(--space-4,1rem);grid-template-columns:minmax(280px,480px) 1fr;align-items:start;display:grid}.circle-editor--empty{grid-template-columns:1fr}@media (width<=640px){.circle-editor{grid-template-columns:1fr}}.dropzone--compact{min-height:0;padding:var(--space-3,.75rem) var(--space-4,1rem);font-size:.9rem}.circle-crop__actions{flex-wrap:wrap;align-items:center;margin:0;padding-block-start:var(--space-2,.5rem)}.circle-crop__status{margin:0;font-size:.9rem}.circle-editor__stage{gap:var(--space-2,.5rem);max-inline-size:480px;display:grid}.circle-editor__canvas{aspect-ratio:1;border-radius:var(--radius-2,8px);cursor:grab;touch-action:none;background-color:#fff;background-image:linear-gradient(45deg,#e9e9e9 25%,#0000 25%),linear-gradient(-45deg,#e9e9e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e9e9 75%),linear-gradient(-45deg,#0000 75%,#e9e9e9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;inline-size:100%;display:block}.circle-editor__canvas:active{cursor:grabbing}.circle-editor__canvas:focus-visible{outline:2px solid var(--color-accent,#2563eb);outline-offset:2px}.circle-editor__hint{color:var(--color-text-muted,#666);margin:0;font-size:.85rem}.circle-editor__controls{gap:var(--space-3,.75rem);display:grid}.control--checkbox{align-items:center;gap:var(--space-2,.5rem);flex-direction:row}.control--checkbox input{inline-size:auto}.control input[type=color]{border:1px solid var(--color-border,#ccc);border-radius:var(--radius-1,4px);background:0 0;block-size:2rem;inline-size:3rem;padding:0}