.cleanup .shell{max-width:1580px}.cleanup .intro h1{max-width:700px;font-size:clamp(25px,2.6vw,36px)}.cleanup .intro>p{max-width:430px}.cleanup-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.cleanup-preview{padding:16px;min-width:0;position:sticky;top:82px}.cleanup-controls{padding:20px}.top-actions,.view-controls,.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.editing-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px}.editing-tools button{min-width:72px}.editing-tools .tool-divider{flex:1}.cleanup button{min-height:42px}.tool-hint{font-size:13px;color:#51656d;min-height:20px;margin:10px 0}#viewport{height:clamp(360px,61vh,720px);min-height:0;max-height:none;position:relative;overflow:hidden;touch-action:none;padding:0;isolation:isolate;background:repeating-conic-gradient(#edf0ee 0% 25%,#fafbf9 0% 50%) 0/20px 20px;border:1px solid #d2dcd8;border-radius:7px;cursor:crosshair}#viewport[data-move=true]{cursor:grab}#viewport[data-view=original]{cursor:default}#viewport.drag{outline:3px solid #245dce;outline-offset:2px}#preview,#overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;clip-path:none}#overlay{z-index:1}#empty{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;background:#f4f6f2;text-align:center}#empty .empty-symbol{width:58px;height:58px;border:1px solid #bdccc5;border-radius:12px;font-size:32px;color:#3d6555;background:white}#empty h2{font-size:20px;font-weight:550;letter-spacing:-.02em}#empty p{margin:0 0 12px}.view-controls{margin-top:12px}#zoom-label{float:none;min-width:45px;text-align:center;align-self:center;font-size:12px}#dimensions{font-size:12px;color:#5f7076;margin:0}.status-row{align-items:flex-start}#status{font-size:13px;margin:12px 0 4px;min-height:21px;flex:1;overflow-wrap:anywhere}#status.error{color:#a52b25}#cancel{margin-top:8px}.cleanup fieldset{margin-top:0}.cleanup-controls label{display:block;font-size:13px;margin:12px 0 4px}.cleanup-controls input[type=range]{display:block;width:100%;margin:6px 0 15px;accent-color:#245dce}.cleanup-controls label.check{display:flex;align-items:center;gap:7px}.cleanup-controls .check input{margin:0;accent-color:#245dce;width:18px;height:18px}.cleanup-controls .control-note{padding:14px 0 17px;margin-bottom:16px;border-bottom:1px solid #d8e0dc}.control-note strong{font-size:13px}.control-note p{font-size:12px;color:#5f7076;margin:5px 0}.control-note small{font-size:11px}#set-sample{width:100%}#set-sample[aria-pressed=true]{background:#eaf1ff;color:#174ba8;border-color:#245dce}#format{width:100%}#background{width:100%;height:38px;padding:3px;border:1px solid #b3c0c6;border-radius:5px;background:white}#download{width:100%;margin-top:14px}.reset{width:100%;margin-top:16px}.sample-section{margin:32px 0}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-heading p{color:#5f7076;font-size:13px}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sample-card{display:flex;align-items:center;text-align:left;gap:14px;padding:10px;border-color:#cbd4d7;box-shadow:0 3px 10px #192a3210;min-width:0;font-weight:400}.sample-card img{width:104px;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.sample-card span{min-width:0}.sample-card strong{font-size:14px;font-weight:600}.sample-card small{margin:3px 0 0}.cleanup .help,.cleanup .faq{max-width:1040px}.cleanup .help h2,.cleanup .faq h2{font-weight:600;font-size:23px}.cleanup dialog{max-width:480px;width:calc(100% - 32px);padding:26px;border:1px solid #aebeb8;border-radius:12px;color:#192a32;box-shadow:0 10px 60px #122a3655}.cleanup dialog::backdrop{background:#15252d65}.cleanup dialog p{font-size:14px}.cleanup .related{display:flex;gap:14px 22px;flex-wrap:wrap}.cleanup .related a{padding:6px 0}.cleanup-controls output{font-size:12px}.cleanup .privacy span{display:inline}.cleanup #canvas-help{margin-bottom:0}.cleanup button:focus-visible,.cleanup #viewport:focus-visible{outline:3px solid #245dce;outline-offset:3px}
@media(max-width:1100px){.cleanup-workspace{grid-template-columns:minmax(0,1fr) 245px}.cleanup-controls{padding:16px}.cleanup .intro{gap:20px}.sample-card{display:block}.sample-card img{width:100%;max-height:140px;margin-bottom:8px}.sample-card span{display:block}}
@media(max-width:760px){.cleanup-workspace{grid-template-columns:1fr}.cleanup-preview{position:static}.cleanup-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.cleanup-controls .control-note{grid-column:1/-1;grid-row:2;margin:0;padding:10px 0}.cleanup-controls #output{grid-column:2;grid-row:1}.cleanup-controls>.reset,.cleanup-controls>p{grid-column:1/-1;margin:0}.cleanup .intro{display:block}.cleanup .intro>p{margin-top:10px;max-width:600px}#viewport{height:400px}.sample-grid{gap:10px}.sample-card strong{font-size:12px}.sample-card small{font-size:11px}.section-heading{display:block}.section-heading p{margin:0 0 12px}}
@media(max-width:480px){.cleanup .shell{width:calc(100% - 24px)}.cleanup-preview{padding:12px}.cleanup .intro h1{font-size:27px}.cleanup .privacy{font-size:12px}.cleanup .privacy span{display:block}.editing-tools{gap:5px}.editing-tools button{min-width:0;flex:1;padding:7px}.editing-tools .tool-divider{flex-basis:100%;height:0}.editing-tools [data-view]{flex:1}.top-actions{gap:8px}.top-actions .buttons{gap:5px}.top-actions button{font-size:12px;padding:7px 10px}.top-actions>.buttons:last-child{margin-left:auto}#viewport{height:350px}#empty{padding:14px}#empty h2{font-size:17px}#empty .empty-symbol{width:42px;height:42px;font-size:25px}.cleanup-controls{display:block}.cleanup-controls #output{margin-top:16px}.cleanup-controls .control-note{margin-top:8px}.cleanup-controls>.reset{margin-top:16px}.sample-grid{grid-template-columns:1fr}.sample-card{display:flex}.sample-card img{width:90px;max-height:none;margin:0}.sample-card strong{font-size:14px}.sample-card small{font-size:12px}.view-controls{gap:7px}.view-controls button{padding:6px 9px}.view-controls #dimensions{width:100%}#canvas-help{font-size:11px}.cleanup .photo-navigation>a:first-child{font-size:12px}.cleanup .photo-navigation{gap:8px}.cleanup .brand{gap:7px}}
.sample-card img{height:auto}
.nav-narrow{display:none}
@media(max-width:480px){.nav-wide{display:none}.nav-narrow{display:inline}.cleanup .nav-pill{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.cleanup *{transition:none!important;scroll-behavior:auto!important}}