.fs-crop{background:var(--fs-surface-solid);border:1px solid var(--fs-line);border-radius:var(--fs-radius-lg);box-shadow:var(--fs-shadow-low);grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);display:grid;overflow:clip;container-type:inline-size}.fs-crop__stage-wrap{background:var(--aether-component-editor-stage);place-items:center;min-width:0;display:grid;position:relative}.fs-crop__canvas{aspect-ratio:24/17;touch-action:none;cursor:grab;width:100%;height:auto}.fs-crop__canvas:active{cursor:grabbing}.fs-crop__canvas:focus-visible{outline-offset:-3px}.fs-crop__empty{inset:var(--fs-space-5);place-content:center;justify-items:center;gap:var(--fs-space-2);border-radius:var(--fs-radius-md);color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffffff57;display:grid;position:absolute}.fs-crop__empty span{color:#ffffffad;font-size:var(--fs-text-sm)}.fs-crop__ratio{inset-inline-start:var(--fs-space-4);top:var(--fs-space-4);color:#fff;border-radius:var(--fs-radius-sm);font-size:var(--fs-text-sm);background:#101a2ec7;border:1px solid #ffffff47;padding:.35rem .6rem;position:absolute}.fs-crop__controls{min-width:0;padding:var(--fs-space-5);border-inline-start:1px solid var(--fs-line);align-content:start;gap:var(--fs-space-4);display:grid}.fs-crop__group{gap:var(--fs-space-3);padding-bottom:var(--fs-space-4);border-bottom:1px solid var(--fs-line);display:grid}.fs-crop__group h2{font-size:var(--fs-text-base);margin:0}.fs-crop__presets{gap:var(--fs-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fs-crop__presets button,.fs-crop__button-row button,.fs-crop__choose{border:1px solid var(--fs-line);border-radius:var(--fs-radius-sm);background:var(--fs-surface-solid);min-height:42px;color:var(--fs-text);font:inherit;font-size:var(--fs-text-sm);cursor:pointer;padding:.55rem .7rem}.fs-crop__presets button:hover,.fs-crop__button-row button:hover,.fs-crop__choose:hover{background:var(--fs-elevated);border-color:var(--fs-line-strong)}.fs-crop__presets button.is-selected{color:var(--fs-primary);border-color:var(--fs-primary);background:color-mix(in srgb, var(--fs-primary) 6%, var(--fs-surface-solid))}.fs-crop__field{gap:var(--fs-space-2);font-size:var(--fs-text-sm);display:grid}.fs-crop__field>span{justify-content:space-between;display:flex}.fs-crop input[type=range]{width:100%;accent-color:var(--fs-primary)}.fs-crop__button-row{gap:var(--fs-space-2);grid-template-columns:repeat(4,1fr);display:grid}.fs-crop button:active{transform:translateY(1px)}.fs-crop button:disabled{opacity:.48;cursor:not-allowed;transform:none}.fs-crop__check{align-items:center;gap:var(--fs-space-2);font-size:var(--fs-text-sm);display:flex}.fs-crop__check input{accent-color:var(--fs-primary)}.fs-crop__dimensions{align-items:end;gap:var(--fs-space-2);grid-template-columns:1fr auto 1fr;display:grid}.fs-crop__dimensions label,.fs-crop__output-row label{gap:var(--fs-space-1);color:var(--fs-muted);font-size:var(--fs-text-xs);display:grid}.fs-crop__dimensions input,.fs-crop select{border:1px solid var(--fs-line);border-radius:var(--fs-radius-sm);background:var(--fs-surface-solid);width:100%;min-height:42px;color:var(--fs-text);font:inherit;font-variant-numeric:tabular-nums;padding:.5rem .65rem}.fs-crop__output-row{gap:var(--fs-space-2);grid-template-columns:1fr 1fr;display:grid}.fs-crop__download{width:100%}.fs-crop__choose{background:0 0;width:100%}.fs-crop__privacy{justify-content:center;align-items:center;gap:var(--fs-space-2);color:var(--fs-green);font-size:var(--fs-text-sm);margin:0;display:flex}.fs-crop__status{text-align:center;min-height:1.35em;font-size:var(--fs-text-xs);color:var(--fs-muted);margin:0}.fs-crop__status--error{color:var(--fs-red)}.fs-crop__status--done{color:var(--fs-green)}@container (width<=52rem){.fs-crop{grid-template-columns:1fr}.fs-crop__controls{border-inline-start:0;border-top:1px solid var(--fs-line)}}@media (max-width:560px){.fs-crop__canvas{aspect-ratio:4/5;object-fit:cover}.fs-crop__controls{padding:var(--fs-space-4)}.fs-crop__presets{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fs-crop__button-row{grid-template-columns:repeat(2,1fr)}}