.crop-workspace{--crop-surface:#fff;--crop-stage:#e8ede8;--crop-danger:#a43a19;border:1px solid var(--line);background:var(--paper);border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 12px 36px #0815130b}.crop-workspace [hidden]{display:none}.crop-workspace h2,.crop-workspace h3,.crop-workspace p{margin:0}.crop-upload-bar{background:var(--mist);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;display:flex}.crop-upload-copy{align-items:center;gap:16px;min-width:0;display:flex}.crop-upload-icon{color:var(--ink);flex:0 0 36px}.crop-upload-copy h2{letter-spacing:-.025em;font-size:1.24rem;line-height:1.3}.crop-upload-copy p{max-width:460px;color:var(--muted);margin-top:5px;font-size:.92rem;line-height:1.5}.crop-upload-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px 12px;max-width:360px;display:flex}.crop-button{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--ink);background:var(--crop-surface);font:inherit;text-align:center;cursor:pointer;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.92rem;font-weight:650;line-height:1.4;display:inline-flex}.crop-button:hover{background:var(--mist);border-color:var(--muted)}.crop-button:active{transform:scale(.98)}.crop-button:disabled{color:var(--muted);cursor:default;opacity:.65;transform:none}.crop-button-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.crop-button-primary:hover{background:var(--deep);border-color:var(--deep)}.crop-button-primary:disabled{color:var(--paper)}.crop-button-text{text-underline-offset:4px;background:0 0;border-color:#0000;padding-inline:8px;font-weight:550;text-decoration:underline}.crop-file-label{position:relative;overflow:hidden}.crop-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.crop-file-label:has(.crop-file-input:focus-visible){outline:3px solid var(--eyebrow);outline-offset:3px}.crop-file-hint{text-align:right;color:var(--muted);flex-basis:100%;font-size:.76rem}.crop-status{color:var(--muted);border-bottom:1px solid var(--line-soft);min-height:42px;padding:11px 30px;font-size:.88rem;line-height:1.5}.crop-status[data-tone=error]{color:var(--crop-danger);background:#fff2e9}.crop-status[data-tone=success]{color:#14764f}.crop-workspace[data-dragging=true] .crop-upload-bar{box-shadow:inset 0 0 0 2px var(--ink);background:#d1f3ee}.crop-editor-grid{grid-template-columns:290px minmax(0,1fr);display:grid}.crop-controls{border-right:1px solid var(--line);min-width:0;padding:28px 26px}.crop-section-heading{align-items:center;gap:9px;display:flex}.crop-section-heading h3{letter-spacing:-.02em;font-size:1.02rem;line-height:1.4}.crop-step{color:var(--eyebrow);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.73rem;font-weight:650}.crop-field{margin-top:18px}.crop-field>label,.crop-mode-fieldset legend{margin-bottom:7px;font-size:.86rem;font-weight:650;line-height:1.5;display:block}.crop-field select,.crop-bundle-format select{width:100%;min-height:44px;color:var(--ink);background:var(--crop-surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:9px 30px 9px 11px;font-size:.88rem;line-height:1.5}.crop-button-add{background:var(--mist);width:100%;margin-top:14px}.crop-button-add:disabled{background:var(--workbench)}.crop-hint{color:var(--muted);font-size:.79rem;line-height:1.55;margin-top:10px!important}.crop-section-divider{border-top:1px solid var(--line);margin-top:23px;padding-top:23px}.crop-mode-fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}.crop-mode-options{background:var(--workbench);border:1px solid var(--line);border-radius:7px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.crop-mode-options label{cursor:pointer;text-align:center;justify-content:center;align-items:center;min-height:44px;font-size:.79rem;line-height:1.3;display:flex;position:relative}.crop-mode-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.crop-mode-options span{border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;min-height:44px;padding:5px;display:flex}.crop-mode-options input:checked+span{background:var(--crop-surface);font-weight:650;box-shadow:0 1px 4px #08151314}.crop-mode-options input:focus-visible+span{outline:3px solid var(--eyebrow);outline-offset:2px}.crop-range-field label{justify-content:space-between;align-items:center;gap:8px;display:flex}.crop-range-field output{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;font-weight:450}.crop-range-field input{width:100%;height:44px;accent-color:var(--ink);cursor:pointer;margin:0;display:block}.crop-range-field:has(input:disabled){opacity:.5}.crop-range-field input:disabled{cursor:default}.crop-background-field>div{align-items:center;gap:12px;display:flex}.crop-background-field input{background:var(--crop-surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;width:52px;height:44px;padding:3px}.crop-background-field output{color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem}.crop-adjust-actions{gap:8px;margin-top:20px;display:flex}.crop-adjust-actions .crop-button{flex:1;padding-inline:8px;font-size:.8rem}.crop-preview-panel{background:var(--crop-surface);min-width:0;padding:26px 28px}.crop-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.crop-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.075em;margin-bottom:4px;font-size:.65rem;font-weight:650;display:block}.crop-preview-heading h3{letter-spacing:-.025em;font-size:1.07rem;line-height:1.4}.crop-dimension-tag{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:4px;flex:none;padding:7px 9px;font:.72rem/1.4 ui-monospace,SFMono-Regular,monospace}.crop-stage{background-color:var(--crop-stage);border:1px solid var(--line-soft);background-image:linear-gradient(45deg,#ffffff73 25%,#0000 25%),linear-gradient(-45deg,#ffffff73 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff73 75%),linear-gradient(-45deg,#0000 75%,#ffffff73 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:8px;justify-content:center;align-items:center;min-height:330px;padding:20px;display:flex}.crop-frame{width:min(100%,calc(440px * var(--crop-frame-ratio)));aspect-ratio:var(--crop-frame-ratio);background:var(--paper);position:relative;box-shadow:0 6px 22px #08151329}.crop-canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.crop-workspace[data-mode=pad] .crop-canvas{cursor:default;touch-action:auto}.crop-canvas:focus-visible{outline:3px solid var(--eyebrow);outline-offset:5px}.crop-sample-placeholder{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.crop-thirds,.crop-guide,.crop-focal-point{z-index:2;pointer-events:none;position:absolute}.crop-thirds{inset:0}.crop-thirds span{border:0 solid #ffffffa6;position:absolute;box-shadow:0 0 1px #0006}.crop-thirds span:first-child,.crop-thirds span:nth-child(2){border-left-width:1px;top:0;bottom:0}.crop-thirds span:first-child{left:33.333%}.crop-thirds span:nth-child(2){left:66.666%}.crop-thirds span:nth-child(3),.crop-thirds span:nth-child(4){border-top-width:1px;left:0;right:0}.crop-thirds span:nth-child(3){top:33.333%}.crop-thirds span:nth-child(4){top:66.666%}.crop-guide{border:1px dashed #ffedb7;inset:7%;box-shadow:0 0 0 1px #0000001f}.crop-guide>span{color:#fff9e9;background:#081513bf;border-radius:2px;max-width:calc(100% - 10px);padding:3px 5px;font-size:.61rem;line-height:1.3;position:absolute;top:5px;left:5px}.crop-focal-point{color:#fff;background:#08151373;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000029}.crop-preview-tools{flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:10px;display:flex}.crop-preview-tools label{cursor:pointer;align-items:center;gap:7px;min-height:44px;font-size:.78rem;font-weight:550;display:flex}.crop-preview-tools input{width:16px;height:16px;accent-color:var(--ink);margin:0}.crop-preview-tools>span{color:var(--muted);margin-left:auto;font-size:.71rem}.crop-keyboard-help{color:var(--muted);font-size:.73rem;line-height:1.5}.crop-preview-information{border-top:1px solid var(--line-soft);color:var(--muted);margin-top:17px;padding-top:16px;font-size:.8rem;line-height:1.6}.crop-preview-information p+p{margin-top:5px}.crop-source-info{color:var(--ink);overflow-wrap:anywhere;font-weight:650}.crop-resolution-warning{border-left:2px solid var(--eyebrow);color:var(--crop-danger);background:#fff2e9;padding:8px 10px;margin-block:8px!important}.crop-source-link{text-underline-offset:3px;min-height:44px;color:var(--ink);align-items:center;margin-right:10px;font-size:.76rem;text-decoration:underline;display:inline-flex}.crop-reviewed{font-size:.7rem}.crop-current-export{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding-top:16px;font-size:.86rem;font-weight:550;display:flex}.crop-current-export>div{gap:8px;display:flex}.crop-current-export .crop-button{min-width:72px}.crop-output-section{border-top:1px solid var(--line);background:var(--paper);padding:28px 30px}.crop-output-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.crop-output-heading p{color:var(--muted);margin-top:7px;font-size:.84rem;line-height:1.5}.crop-count{border:1px solid var(--line);min-width:22px;min-height:22px;color:var(--muted);vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;margin-left:5px;padding:2px 6px;font-size:.74rem;font-weight:500;display:inline-flex}.crop-bundle-actions{flex:none;align-items:flex-end;gap:10px;display:flex}.crop-bundle-format{width:86px}.crop-bundle-format label{color:var(--muted);margin-bottom:5px;font-size:.65rem;display:block}.crop-bundle-format select{font-size:.79rem}.crop-output-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.crop-output-card{border:1px solid var(--line);background:var(--crop-surface);border-radius:8px;min-width:0;position:relative;overflow:hidden}.crop-output-card[data-active=true]{border-color:var(--ink);background:var(--mist)}.crop-output-select{width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:12px;display:flex}.crop-output-select:hover{background:var(--workbench)}.crop-output-thumbnail{background:var(--crop-stage);border-radius:3px;justify-content:center;align-items:center;width:100%;height:110px;margin-bottom:10px;display:flex;overflow:hidden}.crop-output-thumbnail canvas{width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 2px 8px #0815131f}.crop-output-name{color:var(--muted);padding-right:24px;font-size:.7rem;line-height:1.5}.crop-output-label{margin-top:2px;font-size:.85rem;font-weight:650;line-height:1.4}.crop-output-size{color:var(--muted);margin-top:4px;font:.68rem/1.5 ui-monospace,SFMono-Regular,monospace}.crop-output-remove{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:9px;right:9px}.crop-output-remove:hover{border-color:var(--eyebrow);background:#fff2e9}.crop-output-empty{border:1px dashed var(--line);color:var(--muted);border-radius:6px;padding:20px;font-size:.88rem}.crop-noscript{color:var(--crop-danger);padding:16px 30px}.crop-workspace :focus-visible{outline:3px solid var(--eyebrow);outline-offset:3px}@media (width<=1000px){.crop-upload-bar{align-items:flex-start}.crop-upload-actions{max-width:250px}.crop-editor-grid{grid-template-columns:250px minmax(0,1fr)}.crop-controls,.crop-preview-panel{padding:24px 20px}.crop-preview-heading{flex-wrap:wrap;gap:9px}.crop-preview-tools>span{flex-basis:100%;margin-bottom:8px;margin-left:0}.crop-output-heading{align-items:flex-start}.crop-bundle-actions{flex-wrap:wrap;justify-content:flex-end;max-width:245px}}@media (width<=720px){.crop-upload-bar{flex-direction:column;gap:18px;padding:22px 20px}.crop-upload-actions{justify-content:flex-start;width:100%;max-width:none}.crop-file-hint{text-align:left}.crop-status{padding-inline:20px}.crop-editor-grid{grid-template-columns:1fr}.crop-controls{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.crop-controls>.crop-section-heading,.crop-controls>.crop-hint,.crop-mode-fieldset,.crop-controls>.crop-range-field,.crop-background-field,.crop-adjust-actions{grid-column:1/-1}.crop-controls>.crop-button-add{grid-column:1/-1;width:auto}.crop-position-fields{display:contents}.crop-position-fields>.crop-field{min-width:0}.crop-preview-panel{padding:22px 18px}.crop-stage{min-height:260px;padding:16px}.crop-frame{width:min(100%,calc(390px * var(--crop-frame-ratio)))}.crop-preview-tools{gap:0 14px}.crop-output-section{padding:24px 20px}.crop-output-heading{flex-direction:column;gap:18px}.crop-bundle-actions{justify-content:flex-start;width:100%;max-width:none}.crop-bundle-actions>.crop-button{flex:1}.crop-output-list{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-output-thumbnail{height:94px}.crop-output-remove{width:44px;height:44px;top:6px;right:6px}.crop-output-select{padding:9px}.crop-preview-information{font-size:.78rem}.crop-current-export{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.crop-button{transition:none}.crop-button:active{transform:none}}