.crop-file-info{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--theme-alpha-04);border:1px solid var(--theme-alpha-15);border-radius:var(--radius-md);display:flex}.crop-file-info__text{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.crop-file-info__name{color:var(--color-ink-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500;overflow:hidden}.crop-file-info__size{color:var(--color-ink-faint);font-size:.8125rem}.crop-options-panel{gap:var(--space-6);grid-template-columns:360px 1fr;align-items:start;display:grid}@media (width<=900px){.crop-options-panel{grid-template-columns:1fr}}.crop-controls{background:var(--color-canvas-soft);border:1px solid var(--color-border-hairline);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.crop-controls__row{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.crop-overline-text{text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);margin:0;font-size:.8125rem;font-weight:600}.ratio-btns{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ratio-btn{border:1.5px solid var(--color-border-hairline);border-radius:var(--radius-sm);color:var(--color-ink-secondary);background:var(--color-canvas-base);cursor:pointer;transition:all var(--duration-fast);padding:6px 12px;font-size:.8125rem;font-weight:600}.ratio-btn:hover{border-color:var(--theme-alpha-20);color:var(--color-ink-primary)}.ratio-btn--active{background:var(--theme-alpha-08);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.crop-canvas-container{width:100%;min-width:0;padding:var(--space-4);border:1px solid var(--color-border-hairline);border-radius:var(--radius-lg);background:repeating-conic-gradient(#e5e5e5 0% 25%,#fff 0% 50%) 0 0/12px 12px;justify-content:center;align-items:center;min-height:400px;display:flex;overflow:hidden}.crop-canvas-wrap{user-select:none;display:inline-block;position:relative}#crop-canvas{object-fit:contain;max-width:100%;max-height:60vh;display:block}.crop-overlay{z-index:10;pointer-events:none;background:0 0;position:absolute;inset:0;overflow:hidden}.crop-box{cursor:move;pointer-events:auto;border:2px dashed #fff;position:absolute;box-shadow:0 0 0 9999px #00000080}.crop-box:after{content:"";background:0 0;position:absolute;inset:0}.crop-handle{border:2px solid var(--color-brand-primary);z-index:20;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute}.crop-handle--tl{cursor:nwse-resize;top:-7px;left:-7px}.crop-handle--tr{cursor:nesw-resize;top:-7px;right:-7px}.crop-handle--bl{cursor:nesw-resize;bottom:-7px;left:-7px}.crop-handle--br{cursor:nwse-resize;bottom:-7px;right:-7px}.crop-circle-mask{pointer-events:none;border-radius:50%;display:none;position:absolute;inset:0;box-shadow:0 0 0 9999px #00000080}.crop-info{color:var(--color-ink-muted);text-align:center;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.crop-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.crop-export-wrap{border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);padding:0 var(--space-2);background:#fff;align-items:center;height:48px;display:flex}.crop-export-select{color:var(--color-ink-primary);padding:0 var(--space-2);cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem;font-weight:600}.crop-result{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-success-bg);border-radius:var(--radius-lg);animation:fade-in-up var(--duration-slow) var(--ease-out);border:1px solid #0f7b3f33;flex-wrap:wrap;display:flex}.crop-result__icon{border-radius:var(--radius-pill);background:var(--color-accent-green);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.crop-result__meta{flex:1;min-width:120px}.crop-result__label{color:var(--color-accent-green);font-size:1rem;font-weight:600}.crop-result__size{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.875rem}