/* V0.3 supplementary styles; keeps V0.2 navigation and guides */
.top{padding-bottom:38px}.topbar .logo{display:flex;align-items:center}.hero{margin-top:24px}.main{margin-top:15px}.control-section{border:1px solid #dae5e8;background:#fbfdfd;border-radius:15px;padding:18px;margin:16px 0}.control-section h3{font-size:16px;letter-spacing:-.02em;margin:0 0 15px;color:#1e3c4c}.control-section .formgrid{margin:0}.control-section .help{margin-bottom:0}.customrow,.exactrow{margin-top:13px!important;padding-top:6px}.togglebox{margin-top:15px;padding:13px;display:flex;align-items:flex-start;gap:12px;background:white;border:1px solid #d8e4e7;border-radius:12px;cursor:pointer}.togglebox input{width:20px;height:20px;flex:none;accent-color:#126f73;margin-top:2px}.togglebox b{display:block;font-size:14px}.togglebox small{display:block;margin-top:4px;color:#64758a;line-height:1.4}.crop-head{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#64758a;font-size:13px;line-height:1.5;margin:15px 0 9px}.textbutton{background:none;border:0;color:#126f73;font-weight:750;text-decoration:underline;text-underline-offset:3px;padding:7px;white-space:nowrap}.crop-frame{background:repeating-conic-gradient(#e9eeef 0 25%,white 0 50%) 50%/22px 22px;border:1px solid #ccd9dd;border-radius:14px;padding:9px;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:120px}.crop-frame canvas{display:block;max-width:100%;width:100%;height:auto;touch-action:none;cursor:grab;border-radius:6px;box-shadow:0 2px 14px #1d34451a}.crop-frame canvas.dragging{cursor:grabbing}.zoomfield{margin-top:13px}.zoomfield input{padding:0;min-height:28px;accent-color:#126f73}.before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:13px}.preview-label{display:block;font-size:12px;font-weight:750;color:#4a6270;margin-bottom:6px}.before-after .preview{height:210px;min-height:0}.before-after .preview img{max-height:208px}.stats.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.stats.three .stat{min-width:0}.stats.three .stat b{font-size:15px;overflow-wrap:anywhere}.result #targetBadge{margin-top:7px}.button:focus-visible,.textbutton:focus-visible,a:focus-visible{outline:3px solid #ffbe5c;outline-offset:3px}.control-section [hidden],.pane[hidden],.result:not(.visible){display:none!important}
@media(max-width:640px){.control-section{padding:13px;margin:13px 0}.before-after .preview{height:150px}.before-after .preview img{max-height:148px}.stats.three{gap:7px}.stats.three .stat{padding:9px}.stats.three .stat b{font-size:13px}.crop-head{align-items:flex-start}.topbar .logo{font-size:18px}.top{padding-bottom:35px}.hero p{font-size:14px}}
@media(max-width:360px){.stats.three{grid-template-columns:1fr}.before-after .preview{height:135px}.crop-head{flex-wrap:wrap}}