.ImageTransformTool-module__VvdnLq__dropThumb{border:1px solid var(--line);background:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-3) 75%);background-color:var(--surface-2);background-position:0 0,8px 8px,8px 8px,0 0;background-size:16px 16px;border-radius:8px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.ImageTransformTool-module__VvdnLq__dropThumb img{object-fit:cover;width:100%;height:100%;display:block}.ImageTransformTool-module__VvdnLq__uploadCompact{flex-wrap:wrap}.ImageTransformTool-module__VvdnLq__dropCopy{flex-direction:column;flex:220px;gap:5px;min-width:0;display:flex}.ImageTransformTool-module__VvdnLq__fileName{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ImageTransformTool-module__VvdnLq__replaceButton,.ImageTransformTool-module__VvdnLq__replaceAffordance{white-space:nowrap;flex:none;gap:6px}.ImageTransformTool-module__VvdnLq__replaceAffordance{pointer-events:none}.ImageTransformTool-module__VvdnLq__settings{flex-direction:column;gap:14px;min-width:0;display:flex}.ImageTransformTool-module__VvdnLq__settingHead{flex-direction:column;gap:4px;min-width:0;display:flex}.ImageTransformTool-module__VvdnLq__settingHead h3{color:var(--fg-0);margin:0;font-size:.98rem;font-weight:700;line-height:1.2}.ImageTransformTool-module__VvdnLq__settingHead p{color:var(--fg-2);margin:0;font-size:.84rem;line-height:1.45}.ImageTransformTool-module__VvdnLq__modeTabs{width:100%}.ImageTransformTool-module__VvdnLq__modeTabs button{white-space:normal;flex:1 1 0;min-height:42px}.ImageTransformTool-module__VvdnLq__workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.ImageTransformTool-module__VvdnLq__previewCard{min-width:0}.ImageTransformTool-module__VvdnLq__previewCaption{align-items:center;min-height:42px}.ImageTransformTool-module__VvdnLq__previewTitle{flex-direction:column;flex:180px;gap:3px;min-width:0;display:flex}.ImageTransformTool-module__VvdnLq__previewPane{background:linear-gradient(45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(-45deg, var(--surface-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--surface-3) 75%), linear-gradient(-45deg, transparent 75%, var(--surface-3) 75%);background-color:var(--surface-2);background-position:0 0,10px 10px,10px 10px,0 0;background-size:20px 20px;min-height:240px}.ImageTransformTool-module__VvdnLq__previewPane img{object-fit:contain;max-width:min(100%,1000px);max-height:min(100%,520px)}.ImageTransformTool-module__VvdnLq__resultBar{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.ImageTransformTool-module__VvdnLq__resultBar button{justify-content:center;width:100%}.ImageTransformTool-module__VvdnLq__notes{flex-direction:column;gap:4px;min-width:0;display:flex}.ImageTransformTool-module__VvdnLq__notes p{overflow-wrap:anywhere;margin:0}.ImageTransformTool-module__VvdnLq__rotationEditor{flex-direction:column;gap:16px;min-width:0;display:flex}.ImageTransformTool-module__VvdnLq__rotationCanvas{height:min(58vw,560px);min-height:340px;max-height:560px;padding:20px;position:relative}.ImageTransformTool-module__VvdnLq__rotationCanvas img,.ImageTransformTool-module__VvdnLq__rotationFallback{object-fit:contain;width:auto;max-width:min(100%,520px);height:auto;max-height:min(100%,520px);display:block}.ImageTransformTool-module__VvdnLq__rotationCanvas img{transition:none}.ImageTransformTool-module__VvdnLq__angleBadge{border:1px solid var(--line);background:var(--surface);min-width:48px;min-height:32px;color:var(--fg-0);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001f}.ImageTransformTool-module__VvdnLq__rotateButton{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--fg-0);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #00000029}.ImageTransformTool-module__VvdnLq__rotateButton:hover:not(:disabled){background:var(--surface-3)}.ImageTransformTool-module__VvdnLq__rotateButton:focus-visible{outline:3px solid var(--accent,#4f8cff);outline-offset:3px}.ImageTransformTool-module__VvdnLq__rotateButton:disabled{cursor:not-allowed;opacity:.55}.ImageTransformTool-module__VvdnLq__rotationDownload{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ImageTransformTool-module__VvdnLq__rotationDownload p{flex:180px}@media (max-width:640px){.ImageTransformTool-module__VvdnLq__rotationCanvas{height:min(90vw,420px);min-height:250px;padding:14px}.ImageTransformTool-module__VvdnLq__rotationCanvas img,.ImageTransformTool-module__VvdnLq__rotationFallback{max-width:100%;max-height:100%}.ImageTransformTool-module__VvdnLq__rotationDownload{flex-direction:column;align-items:stretch}.ImageTransformTool-module__VvdnLq__rotationDownload p{flex:0 auto;margin:0}}@media (max-width:720px){.ImageTransformTool-module__VvdnLq__workspace{grid-template-columns:1fr}}@media (max-width:640px){.ImageTransformTool-module__VvdnLq__uploadCompact{align-items:center}.ImageTransformTool-module__VvdnLq__uploadCompact .ImageTransformTool-module__VvdnLq__dropCopy{flex:calc(100% - 64px)}.ImageTransformTool-module__VvdnLq__replaceButton,.ImageTransformTool-module__VvdnLq__replaceAffordance{justify-content:center;width:100%}.ImageTransformTool-module__VvdnLq__uploadCompact .ImageTransformTool-module__VvdnLq__replaceAffordance{flex-basis:100%}}
