.crop__main .sheet__body{flex:1;align-content:start}.crop__editor{gap:var(--space-3);display:grid}.crop__stage{--ratio:1.5;inline-size:min(100%, 65vh * var(--ratio));aspect-ratio:var(--ratio);border-radius:var(--radius-sm);background-color:var(--paper);background-image:conic-gradient(var(--sheet-rule) 25%, transparent 0 50%, var(--sheet-rule) 0 75%, transparent 0);box-shadow:var(--shadow-sheet);touch-action:none;-webkit-user-select:none;user-select:none;background-size:16px 16px;justify-self:center;position:relative;overflow:hidden}.crop__canvas{block-size:100%;inline-size:100%;display:block}.crop__box{box-sizing:border-box;cursor:move;border:1px solid #ffffffe6;outline:none;position:absolute;box-shadow:0 0 0 1px #00000059,0 0 0 100vmax #13121c8c}.crop__box:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 100vmax #13121c8c}.crop__grid{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff73 0 calc(33.333% + .5px),#0000 0 calc(66.666% - .5px),#ffffff73 0 calc(66.666% + .5px),#0000 0),linear-gradient(#0000 calc(33.333% - .5px),#ffffff73 0 calc(33.333% + .5px),#0000 0 calc(66.666% - .5px),#ffffff73 0 calc(66.666% + .5px),#0000 0);position:absolute;inset:0}.crop__stage.is-dragging .crop__grid,.crop__box:focus-visible .crop__grid{opacity:1}.crop__handle{touch-action:none;background:0 0;border:0;block-size:1.75rem;inline-size:1.75rem;margin:0;padding:0;position:absolute}.crop__handle:after{content:"";transition:transform var(--duration-fast) var(--ease-out);background:#fff;border:1px solid #00000059;border-radius:2px;position:absolute;inset:.5rem}.crop__handle:hover:after,.crop__handle:focus-visible:after{transform:scale(1.25)}.crop__handle:focus-visible{outline:none}.crop__handle:focus-visible:after{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.crop__handle--nw{cursor:nwse-resize;inset-block-start:0;inset-inline-start:0;translate:-.5rem -.5rem}.crop__handle--n{cursor:ns-resize;inset-block-start:0;inset-inline-start:50%;translate:-.875rem -.5rem}.crop__handle--ne{cursor:nesw-resize;inset-block-start:0;inset-inline-start:100%;translate:-1.25rem -.5rem}.crop__handle--e{cursor:ew-resize;inset-block-start:50%;inset-inline-start:100%;translate:-1.25rem -.875rem}.crop__handle--se{cursor:nwse-resize;inset-block-start:100%;inset-inline-start:100%;translate:-1.25rem -1.25rem}.crop__handle--s{cursor:ns-resize;inset-block-start:100%;inset-inline-start:50%;translate:-.875rem -1.25rem}.crop__handle--sw{cursor:nesw-resize;inset-block-start:100%;inset-inline-start:0;translate:-.5rem -1.25rem}.crop__handle--w{cursor:ew-resize;inset-block-start:50%;inset-inline-start:0;translate:-.5rem -.875rem}.crop__tools{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}@media not (min-width:40rem){.crop__tools .btn span{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.crop__tools [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.crop__size{color:var(--accent);font-family:"Literata Variable", var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.crop__settings{gap:var(--space-5);padding-block-start:var(--space-4)}.crop__ratios,.crop__fields{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.crop__ratios legend,.crop__fields legend{margin-block-end:var(--space-2);padding:0}.crop__chips{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.crop__chips input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.crop__chips label{min-block-size:2.25rem;padding-inline:var(--space-1);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--sheet);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);place-items:center;display:grid}.crop__chips label:hover{background:var(--hover)}.crop__chips input:checked+label{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.crop__chips input:focus-visible+label{outline:2px solid var(--focus);outline-offset:2px}.crop__fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.crop__fields legend{grid-column:1/-1}.crop__fields .field{gap:var(--space-1)}.crop__unit{display:block;position:relative}.crop__unit .input{text-align:end;font-variant-numeric:tabular-nums;inline-size:100%;padding-inline-end:2.25rem}.crop__suffix{color:var(--ink-3);font-size:var(--text-sm);pointer-events:none;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:var(--space-3)}.crop__group{border-block-start:1px solid var(--sheet-rule);padding-block-start:var(--space-4)}.crop__range-head{gap:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.crop__figure{color:var(--accent);font-family:"Literata Variable", var(--font-display);font-size:var(--text-lg);font-weight:600}.crop [hidden]{display:none}@media (prefers-reduced-motion:reduce){.crop__grid,.crop__handle:after,.crop__chips label{transition:none}}