.photo-resize{--pr-accent:#ad3024;max-width:1080px;margin:auto;padding:32px 0 72px;color:#24252c}.photo-resize h1{font-size:clamp(2.2rem,7vw,4rem);line-height:1.08;max-width:16ch;margin:16px 0}.photo-resize .pr-intro{font-size:1.2rem;max-width:55ch}.pr-workspace{background:#fff3dd;border:1px solid #d8c8ac;border-radius:24px;padding:clamp(18px,4vw,36px);margin:32px 0}.pr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.photo-resize label{display:flex;flex-direction:column;gap:8px;font-weight:650}.photo-resize input:not([type=checkbox]),.photo-resize select{width:100%;min-width:0;box-sizing:border-box;min-height:48px;background:#fff;border:1px solid #998974;border-radius:8px;padding:10px;font:inherit;color:#24252c}.photo-resize input[type=file]{white-space:normal;font-size:1rem}.photo-resize .pr-check{display:flex;flex-direction:row;align-items:center;font-weight:400;margin:20px 0}.photo-resize input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.pr-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.photo-resize button,.pr-results a{display:inline-block;border:1px solid #ad3024;border-radius:8px;min-height:46px;padding:10px 16px;font:inherit;font-weight:650;background:#fff;color:#89261e;text-decoration:none;cursor:pointer}.photo-resize .pr-primary{background:#ad3024;color:#fff}.photo-resize button:disabled{opacity:.5;cursor:default}.photo-resize :focus-visible{outline:3px solid #284dc7;outline-offset:4px}.pr-status{min-height:2em;font-weight:650}.pr-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pr-results section{border:1px solid #d8c8ac;padding:18px;border-radius:16px;min-width:0;background:#fff}.pr-results img{display:block;width:100%;height:200px;object-fit:contain;margin:10px 0;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px}.pr-results p{overflow-wrap:anywhere}.pr-error{color:#9a211c}.pr-note{font-size:.94rem;max-width:75ch}.pr-guide{max-width:72ch;margin:64px auto 0;line-height:1.75}.pr-guide h2{font-size:1.7rem;line-height:1.25;margin-top:2em}.pr-guide h3{font-size:1.2rem}.pr-guide nav{border-left:4px solid #d94636;padding:8px 24px;background:#fff3dd}.pr-guide section{scroll-margin-top:100px}.pr-guide a{color:#8c281f}.pr-example{border-left:4px solid #d94636;background:#fff3dd;padding:16px 22px}.pr-guide details{border-bottom:1px solid #d8c8ac;padding:16px 0}.pr-guide summary{cursor:pointer;font-weight:650}.pr-local{display:inline-block;background:#d94636;color:#fff;padding:8px 14px;border-radius:6px;font-weight:650}.photo-resize [hidden]{display:none!important}@media(max-width:620px){.pr-fields,.pr-results{grid-template-columns:1fr}.photo-resize{padding-top:20px}.pr-actions button{flex-grow:1}}