.portrait-photo-field{gap:12px;min-width:0;padding-block:8px;display:grid}.portrait-photo-field h3{margin:0;font-size:16px}.portrait-photo-field p,.portrait-photo-field small{margin:0;line-height:1.5}.portrait-photo-field small{color:#aaa;font-size:12px}.portrait-photo-field>p,.portrait-photo-editor>p{color:#bbb;font-size:13px}.portrait-photo-select{cursor:pointer;background:#353535;border:1px solid #555;border-radius:16px;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;display:flex;position:relative}.portrait-photo-select input{opacity:0;width:1px;height:1px;position:absolute}.portrait-photo-select:focus-within{outline:2px solid var(--accent,#d5f600);outline-offset:3px}.portrait-photo-select:has(input:disabled){opacity:.6;cursor:wait}.portrait-photo-editor{gap:14px;min-width:0;display:grid}.portrait-photo-crop{aspect-ratio:1;touch-action:none;cursor:grab;border-radius:18px;width:min(100%,320px);margin-inline:auto;position:relative;overflow:hidden}.portrait-photo-crop canvas{width:100%;height:100%;display:block}.portrait-photo-mask{pointer-events:none;border:1px solid #fff9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 100px #0008}.portrait-photo-field input[type=range]{width:100%;min-height:36px;accent-color:var(--accent,#d5f600)}.portrait-photo-field>.error{color:#ffb4a9;background:#482622;border-radius:12px;padding:12px}[data-app-theme=light] .portrait-photo-select{color:#23241f;background:#e8e6df;border-color:#c8c8c0}[data-app-theme=light] .portrait-photo-field :is(p,small){color:#63655b}[data-app-theme=light] .portrait-photo-field>.error{color:#922b20;background:#fce6e1}