.profile-photo-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;background:linear-gradient(140deg,#31473f,#1c2834);border-radius:16px;border:1px solid #3c5148}.profile-photo-preview.portrait{aspect-ratio:4/5;max-width:200px}.profile-photo-preview.banner{aspect-ratio:8/3}.profile-photo-picker label:focus-within{outline:2px solid #b1dac3;outline-offset:4px}.profile-photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-photo-scrim{position:absolute;inset:0;background:linear-gradient(0deg,#101d27b3,#101d271a)}.profile-crop-dialog{width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;color:#e2e8ed;background:#111c25;border:1px solid #486052;border-radius:20px;padding:0}.profile-crop-dialog::backdrop{background:#040b12d9;backdrop-filter:blur(5px)}.profile-crop-canvas{position:relative;margin:auto;overflow:hidden;border-radius:12px;background:#1c2c34}.profile-crop-canvas.portrait{max-width:240px;aspect-ratio:4/5}.profile-crop-canvas.banner{aspect-ratio:8/3}.profile-crop-canvas canvas{display:block;width:100%;height:100%}.profile-crop-canvas p{position:absolute;inset:0;display:grid;place-items:center;font-size:13px}.profile-photo-stage{position:relative}.profile-photo-tools{position:absolute;bottom:10px;right:10px;display:flex;gap:6px}.profile-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgb(var(--ink-700));background:rgb(var(--ink-900)/.92);color:rgb(var(--ink-100));cursor:pointer;font-size:22px}.profile-icon-button:hover{color:rgb(var(--theme-accent));border-color:currentColor}.profile-icon-button:focus-visible{outline:2px solid rgb(var(--theme-accent));outline-offset:3px}.profile-photo-preview{background:rgb(var(--ink-800));border-color:rgb(var(--ink-700))}.profile-crop-dialog{background:rgb(var(--ink-900));color:rgb(var(--ink-100));border-color:rgb(var(--ink-700))}.profile-cover-edit{position:absolute;bottom:14px;right:16px}.profile-portrait-edit{position:absolute;bottom:8px;right:8px}.profile-correction-dialog{padding:24px}