.work-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;padding:17px;border:1px solid #ededee;border-radius:9px}.work-field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700}.work-field select,.work-field input[type=number]{width:100%;min-height:42px;border:1px solid #dedee1;border-radius:7px;padding:9px 11px;background:#fff;font:500 14px Manrope,Arial;color:#171719}.work-field>span{display:flex;align-items:center;gap:12px}.work-field input[type=range]{width:100%;accent-color:#f22b2b}.work-field output{font:600 13px Manrope,Arial;min-width:42px}.work-field small,.work-hint{grid-column:1/-1;font-size:13px;line-height:1.45;color:#73737a;margin:0}.ratio-check{display:flex;align-items:center;gap:8px;font-size:14px}.ratio-check input{accent-color:#f22b2b;width:17px;height:17px}.format-warning{margin:14px 0 0;padding:12px 14px;background:#fff4f4;border:1px solid #ffd0d0;border-radius:8px;color:#5f2727;font-size:14px;line-height:1.5}.format-warning a{color:#d71920;font-weight:700;text-decoration:underline}.image-work-tool .image-actions{justify-content:flex-end}.image-work-tool .image-actions>.button{min-width:170px}@media(max-width:640px){.work-controls{grid-template-columns:1fr;padding:13px}.work-field small,.work-hint{grid-column:1}.image-work-tool .image-actions>.button{width:100%}}
.rotate-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rotate-buttons button{min-height:42px;font-size:13px}.rotate-buttons button:hover{border-color:#f22b2b;color:#d71920}@media(max-width:640px){.rotate-buttons{grid-template-columns:1fr}}
.image-stage{position:relative;display:inline-block;max-width:100%;line-height:0}.crop-overlay{position:absolute;inset:0;touch-action:none;user-select:none;cursor:crosshair}.crop-selection{display:none;position:absolute;border:2px solid #f22b2b;background:#f22b2b18;box-shadow:0 0 0 1px #fff9;pointer-events:none}.crop-selection.visible{display:block}.crop-selection span{position:absolute;left:0;top:100%;margin-top:4px;padding:4px 7px;border-radius:5px;background:#171719;color:#fff;font:600 12px Manrope,Arial;white-space:nowrap;line-height:1.3}.crop-instructions{font-size:14px}