body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-shell{background:#f5f4ee;color:#1d2420;min-height:100vh}.workspace{grid-gap:24px;align-items:stretch;box-sizing:border-box;display:grid;gap:24px;grid-template-columns:minmax(320px,520px) minmax(420px,1fr);min-height:100vh;padding:28px}.intro-panel,.preview-panel{background:#fbfaf6;border:1px solid #d5d2c5;border-radius:8px;box-shadow:0 8px 24px #201e180f}.intro-panel{align-items:stretch;gap:22px;padding:24px}.intro-copy,.intro-panel{display:flex;flex-direction:column}.intro-copy{gap:18px;text-align:left;width:100%}.eyebrow{color:#55714b;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 12px;text-transform:uppercase}h1{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1;margin:0;max-width:14ch}.summary{color:#4f5852;font-size:1rem;line-height:1.6;margin:0;max-width:35rem}.upload-zone{background:#eef3e7;border:2px dashed #7f9874;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.upload-zone:focus-within,.upload-zone:hover{background:#e5efdc;border-color:#3f6835;transform:translateY(-1px)}.upload-zone input{font-size:.95rem;width:100%}.upload-title{color:#243320;font-size:1.1rem;font-weight:700}.upload-help{color:#59665c;font-size:.92rem;line-height:1.4}.error-message{color:#9f2f24;font-weight:600;margin:16px 0 0}.controls-panel{grid-gap:14px;border-top:0;display:grid;gap:14px;grid-template-columns:1fr;margin-top:0;padding-top:0;width:100%}.control-heading{align-items:baseline;color:#3d463f;display:flex;font-weight:700;gap:16px;grid-column:1/-1;justify-content:space-between;padding-top:4px}.control-heading strong{font-size:1.15rem}.ratio-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.range-control,.ratio-row label,.select-control{color:#4f5852;display:flex;flex-direction:column;font-weight:700;gap:8px}.range-control span,.ratio-row span,.select-control span{font-size:.86rem}.value-control{align-items:center;display:grid;grid-template-columns:1fr auto}.value-control input{grid-column:1/-1}.value-control strong{color:#1d2420;font-size:.86rem}.ratio-row input[type=text]{background:#fff;border:1px solid #b9b5a8;border-radius:6px;box-sizing:border-box;color:#1d2420;font:inherit;font-weight:700;padding:11px 12px;width:100%}.ratio-row input[type=text]:focus{border-color:#55714b;outline:3px solid #55714b33}.ratio-separator{color:#3d463f;font-size:1.4rem;font-weight:800;padding-bottom:10px}.range-control input{accent-color:#55714b}.range-control input:disabled{cursor:not-allowed;opacity:.45}.select-control select{background:#fff;border:1px solid #b9b5a8;border-radius:6px;color:#1d2420;font:inherit;font-weight:700;padding:11px 12px;width:100%}.select-control select:focus{border-color:#55714b;outline:3px solid #55714b33}.select-control select:disabled{cursor:not-allowed;opacity:.55}.preview-panel{display:flex;flex-direction:column;min-width:0;padding:16px}.empty-preview{background-color:#dedccf;border-radius:6px;flex:1 1;min-height:420px}.file-details{color:#3d463f;display:flex;font-weight:700;gap:16px;justify-content:space-between;margin:16px 4px 0}.file-details p{margin:0}.file-name{overflow-wrap:anywhere}.crop-stage{background-color:#dedccf;background:linear-gradient(45deg,#d5d2c5 25%,#0000 0),linear-gradient(-45deg,#d5d2c5 25%,#0000 0),linear-gradient(45deg,#0000 75%,#d5d2c5 0),linear-gradient(-45deg,#0000 75%,#d5d2c5 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border-radius:6px;display:grid;flex:1 1;min-height:560px;overflow:hidden;place-items:center;position:relative}.approved-stage{box-sizing:border-box;overflow:auto;padding:24px 24px 82px}.approved-image-wrap,.approved-stage{align-items:center;display:flex;justify-content:center}.approved-image-wrap{min-height:-webkit-min-content;min-height:min-content;min-width:-webkit-min-content;min-width:min-content}.crop-stage img{display:block;max-height:min(68vh,680px);max-width:100%;-webkit-user-select:none;user-select:none}.crop-stage .approved-image{display:block;flex:0 0 auto;image-rendering:pixelated;max-height:none;max-width:none;min-height:auto}.zoom-hud{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d2420d1;border:1px solid #fff8d63d;border-radius:8px;bottom:18px;color:#fff8d6;display:grid;font-weight:800;gap:12px;grid-template-columns:auto minmax(120px,1fr) auto;left:18px;padding:12px 14px;position:absolute;right:18px}.zoom-hud span,.zoom-hud strong{font-size:.9rem}.zoom-hud input{accent-color:#fff8d6}.crop-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.shade{background:#1c1f1d9e;left:0;pointer-events:none;width:100%}.crop-box,.shade{position:absolute}.crop-box{background:#0000;border:2px solid #fff8d6;border-radius:4px;box-shadow:0 0 0 1px #1d2420cc,inset 0 0 0 1px #1d24208c;cursor:grab;touch-action:none}.crop-box:active{cursor:grabbing}.crop-box:focus-visible{outline:3px solid #fff8d6b3;outline-offset:3px}.crop-box span,.crop-box:after,.crop-box:before{content:"";inset:0;pointer-events:none;position:absolute}.crop-box span{border-bottom:1px solid #fff8d6b3;border-top:1px solid #fff8d6b3;transform:scaleY(.333)}.crop-box:before{border-left:1px solid #fff8d6b3;border-right:1px solid #fff8d6b3;transform:scaleX(.333)}.approve-button,.download-button{align-self:end;border:0;border-radius:6px;color:#fff;cursor:pointer;font:inherit;font-weight:800;padding:13px 16px}.approve-button{background:#2f5e37}.download-button{background:#2e5e72}.approve-button:disabled,.download-button:disabled{cursor:not-allowed;opacity:.5}.approved-message{color:#2f5e37;font-weight:800;line-height:1.4;margin:0}.crop-canvas{display:none}.empty-preview{align-items:center;color:#6a716b;display:flex;flex-direction:column;gap:20px;justify-content:center;text-align:center}.empty-preview p{font-weight:700;margin:0}.pixel-grid{background:linear-gradient(#c8c5b9 1px,#0000 0),linear-gradient(90deg,#c8c5b9 1px,#0000 0),linear-gradient(135deg,#8aa279 0 25%,#d0a352 25% 50%,#798fba 50% 75%,#b86b55 75%);background-size:18px 18px,18px 18px,144px 144px;border:1px solid #bbb8ad;height:144px;image-rendering:pixelated;width:144px}@media (max-width:820px){.workspace{grid-template-columns:1fr;padding:16px}.intro-panel{align-items:center;padding:20px}.intro-copy{text-align:center}h1{font-size:2.5rem;max-width:13ch}.crop-stage,.empty-preview{height:320px;min-height:320px}.crop-stage img{max-height:320px}.file-details{flex-direction:column;gap:6px}}
/*# sourceMappingURL=main.78ba0a95.css.map*/