@import url('/date-time/style.css?v=1');
.image-upload{margin-bottom:24px}.image-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.image-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}#preview{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;border-radius:8px;margin-bottom:14px;background:repeating-conic-gradient(#e4e8de 0% 25%,#fff 0% 50%) 0 0/20px 20px}.panel h2:not(:first-child){margin:24px 0 0}.panel input[type=range]{padding:10px 0;background:transparent;accent-color:var(--green)}#resultImage{max-width:100%;height:auto;display:block;max-height:500px;object-fit:contain;background:repeating-conic-gradient(#e4e8de 0% 25%,#fff 0% 50%) 0 0/20px 20px}.panel button:disabled{opacity:.45;cursor:default}#downloadPanel{margin-top:24px}#downloadPanel a{display:block;text-align:center;text-decoration:none;margin:12px 0}.image-footer{margin:24px 0 45px}.image-footer .error:empty{display:none}.primary{display:inline-block;text-decoration:none}#fileInfo{overflow-wrap:anywhere}@media(max-width:800px){.image-layout{grid-template-columns:1fr}}

#transformPreview{display:block;max-width:100%;height:auto;max-height:430px;margin:0 auto 20px;background:repeating-conic-gradient(#e4e8de 0% 25%,#fff 0% 50%) 0 0/20px 20px}