:root{--ink:#192a32;--muted:#5f7076;--line:#cbd4d7;--blue:#245dce}*{box-sizing:border-box}body{margin:0;background:#fffaf0;color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.shell{width:calc(100% - 48px);max-width:1480px;margin:auto}.nav{display:flex;justify-content:space-between;align-items:center}.nav nav{display:flex;gap:22px;align-items:center}a{color:#245e72}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:70px;z-index:100;background:white;padding:12px}.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0 16px}.intro p{color:var(--muted);margin:0;max-width:420px}.breadcrumb{font-size:13px}h1{font-size:clamp(27px,2.5vw,36px);line-height:1.15;letter-spacing:-.025em;margin:8px 0}h2{font-size:17px;margin:0 0 14px;font-weight:650}.privacy{background:#eaf1ee;border-radius:6px;font-size:13px;padding:10px 14px;margin:0 0 18px}.privacy span{color:var(--muted);margin-left:12px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 250px;gap:16px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:0 3px 12px #182b3610;min-width:0}.preview-panel{position:sticky;top:84px;padding:14px}.drop{border:1px dashed #a7b9c2;border-radius:8px;padding:18px 10px;text-align:center;background:#f8fafb}.drop p{margin:0 0 12px}.drop.drag{background:#e9f0ff}.sample{width:100%;margin-top:10px}small,.muted{display:block;font-size:12px;color:var(--muted);line-height:1.55}small{margin:8px 0}.buttons{display:flex;gap:7px;flex-wrap:wrap}button,select,input{font:inherit}button,select{min-height:40px;border:1px solid #b3c0c6;border-radius:6px;background:white;color:var(--ink);padding:8px 10px}button{cursor:pointer;font-size:13px;font-weight:600}button:hover:not(:disabled){background:#f0f4f7;border-color:#657e8b}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.primary:hover:not(:disabled){background:#1c4eaf}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{border-color:var(--blue);background:#edf3ff;color:#174ba8}fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}legend{font-size:15px;font-weight:650;padding:0;margin:0 0 12px}fieldset label{display:block;font-size:13px;margin:14px 0}fieldset select{display:block;width:100%;margin-top:6px;font-size:13px}fieldset input[type=range]{display:block;width:100%;accent-color:var(--blue);margin-top:8px}output{float:right;color:#4c626c;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:8px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modes button{font-size:12px;padding:10px 5px}.swatch{display:block;font:600 22px Georgia,serif;margin:0 auto 6px;line-height:40px;width:55px;border:1px solid #d0d4d7}.swatch.original{background:#dbd5c3;color:#636256}.swatch.document{background:#fffdf3;color:#272b34}.swatch.bw{background:#fff;color:#000}.swatch.gray{background:#e5e5e5;color:#444}.preview-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.preview-toolbar label{font-size:12px}.preview-toolbar select{font-size:12px}.viewport{height:560px;max-height:65vh;min-height:280px;background:#e9edec;border:1px solid #d7dfde;border-radius:6px;overflow:auto;padding:18px;touch-action:pan-x pan-y;cursor:grab}#empty{text-align:center;margin:100px auto 0;color:#708389}#empty h2{color:#415963;margin-top:15px}#empty p{font-size:14px}#stage{position:relative;margin:auto;line-height:0;box-shadow:0 4px 20px #24393d26}#base{width:100%;height:100%;display:block}#overlay,#corners,#handles{position:absolute;inset:0;width:100%;height:100%}#overlay{clip-path:inset(0 0 0 50%)}#outline{fill:#2870e71c;stroke:#2462c5;stroke-width:2;vector-effect:non-scaling-stroke}.corner{position:absolute;width:32px;height:32px;min-height:32px;border-radius:50%;transform:translate(-50%,-50%);padding:0;background:#245dce;color:white;border:2px solid white;box-shadow:0 1px 5px #0005;touch-action:none;cursor:move}#compare-control{display:flex;gap:10px;font-size:13px;align-items:center;margin-top:12px}#compare-control input{flex:1;accent-color:var(--blue)}.status{font-size:13px;min-height:20px;margin-bottom:6px}.status.error{color:#a52b25}#crop-actions{margin-top:12px}#download{width:100%;margin:4px 0}#output-info{overflow-wrap:anywhere}.help,.faq{max-width:960px;margin:38px auto}.help h2,.faq h2{font-size:22px;margin-top:24px}.help p,.help li,.faq p{color:var(--muted)}.help li{margin:12px 0}.faq details{border:1px solid var(--line);background:white;border-radius:7px;padding:15px 18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:14px}.faq a{color:#245dce}:focus-visible{outline:3px solid #245dce;outline-offset:3px}[hidden]{display:none!important}#print-root{display:none}@media(max-width:1100px){.workspace{grid-template-columns:210px minmax(0,1fr)}.workspace>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px}.preview-panel{top:80px}}@media(max-width:680px){.shell{width:calc(100% - 28px)}.intro{display:block;padding-top:18px}.intro p{margin-top:12px;font-size:14px}.nav nav{gap:12px;font-size:13px}.privacy span{display:block;margin:5px 0 0}.workspace{display:flex;flex-direction:column}.workspace>.panel{width:100%}.workspace>aside:last-child{display:block}.preview-panel{position:static}.viewport{height:400px;max-height:none}.modes{grid-template-columns:repeat(4,1fr)}.swatch{width:40px}.panel{padding:14px}#empty{margin-top:60px}.help,.faq{margin-top:26px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*{display:none!important}body>#print-root{display:block!important}#print-root{position:relative;margin:0;padding:0;overflow:hidden;break-inside:avoid}#print-root img{position:absolute;display:block}#print-warning{padding:24px;font:16px sans-serif}}
/* Shared only by the two local photo workspaces. Never loaded site-wide. */
.photo-navigation{display:flex;gap:22px;align-items:center}
@media(max-width:680px){.photo-navigation{gap:12px;font-size:13px}}