@layer controls{.crop-box{gap:var(--space-4);flex-direction:column;display:flex}.crop-box-stage{height:var(--crop-box-height);background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);cursor:grab;touch-action:none;align-self:flex-start;position:relative}.crop-box-stage:active{cursor:grabbing}.crop-box-stage:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.crop-box-art{pointer-events:none;width:auto;height:100%;display:block}.crop-box-stage.mirrored .crop-box-art{transform:scaleX(-1)}.crop-box-tools{align-items:flex-end;gap:var(--space-3);display:flex;position:relative}.crop-box-tools>.field-stack{flex:1 1 0;min-width:0}.crop-box-viewport{box-sizing:border-box;border:var(--border-width-overlay) solid var(--color-accent);box-shadow:0 0 0 100vmax var(--color-scrim);pointer-events:none;position:absolute}.crop-box-actions{gap:var(--space-3);display:flex}}@layer screens{.sprite-sheet-editor{gap:var(--space-5);flex-direction:column;display:flex}.sprite-sheet-editor-grid{grid-template-columns:repeat(var(--sprite-sheet-editor-columns,1), minmax(0, 1fr));gap:var(--space-4);display:grid}.sprite-sheet-editor-grid:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.sprite-sheet-editor-pane{height:var(--sprite-sheet-pane-height);background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.sprite-sheet-editor-pane.active{border-color:var(--color-accent)}.sprite-sheet-editor-pane-canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.sprite-sheet-editor-pane-label{top:var(--space-2);left:var(--space-3);pointer-events:none;font-size:var(--font-size-md);color:var(--color-text-dim);position:absolute}.sprite-sheet-editor-pane.active .sprite-sheet-editor-pane-label{color:var(--color-accent)}.sprite-sheet-editor-tools,.sprite-sheet-editor-actions{gap:var(--space-3);display:flex}}