.crop-hero{background:var(--silver-canvas);border-bottom:1px solid var(--silver-line);padding:36px 0 28px}.crop-hero h1{letter-spacing:-.048em;margin-bottom:14px;font-size:clamp(36px,4.2vw,56px);font-weight:800;line-height:1.05}.crop-hero p{color:var(--silver-muted);max-width:680px;font-size:18px}.crop-body{padding-top:32px;padding-bottom:32px}.crop-panel{border:1px solid var(--silver-line);border-radius:var(--silver-radius);background:#fff;min-width:0;padding:28px}.crop-panel h2{margin-bottom:20px;font-size:22px}.crop-label,.crop-fields label{margin-bottom:8px;font-size:14px;font-weight:650;display:block}.crop-panel input,.crop-panel select{font:inherit;color:var(--silver-ink);max-width:100%}.crop-choose{background:var(--silver-violet);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;min-height:44px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.crop-choose:hover{background:var(--silver-violet-hover)}#crop-file:focus-visible+.crop-choose{outline:3px solid var(--silver-violet-text);outline-offset:5px}#crop-file:disabled+.crop-choose{background:var(--silver-line);color:var(--silver-muted);cursor:not-allowed}.crop-choose.crop-secondary,.crop-body .button.crop-secondary{color:var(--silver-violet-text);background:#fff;border-color:#858ba3}.crop-choose.crop-secondary:hover,.crop-body .button.crop-secondary:hover:enabled{background:var(--silver-panel)}.crop-quiet{min-height:44px;color:var(--silver-violet-text);font:inherit;cursor:pointer;background:#fff;border:1px solid #858ba3;border-radius:100px;padding:10px 16px}.crop-quiet:hover:enabled{background:var(--silver-panel)}.crop-help{color:var(--silver-muted);overflow-wrap:anywhere;margin-top:12px;font-size:14px}.crop-file-row{justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.crop-file-row .crop-help{margin:0}.crop-file-row button{flex-shrink:0}.crop-workspace{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:24px;margin-top:24px;display:grid}.crop-preview,.crop-output-preview{border:1px solid var(--silver-line);background-color:#f8f8fc;background-image:conic-gradient(#e6e7ef 25%, transparent 0 50%, #e6e7ef 0 75%, transparent 0);background-size:20px 20px;border-radius:8px;margin:20px 0;overflow:hidden}#crop-stage{touch-action:none;width:100%}#crop-stage>div{margin:auto}#crop-empty{text-align:center;min-height:220px;color:var(--silver-muted);background:var(--silver-panel);place-items:center;padding:24px;display:grid}.crop-panel fieldset{border:0;min-width:0;margin:0;padding:0}.crop-panel select,.crop-panel input[type=number]{background:#fff;border:1px solid #858ba3;border-radius:5px;width:100%;min-height:46px;padding:10px 12px}.crop-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.crop-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.crop-body button:disabled,.crop-body fieldset:disabled input,.crop-body fieldset:disabled select{cursor:default;color:var(--silver-muted);background:var(--silver-canvas);border-color:var(--silver-line)}.crop-error{color:#a7253d;margin-top:12px}.crop-output-preview{place-items:center;min-height:180px;display:grid}.crop-output-preview img{object-fit:contain;max-width:100%;max-height:420px}.crop-output .button{margin-top:20px}.crop-info{max-width:860px;padding:36px 0 12px}.crop-info ol,.crop-info ul{color:var(--silver-muted);margin:20px 0 28px;padding-left:24px}.crop-info li{margin-top:8px}.crop-info details{border-top:1px solid var(--silver-line);padding:14px 0}.crop-info summary{cursor:pointer;align-content:center;min-height:44px;font-weight:650}.crop-info p{color:var(--silver-muted);margin-top:12px}.crop-info a{color:var(--silver-violet-text);text-decoration:underline}.crop-body [hidden]{display:none!important}@media (width<=900px){.crop-workspace{grid-template-columns:1fr}}@media (width<=600px){.crop-panel{padding:23px}.crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-file-row{flex-direction:column;align-items:start}}