.tool--crop{width:100%;max-width:1180px;margin:0 auto;padding:clamp(14px,2vw,18px);animation:cropIn .35s ease-out both}@keyframes cropIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool--crop .cropTop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:12px}.tool--crop .toolTitle{font-weight:950;font-size:20px;letter-spacing:-.01em}.tool--crop .cropTop__right{display:flex;gap:10px;align-items:center}.tool--crop .cropLayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.85fr);gap:14px;align-items:start}@media (max-width: 980px){.tool--crop .cropLayout{grid-template-columns:1fr}}.tool--crop .cropStage{position:relative;border:1px solid var(--border);border-radius:18px;overflow:auto;background:radial-gradient(850px 280px at 0% 0%,color-mix(in srgb,var(--p4) 18%,transparent),transparent),color-mix(in srgb,var(--card) 88%,transparent);box-shadow:var(--shadow);height:min(72vh,760px);padding:12px;touch-action:none}@media (min-width: 1200px){.tool--crop .cropStage{height:min(78vh,860px)}}@media (max-width: 520px){.tool--crop .cropStage{height:min(62vh,620px);padding:10px}}.tool--crop .cropCanvas{display:block;width:100%;height:auto;border-radius:14px}.tool--crop .cropEmpty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:18px;color:var(--muted);font-weight:950;letter-spacing:.02em}.tool--crop .cropRect{position:absolute;border-radius:14px;border:2px solid color-mix(in srgb,var(--p1) 70%,white);background:#ffffff0f;box-shadow:0 20px 70px #809bce38;pointer-events:none}.tool--crop .cropPanel{padding:14px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(900px 280px at 0% 0%,color-mix(in srgb,var(--p4) 16%,transparent),transparent),color-mix(in srgb,var(--card) 88%,transparent);box-shadow:var(--shadow);position:sticky;top:14px}@media (max-width: 980px){.tool--crop .cropPanel{position:static}}.tool--crop .field{display:grid;gap:8px;margin-bottom:12px}.tool--crop .field__label{font-weight:950;line-height:1.2}.tool--crop .jumpRow{display:flex;gap:10px;align-items:center}.tool--crop .jumpRow .input{flex:1}.tool--crop .cropPanel__actions{display:grid;gap:10px;margin-top:10px}.tool--crop .cropPanel__actions .btn{width:100%;justify-content:center;min-height:44px;border-radius:14px}@media (max-width: 640px){.tool--crop .cropTop__right{width:100%}.tool--crop .cropTop__right .btn{flex:1;justify-content:center}.tool--crop .cropPanel__actions{margin-top:12px}}