.image-tool-workbench{gap:1.1rem;display:grid}@media (min-width:900px){.image-tool-workbench{grid-template-columns:minmax(0,1fr) minmax(17.5rem,21rem);align-items:start}.image-tool-workbench-side{position:sticky;top:1rem}}.image-tool-workbench-stage{min-width:0}.image-tool-workbench-side{flex-direction:column;gap:.9rem;display:flex}.image-tool-workbench-actions{z-index:70;background:linear-gradient(#ffffffe0,#fff 35%);border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.5rem;margin:0 -.25rem;padding:.75rem .25rem;display:flex;position:sticky;bottom:0}.image-tool-workbench-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:.9rem}.image-tool-workbench-preview h3{color:#0f172a;margin:0 0 .45rem;font-size:.92rem;font-weight:750}.image-tool-workbench-preview img{object-fit:contain;background-color:#0000;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #e2e8f0;border-radius:.7rem;width:min(100%,240px);max-height:280px;margin:0 auto;display:block}.image-tool-note{color:#55565f;margin:0;font-size:.75rem;line-height:1.45}.image-tool-warn{color:#b45309;margin:0;font-size:.75rem;line-height:1.45}.image-tool-error{color:#b91c1c;margin:0;font-size:.85rem}html[data-theme=dark] .image-tool-workbench-actions{background:linear-gradient(#17171ae0,#17171a 35%);border-color:#333338}html[data-theme=dark] .image-tool-workbench-preview{background:#17171a;border-color:#333338}
.crop-tool{--crop-tool-line:#e2e8f0;--crop-tool-ink:#0d0d0f;--crop-tool-muted:#55565f;color:var(--crop-tool-ink)}.crop-tool-empty{cursor:pointer;border:1px dashed var(--crop-tool-line);text-align:center;background:linear-gradient(#ffffffe6,#f8fafcf2),radial-gradient(circle at 20% 0,#f2701a14,#0000 46%);border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:280px;padding:2rem 1.25rem;transition:border-color .2s,background-color .2s;display:flex}.crop-tool-empty:hover,.crop-tool-empty.is-over{border-color:var(--color-cta-500);background-color:var(--color-accent-50)}.crop-tool-empty h2{margin:.35rem 0 0;font-size:1.15rem;font-weight:700}.crop-tool-empty p{color:var(--crop-tool-muted);margin:0;font-size:.875rem}.crop-tool-empty-icon{background:var(--color-cta-500);width:3.25rem;height:3.25rem;color:var(--color-brand-950);border-radius:1rem;place-items:center;display:grid}.crop-tool-toolbar{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.crop-tool-toolbtn{border:1px solid var(--crop-tool-line);min-height:2.5rem;color:var(--crop-tool-ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:0 .85rem;font-size:.8rem;font-weight:650;display:inline-flex}.crop-tool-toolbtn:hover:not(:disabled){border-color:var(--color-accent-400);color:var(--color-accent-700)}.crop-tool-toolbtn:disabled{cursor:not-allowed;opacity:.45}.crop-tool-toolbtn.is-cta{border-color:var(--color-cta-500);background:var(--color-cta-500);color:var(--color-brand-950)}.crop-tool-workspace{gap:1rem;display:grid}@media (min-width:960px){.crop-tool-workspace{grid-template-columns:minmax(0,1fr) 17.5rem;align-items:start}}.crop-tool-canvas{min-width:0}.crop-tool-sidebar{border:1px solid var(--crop-tool-line);background:#f8fafc;border-radius:1.15rem;flex-direction:column;gap:.85rem;padding:.9rem;display:flex}.crop-tool-block h3{letter-spacing:.06em;text-transform:uppercase;color:var(--crop-tool-muted);margin:0 0 .5rem;font-size:.72rem;font-weight:800}.crop-tool-presets{flex-wrap:wrap;gap:.35rem;display:flex}.crop-tool-chip{border:1px solid var(--crop-tool-line);cursor:pointer;background:#fff;border-radius:999px;min-height:2.15rem;padding:0 .7rem;font-size:.75rem;font-weight:700}.crop-tool-chip[aria-pressed=true]{border-color:var(--color-cta-500);background:var(--color-cta-500);color:var(--color-brand-950)}.crop-tool-hint{color:var(--crop-tool-muted);margin:.4rem 0 0;font-size:.72rem;line-height:1.35}.crop-tool-fields{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.crop-tool-fields label,.crop-tool-check{color:var(--crop-tool-muted);flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:700;display:flex}.crop-tool-fields input[type=number],.crop-tool-select{border:1px solid var(--crop-tool-line);width:100%;min-height:2.4rem;color:var(--crop-tool-ink);background:#fff;border-radius:.7rem;padding:0 .6rem;font-size:.875rem}.crop-tool-check{flex-direction:row;grid-column:1/-1;align-items:center}.crop-tool-row{flex-wrap:wrap;gap:.35rem;display:flex}.crop-tool-slider{align-items:center;gap:.4rem;display:flex}.crop-tool-slider input[type=range]{min-height:2.4rem;accent-color:var(--color-cta-500);flex:1}.crop-tool-meta{text-align:right;min-width:3.1rem;font-size:.75rem;font-weight:700}.crop-tool-export{flex-direction:column;gap:.45rem;display:flex}.crop-tool-error{color:#b91c1c;margin:.75rem 0 0;font-size:.875rem}.crop-tool-result{border:1px solid var(--crop-tool-line);border-radius:1.15rem;margin-top:1.1rem;padding:1rem}.crop-tool-result h2{margin:0 0 .35rem;font-size:1.05rem}.crop-tool-compare{grid-template-columns:1fr 1fr;gap:.7rem;margin:.75rem 0;display:grid}.crop-tool-compare figure{margin:0}.crop-tool-compare img{border:1px solid var(--crop-tool-line);object-fit:contain;background:#0d0d0f;border-radius:.8rem;width:100%;max-height:180px}.crop-tool-compare figcaption{color:var(--crop-tool-muted);margin-top:.3rem;font-size:.72rem;font-weight:700}.crop-tool-related{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.crop-tool-related a{border:1px solid var(--crop-tool-line);color:#333338;background:#fff;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;font-weight:650;text-decoration:none}.crop-tool-related a:hover{border-color:var(--color-accent-400);color:var(--color-accent-700)}.crop-tool-privacy{color:var(--crop-tool-muted);margin:.65rem 0 0;font-size:.75rem}@media (prefers-reduced-motion:reduce){.crop-tool-empty,.crop-tool-toolbtn,.crop-tool-chip,.crop-tool-related a{transition:none}}html[data-theme=dark] .crop-tool-empty,html[data-theme=dark] .crop-tool-sidebar,html[data-theme=dark] .crop-tool-result,html[data-theme=dark] .crop-tool-toolbtn,html[data-theme=dark] .crop-tool-chip,html[data-theme=dark] .crop-tool-fields input,html[data-theme=dark] .crop-tool-select,html[data-theme=dark] .crop-tool-related a{color:#f4f0e8;background:#17171a;border-color:#333338}html[data-theme=dark] .crop-tool-chip[aria-pressed=true],html[data-theme=dark] .crop-tool-toolbtn.is-cta{background:var(--color-cta-500);color:var(--color-brand-950)}