.crop-intro{color:var(--muted);margin:0 0 12px}.crop-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:20px;display:grid}.crop-main{gap:12px;min-width:0;display:grid}.crop-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-shape{color:var(--muted);font-size:13px}.crop-stage{border-radius:var(--radius);background:var(--slate-900);touch-action:none;height:340px;position:relative;overflow:hidden}.crop-stage.fit{background:var(--surface-alt);border:1px solid var(--line);place-items:center;padding:12px;display:grid}.crop-stage.fit img{max-width:100%;max-height:316px;box-shadow:0 0 0 1px var(--line-strong)}.crop-stage.fit.checker img,.crop-pv :is(.crop-pv-icon,.crop-pv-tile,.crop-pv-banner,.crop-pv-badge){background:repeating-conic-gradient(var(--line) 0 25%, var(--surface) 0 50%) 0 0 / 16px 16px}.crop-stage .reactEasyCrop_CropArea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.crop-controls{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.crop-range{flex:200px;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.crop-range input{min-width:0;height:32px;accent-color:var(--link);flex:1}.crop-fill{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-side{gap:12px;display:grid}.crop-size{color:var(--muted);margin:0;font-size:12px}.crop-actions{flex-wrap:wrap}.crop-actions .crop-another{margin-right:auto}.crop-pv{gap:6px;margin:0;display:grid}.crop-pv figcaption{color:var(--muted);font-size:12px}.crop-pv img{display:block}.crop-pv-empty{width:100%;height:100%;display:block}.crop-pv-row{flex-wrap:wrap;gap:12px;display:flex}.crop-pv-bar{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;width:180px;height:56px;padding:0 16px;display:flex}.crop-pv-bar.dark{background:#213343;border-color:#2d3e50}.crop-pv-bar img{max-width:148px;max-height:32px}.crop-pv-icon{width:64px;height:64px;box-shadow:0 0 0 1px var(--line-strong);border-radius:14px;overflow:hidden}.crop-pv-icon.round{border-radius:50%}.crop-pv-icon img,.crop-pv-photo img,.crop-pv-bg img{object-fit:cover;width:100%;height:100%}.crop-pv-tab{color:#3c4043;background:#dee1e6;border-radius:8px 8px 0 0;align-items:center;gap:6px;width:132px;height:32px;padding:0 10px;font-size:12px;display:flex}.crop-pv-tab img{width:16px;height:16px}.crop-pv-bg{aspect-ratio:16/9;border-radius:var(--radius);background:#213343;place-items:center;width:240px;display:grid;position:relative;overflow:hidden}.crop-pv-bg img{position:absolute;inset:0}.crop-pv-card{background:#fff;border-radius:4px;width:64px;height:80px;position:relative;box-shadow:0 2px 8px #00000040}.crop-pv-email{border-radius:var(--radius);background:#f5f8fa;border:1px solid #dfe3eb;gap:6px;width:240px;padding:0 0 12px;display:grid}.crop-pv-email-head{background:#fff;border-bottom:1px solid #dfe3eb;place-items:center;height:64px;display:grid}.crop-pv-email-head img{max-width:150px;max-height:48px}.crop-pv-email>span{background:#dfe3eb;border-radius:4px;height:8px;margin:0 16px}.crop-pv-email>span.short{width:50%}.crop-pv-photo{border-radius:var(--radius);width:96px;height:96px;box-shadow:0 0 0 1px var(--line-strong);overflow:hidden}.crop-pv-photo.round{border-radius:50%}.crop-pv-tile{border:1px solid var(--line);border-radius:var(--radius);place-items:center;width:180px;height:90px;padding:12px;display:grid}.crop-pv-tile img{max-width:100%;max-height:100%}.crop-pv-banner,.crop-pv-badge{border:1px solid var(--line);border-radius:var(--radius);place-items:center;width:240px;max-height:240px;display:grid;overflow:hidden}.crop-pv-badge{border-radius:8px;width:auto;max-width:240px;height:220px}.crop-pv-banner img,.crop-pv-badge img{object-fit:contain;width:100%;height:100%}@media (max-width:719px){.crop-layout{grid-template-columns:minmax(0,1fr)}.crop-stage{height:280px}.crop-stage.fit img{max-height:256px}.crop-actions .crop-another{flex-basis:100%;justify-content:center}}