.container{max-width:1080px}.compact-heading{margin-bottom:18px}.compact-heading h1{font-size:clamp(1.65rem,3vw,2.2rem);margin-bottom:6px}.compact-heading p{margin-bottom:4px}.privacy{color:#28734e!important;font-size:.8rem!important}.image-layout{display:flex;flex-direction:column;gap:18px}.dropzone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;align-items:center;border:2px dashed #c3d3ec;padding:20px 24px;transition:background .15s}.dropzone.drag{background:#eaf1ff;border-color:var(--accent)}.upload-copy h2{margin-bottom:5px;font-size:1.1rem}.upload-copy p{font-size:.85rem;margin:0}.upload-limits{grid-column:1/-1;margin:7px 0 0}.upload-count{grid-column:1/-1;margin:0;color:var(--accent);font-weight:650}.small{font-size:.8rem;line-height:1.6}.settings-panel{padding:22px 24px}.preset-access{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:end;padding-bottom:16px;border-bottom:1px solid var(--border)}.preset-picker{margin:0}.preset-manager{min-width:0}.preset-manager summary{padding:11px 4px;min-height:44px;cursor:pointer;font-size:.85rem;color:var(--accent)}.preset-manager[open]{grid-column:1/-1}.preset-manager-body{padding:8px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:end}.preset-manager-body .field{margin:0}.preset-manager-body p{grid-column:1/-1;margin:0}.settings-panel>.status:empty{margin:0}.settings-form h2{font-size:1.05rem;margin:18px 0 12px}.core-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{margin-bottom:12px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.core-settings p{margin:0 0 10px}.quality-field>span{display:flex;justify-content:space-between}.quality-field output{font-variant-numeric:tabular-nums}.quality-field input{height:44px}.check{display:flex;gap:8px;align-items:center;font-size:.85rem;min-height:44px}.check input{width:auto}.advanced-settings{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:6px}.advanced-settings summary{padding:12px 0;min-height:44px;font-size:.85rem;font-weight:650;cursor:pointer}.advanced-body{padding:0 0 12px;max-width:600px}.advanced-body .check{margin-bottom:10px}.advanced-body p{margin:0}.run-section{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:16px}.run-summary{min-width:0}.run-summary strong{font-size:.8rem}.run-summary p{margin:4px 0 0;overflow-wrap:anywhere}.run-actions{flex-shrink:0}.run-actions #run{min-width:170px}.run-section+.status{margin:14px 0 4px}progress{width:100%;height:6px;accent-color:var(--accent);display:block;margin:6px 0 0}input[type=color]{height:40px;width:100%}input[type=range]{padding:0}.results-heading{padding-bottom:12px;border-bottom:1px solid var(--border)}.results-heading h2{margin:0;flex:1}.results-heading button{font-size:.8rem}.empty{text-align:center;padding:26px 10px;color:var(--muted);line-height:1.8}.image-row{border-bottom:1px solid var(--border);padding:18px 0}.image-row:last-child{border-bottom:0}.row-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.row-name{font-weight:600;overflow-wrap:anywhere;min-width:0}.remove{border:0;background:none;color:var(--muted);cursor:pointer;white-space:nowrap;padding:8px;min-height:44px;min-width:44px}.previews{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.preview{margin:0;min-width:0}.preview img{width:100%;height:180px;object-fit:contain;background:repeating-conic-gradient(#f2f3f5 0% 25%,white 0% 50%) 50% / 16px 16px;border:1px solid var(--border);border-radius:8px}.preview figcaption{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.7}.result-placeholder{height:180px;display:grid;place-items:center;background:var(--bg);border-radius:8px;color:var(--muted);font-size:.8rem}.error{color:#b22f32}.help{margin:24px 0}.help h2{font-size:1rem}.help p{font-size:.85rem;line-height:1.8}.guide details{margin:12px 0}.guide summary{cursor:pointer;min-height:44px;padding:8px 0}.button:disabled{opacity:.5;cursor:not-allowed}h1,h2{word-break:keep-all;text-wrap:balance}button,summary,input,select{touch-action:manipulation}[hidden]{display:none!important}
@media(max-width:650px){.container{padding-top:18px}.site-header{gap:10px;padding-top:10px;padding-bottom:10px}.site-nav{gap:10px}.site-nav a[aria-current]{display:none}.compact-heading{margin-bottom:14px}.dropzone{padding:16px;gap:8px 12px}.upload-copy{grid-column:1/-1}.dropzone #chooseFiles{justify-self:start;min-width:150px}.upload-limits,.upload-count{font-size:.74rem}.upload-limits{margin-top:0}.settings-panel{padding:16px}.preset-access{grid-template-columns:1fr;gap:0;padding-bottom:10px}.preset-manager summary{padding:7px 0}.preset-manager-body{grid-template-columns:1fr}.preset-manager-body .toolbar{justify-content:flex-start}.settings-form h2{margin-top:12px}.core-settings{grid-template-columns:1fr;gap:2px}.core-settings .field{margin-bottom:9px}.size-settings>p{font-size:.74rem;margin-bottom:10px}.format-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:start}.format-settings>p,.format-settings>#backgroundField{grid-column:1/-1}.format-settings .quality-field input{height:44px}.run-section{display:block;padding-top:12px}.run-actions{margin-top:12px}.run-actions #run{flex:1}.run-summary p{font-size:.78rem}.results-heading{gap:8px}.results-heading h2{flex-basis:100%}.results-heading button{flex:1}.preview img,.result-placeholder{height:125px}.image-layout{gap:14px}.help{margin-top:18px}.panel.guide{padding:16px}}
.image-editor{margin:12px 0;border:1px solid var(--border);border-radius:10px;padding:0 14px}.image-editor summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.edit-form{max-width:650px;padding-bottom:12px}.crop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.edit-form .toolbar{margin-top:12px}.edit-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 50%/16px 16px}.target-field{grid-column:1/-1}@media(max-width:650px){.crop-grid{grid-template-columns:1fr 1fr}.edit-form .toolbar button{flex:1}.image-editor{padding:0 10px}}.crop-stage-wrap{padding:22px;max-width:100%}.crop-stage{position:relative;touch-action:none;user-select:none;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 50%/16px 16px;cursor:crosshair;max-width:100%}.crop-stage img{display:block;width:100%;height:100%;pointer-events:none}.crop-shade{position:absolute;inset:0;overflow:hidden;pointer-events:none}.crop-shade-box,.crop-box{position:absolute}.crop-shade-box{box-shadow:0 0 0 9999px rgba(20,28,45,.5)}.crop-box{border:2px solid #fff;outline:1px solid var(--accent);cursor:move;box-sizing:border-box}.crop-box:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.crop-handle{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%)}.crop-handle::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:#fff;border:2px solid var(--accent);border-radius:50%;box-sizing:border-box}.crop-handle-nw{left:0;top:0;cursor:nwse-resize}.crop-handle-n{left:50%;top:0;cursor:ns-resize}.crop-handle-ne{left:100%;top:0;cursor:nesw-resize}.crop-handle-w{left:0;top:50%;cursor:ew-resize}.crop-handle-e{left:100%;top:50%;cursor:ew-resize}.crop-handle-sw{left:0;top:100%;cursor:nesw-resize}.crop-handle-s{left:50%;top:100%;cursor:ns-resize}.crop-handle-se{left:100%;top:100%;cursor:nwse-resize}.crop-readout{margin:0 0 6px;font-variant-numeric:tabular-nums}.crop-hint{margin:0 0 6px}html[dir=rtl] .crop-stage,html[dir=rtl] .crop-box{direction:ltr}