.image-picker{text-align:left;width:100%;color:var(--ink);background:var(--cream);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:16px;padding:14px;display:flex}.image-picker:hover{border-color:var(--gold,#d5b76b)}.image-picker:focus-visible{outline:2px solid var(--gold,#d5b76b);outline-offset:3px}.image-picker:disabled{opacity:.6;cursor:wait}.image-picker-preview{border:1px solid var(--line);width:64px;height:64px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.image-picker-preview img{object-fit:cover;width:100%;height:100%}.image-picker-circle .image-picker-preview{border-radius:50%}.image-picker-banner .image-picker-preview{width:128px;height:40px}.image-picker-hint{color:var(--muted);margin-top:4px;font-size:12px;display:block}.image-picker-action{white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:auto;display:inline-flex}.dialog-content.image-editor{width:min(640px,100vw - 24px);max-height:90dvh;padding:24px;overflow-y:auto}.image-editor-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-editor-heading h2{margin:0}.image-editor-stage{border:1px solid var(--line);background:#101116;border-radius:10px;place-items:center;min-height:180px;padding:20px;display:grid}.image-editor-frame{touch-action:none;cursor:grab;background:repeating-conic-gradient(#30323a 0% 25%,#25262e 0% 50%) 50%/16px 16px;outline:1px solid #ffffff50;width:min(100%,260px);position:relative;overflow:hidden}.image-editor-frame:active{cursor:grabbing}.image-editor-frame-banner{width:100%}.image-editor-frame img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.image-editor-circle{pointer-events:none;border:1px solid #ffffffb0;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 100px #0009}.image-editor-empty{color:#eef0f6;cursor:pointer;background:0 0;border:0;justify-items:center;gap:12px;padding:30px 12px;display:grid}.image-editor-empty small{color:#a0a4b5}.image-editor-help{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.image-editor-controls{border:0;gap:12px;min-width:0;margin:18px 0;padding:0;display:grid}.image-editor-controls label{align-items:center;gap:12px;font-size:13px;display:flex}.image-editor-controls input[type=range]{width:auto;min-width:0;height:20px;min-height:20px;accent-color:var(--gold,#d5b76b);flex:1;margin:0;padding:0}.image-editor-controls output{min-width:34px}.image-editor-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-top:18px;display:flex}.image-editor-actions>span{flex:1}@media (max-width:480px){.dialog-content.image-editor{padding:16px}.image-editor-stage{padding:12px}.image-picker-banner .image-picker-preview{width:88px;height:28px}}