.dialog.honghulu-chip-crop{width:min(570px,calc(100vw - 24px));height:fit-content;inset:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));margin:auto;max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)) - max(12px,env(safe-area-inset-bottom,0px)));padding:0;overflow:hidden;background:#191616;color:var(--ink,#f4f2f2);border:1px solid #5c4848;border-radius:12px}
.honghulu-chip-crop[open]{display:flex;flex-direction:column}
.honghulu-chip-crop::backdrop{background:#000c}
.honghulu-chip-crop .dialog-head{flex-shrink:0;padding:20px 24px;align-items:flex-start}
.honghulu-chip-crop .dialog-head h2{font-size:20px;line-height:1.4}
.honghulu-chip-crop .dialog-head p{font-size:12px;line-height:1.7;color:var(--muted,#aaa6a6);margin:6px 0 0}
.honghulu-chip-crop .dialog-head>button{width:44px;min-height:44px;flex:0 0 auto;padding:0;font-size:25px;line-height:1}
.honghulu-chip-crop .dialog-body{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 24px;display:grid;grid-auto-rows:max-content;align-content:start;gap:16px}
.honghulu-chip-crop .field{gap:7px}
.honghulu-chip-crop .field select{font-size:16px;min-height:44px}
.honghulu-crop-stage{width:min(100%,420px);aspect-ratio:1;margin-inline:auto;border:1px solid #4b4141;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#292424 0% 25%,#211d1d 0% 50%) 50%/20px 20px}
.honghulu-crop-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}
.honghulu-crop-stage canvas:active{cursor:grabbing}
.honghulu-crop-stage canvas:focus-visible{outline:2px solid var(--focus,#ff8d98)}
.honghulu-crop-range{display:grid;gap:4px;min-width:0;font-size:13px;color:#d8cece}
.honghulu-crop-range[hidden]{display:none}
.honghulu-crop-range>span{display:flex;justify-content:space-between;gap:12px}
.honghulu-crop-range output{color:#cbbebe;font-variant-numeric:tabular-nums}
.honghulu-crop-range input[type=range]{width:100%;min-width:0;min-height:36px;margin:0;accent-color:var(--accent,#df1728);touch-action:pan-y}
.honghulu-crop-help,.honghulu-crop-status{font-size:12px;line-height:1.7;color:var(--muted,#aaa6a6);margin:0}
.honghulu-crop-status{min-height:20px;color:#d4c3c3}
.honghulu-crop-status[data-error=true]{color:#ffadb8}
.honghulu-chip-crop .dialog-actions{flex-shrink:0;display:flex;gap:8px;padding:16px 24px}
.honghulu-chip-crop .dialog-actions [data-crop=reselect]{margin-right:auto}
.honghulu-chip-crop .dialog-actions .button{min-height:44px;font-size:13px;white-space:nowrap}
@media(max-width:600px){.honghulu-chip-crop .dialog-head{padding:15px 16px}.honghulu-chip-crop .dialog-body{padding:14px 16px;gap:12px}.honghulu-chip-crop .dialog-actions{padding:12px 16px;gap:8px}.honghulu-chip-crop .dialog-actions .button{padding:8px 10px;flex:0 0 auto}.honghulu-chip-crop .dialog-actions [data-crop=reselect]{font-size:12px}.honghulu-crop-stage{max-width:min(100%,38dvh)}.honghulu-crop-help{font-size:11px}}
@media(max-width:350px){.honghulu-chip-crop .dialog-actions{display:grid;grid-template-columns:1fr 1fr}.honghulu-chip-crop .dialog-actions [data-crop=reselect]{grid-column:1/-1;margin-right:0}.honghulu-chip-crop .dialog-actions .button{width:100%}}