*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#282c32;background:#f7f8fa}button,input,select{font:inherit}.tester-header{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:10px clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid #e4e7ea}.tester-header a{color:#b9282d;text-decoration:none;font-weight:820}.tester-header span{color:#65766b;background:#eaf8ef;border-radius:99px;padding:6px 10px;font-size:.66rem;font-weight:750}main{width:min(1320px,calc(100% - 24px));margin:28px auto 60px}.page-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 4px 18px}.page-title>div>span{color:#ca2c31;font-size:.65rem;font-weight:820;letter-spacing:.11em}.page-title h1{letter-spacing:-.05em;margin:4px 0 0;font-size:clamp(2rem,5vw,3.3rem);line-height:1}.page-title>a{color:#b8272c;font-size:.76rem;font-weight:750}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:start;gap:18px}.panel{background:#fff;border:1px solid #e0e3e7;border-radius:20px;padding:20px;box-shadow:0 14px 44px #23272f0d}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wide{grid-column:1/-1}label{display:grid;gap:6px;color:#34383e;font-size:.72rem;font-weight:740}label small{color:#898e96;font-size:.61rem;font-weight:550}input,select{width:100%;min-width:0;min-height:42px;border:1px solid #d8dce1;border-radius:9px;background:#fff;padding:8px 10px;color:#30343a;font-size:.76rem}.check{display:flex;align-items:center;gap:8px}.check input{width:16px;min-height:16px;accent-color:#d22e33}.check span{line-height:1.35}fieldset{border:1px solid #e0e3e7;border-radius:13px;margin:0;padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}legend{padding:0 5px;font-size:.7rem;font-weight:800}.source-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f7f8fa;border:1px solid #e0e3e7;border-radius:12px;padding:11px}.source-summary>div{min-width:0;display:grid;gap:3px}.source-summary strong,.source-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.69rem}.source-summary span{color:#80858d;font-weight:550}.actions{display:flex;justify-content:flex-end;gap:8px}button,.download{cursor:pointer;border:1px solid #d8dce1;border-radius:9px;background:#fff;padding:9px 13px;color:#4d525a;font-size:.7rem;font-weight:760;text-decoration:none}.primary{color:#fff!important;background:linear-gradient(115deg,#df3631,#bd2428)!important;border:0!important}.compact{padding:7px 10px}.crop-editor{border:1px solid #b9dbc5;border-radius:14px;padding:11px}.crop-toolbar,.crop-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.crop-toolbar>div:first-child{display:grid;gap:2px}.crop-toolbar strong{font-size:.74rem}.crop-toolbar small,.crop-footer p{color:#7e848c;margin:0;font-size:.61rem}.crop-modes,.crop-footer>div{display:flex;gap:7px}.crop-modes button[aria-pressed=true]{color:#bd272b;border-color:#d83237;background:#fff7f6}.crop-stage{display:grid;place-items:center;min-height:230px;max-height:610px;margin:10px 0;border-radius:10px;overflow:hidden}.crop-stage canvas{touch-action:none;max-width:100%;max-height:610px}.crop-footer [data-crop-apply]:disabled{opacity:.4}.crop-editor.has-pending-crop{border-color:#df4b50}.checkerboard{background-color:#f7f7f7;background-image:linear-gradient(45deg,#e4e4e4 25%,transparent 25%),linear-gradient(-45deg,#e4e4e4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e4 75%),linear-gradient(-45deg,transparent 75%,#e4e4e4 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.result-panel{position:sticky;top:16px}.result-heading{display:flex;justify-content:space-between;align-items:center}.result-heading h2{margin:0;font-size:1.25rem}.result-heading span{color:#297944;background:#eaf8ef;border-radius:99px;padding:5px 8px;font-size:.58rem;font-weight:820}.result-panel figure{margin:18px 0}.result-panel figcaption{color:#747a82;margin-bottom:6px;font-size:.6rem;font-weight:820;text-transform:uppercase}.preview{display:grid;place-items:center;border:1px solid #e1e4e8;border-radius:12px;min-height:210px;max-height:360px;overflow:hidden}.preview span{color:#8c9198;max-width:180px;text-align:center;font-size:.7rem}.preview img{object-fit:contain;width:100%;max-height:360px}.result-panel>p{color:#737880;font-size:.72rem;line-height:1.45}.download{display:block;text-align:center;margin:10px 0}.error{color:#a62227;background:#fff1f0;border:1px solid #efb8ba;border-radius:10px;padding:10px;font-size:.7rem}pre{background:#151a21;color:#dce5ef;border-radius:12px;max-height:390px;padding:13px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.64rem;line-height:1.5}@media(max-width:900px){.layout{grid-template-columns:1fr}.result-panel{position:static}}@media(max-width:620px){.form-grid,fieldset{grid-template-columns:1fr}.wide{grid-column:1}.page-title{align-items:start;flex-direction:column}.crop-toolbar,.crop-footer{align-items:stretch;flex-direction:column}.crop-modes,.crop-footer>div{width:100%}.crop-modes button,.crop-footer button{flex:1}.actions{flex-wrap:wrap}.actions button{flex:1}.tester-header span{display:none}}