.photo-cropper-hero{padding-block:24px 36px;background:color-mix(in oklab,var(--brand-primary) 4%,var(--background))}.photo-cropper-hero h1{max-width:880px;margin-block:20px;font-size:clamp(34px,4vw,52px);line-height:1.15;font-weight:700;letter-spacing:-1px}.photo-cropper-hero .headshot-landing-lead{max-width:780px}.photo-cropper-content{margin-block:32px 56px}.photo-cropper-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;border:1px solid var(--border);border-radius:20px;background:var(--card);padding:28px}.photo-cropper-preview-panel,.photo-cropper-controls{min-width:0}.photo-cropper-picker-actions,.photo-cropper-download-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.photo-cropper-workspace button,.photo-cropper-download-actions a{white-space:normal;text-align:center;min-width:0;max-width:100%}.photo-cropper-note,.photo-cropper-preview-label,.photo-cropper-circles figcaption{font-size:12px;line-height:1.7;color:var(--muted-foreground)}.photo-cropper-note{margin-block:12px 18px}.photo-cropper-square{width:min(100%,400px);aspect-ratio:1;margin-inline:auto;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--muted)}.photo-cropper-square canvas{display:block;width:100%;height:100%}.photo-cropper-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted-foreground);text-align:center;padding:20px}.photo-cropper-preview-label{margin-top:10px;text-align:center}.photo-cropper-circles{margin:20px 0 0;text-align:center}.photo-cropper-circles>div{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:8px}.photo-cropper-circles canvas{border-radius:50%;border:1px solid var(--border)}.photo-cropper-controls h2{margin:0 0 26px;font-size:23px;font-weight:600}.photo-cropper-range{margin-block:22px}.photo-cropper-range label{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:14px}.photo-cropper-range output{font-variant-numeric:tabular-nums;color:var(--muted-foreground)}.photo-cropper-range input{display:block;width:100%;height:30px;accent-color:var(--primary);cursor:pointer}.photo-cropper-workspace input:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:4px}.photo-cropper-workspace input:disabled{cursor:default;opacity:.45}.photo-cropper-output{display:flex;flex-wrap:wrap;gap:12px 24px;border:0;padding:0;margin:26px 0 12px;font-size:14px}.photo-cropper-output legend{margin-bottom:12px;font-weight:600}.photo-cropper-output label{display:flex;align-items:center;gap:8px}.photo-cropper-output input{accent-color:var(--primary);width:18px;height:18px}.photo-cropper-dimensions{color:var(--muted-foreground);font-size:13px;margin-block:12px 22px}.photo-cropper-warning{display:block;padding:12px;background:var(--brand-soft);border-radius:8px;font-size:13px;line-height:1.7;margin-block:16px}.photo-cropper-feedback,.photo-cropper-error{font-size:13px;line-height:1.7;margin-top:14px}.photo-cropper-feedback{color:var(--muted-foreground)}.photo-cropper-error{color:var(--destructive)}.photo-cropper-privacy{padding-top:16px;border-top:1px solid var(--border)}.photo-cropper-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0}.photo-cropper-guide li{padding-inline-start:6px}.photo-cropper-how h3{font-size:18px;font-weight:600;margin-bottom:10px}.photo-cropper-how p,.photo-cropper-guide li{color:var(--muted-foreground);line-height:1.8;font-size:15px}.photo-cropper-guide ul{display:grid;gap:12px;padding-inline-start:24px}.photo-cropper-guide a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.photo-cropper-cta .headshot-landing-actions>a{white-space:normal;text-align:center;min-width:0;max-width:100%}@media(max-width:700px){.photo-cropper-workspace{grid-template-columns:minmax(0,1fr);padding:18px;gap:28px}.photo-cropper-how ol{grid-template-columns:minmax(0,1fr)}.photo-cropper-hero h1{letter-spacing:-.5px}}