.portrait-editor{margin-bottom:1rem}.portrait-editor-frame{position:relative;width:min(100%,320px);aspect-ratio:3/4;margin:auto;overflow:hidden;background:#1d1927;border:2px solid #779eaa;touch-action:none;cursor:grab;user-select:none}.portrait-editor-frame:active{cursor:grabbing}.portrait-editor-frame canvas{display:block;width:100%;height:100%}.portrait-editor-shade{position:absolute;inset:0;background:radial-gradient(circle closest-side at center,transparent 98%,#14102566 100%);pointer-events:none}.portrait-editor-circle{position:absolute;left:0;top:50%;width:100%;aspect-ratio:1;transform:translateY(-50%);border:2px dashed #fff5d9;border-radius:50%;box-sizing:border-box;pointer-events:none}.portrait-editor-caption,.portrait-editor-icon-label{position:absolute;padding:3px 7px;background:#172e42d9;color:#fff8e9;font:12px/1.4 system-ui,sans-serif;pointer-events:none}.portrait-editor-caption{left:4px;top:4px}.portrait-editor-icon-label{left:50%;top:50%;transform:translate(-50%,-50%);opacity:.8}.portrait-editor label{display:block;margin:.6rem 0}.portrait-editor input[type=range]{display:block;width:100%;min-height:30px;padding:0;accent-color:#287985}.portrait-editor [data-crop-reset]{margin:.3rem 0}.portrait-preview[hidden]{display:none}