.studio-panel .identity-image-options { min-width: 0; margin: 18px 0; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-small); }
.identity-image-options legend { padding: 0 6px; font-weight: bold; }
.identity-image-options .button { white-space: normal; text-align: center; }
.identity-image-preview { margin-bottom: 14px; overflow: hidden; border-radius: 8px; background: var(--surface-soft); }
.identity-image-preview--avatar { width: 80px; height: 80px; border-radius: 50%; }
.identity-image-preview--banner { aspect-ratio: 3 / 1; }
.identity-image-preview img { display: block; width: 100%; height: 100%; object-fit: cover; }
.identity-gif-option { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 4px; font-size: .8rem; }
.module-order {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.module-order li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .6rem .8rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-small);
    margin-bottom: 10px;
}

.module-order li>a>.icon {
    margin-right: .6rem;
}

.module-order form {
    display: flex;
}

.profile-editor-grid {
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(340px,1fr);
    gap:25px;
    align-items:start;
}

.profile-editor-panels {
    display:grid;
    gap:20px;
}

.profile-preview {
    min-width:0;
}

.preview-modules {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    align-items:start;
}

.preview-help {
    margin:20px 0;
}

.preview-module {
    min-width:0;
}

.preview-edit {
    display:block;
    padding:8px;
    color:var(--primary);
    font-size:.9rem;
    text-align:right;
}

@media(max-width:1050px) {
    .profile-editor-grid {
        grid-template-columns:1fr;
    }
    .profile-editor-grid>.profile-preview {
        order:2;
    }
}

@media(max-width:600px) {
    .preview-modules {
        grid-template-columns:1fr;
    }
}

.icon-picker {
    border:0;
    padding:0;
    margin:20px 0;
}

.icon-picker legend {
    font-weight:bold;
    margin-bottom:10px;
}

.icon-choices {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
}

.icon-choices label {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid var(--line-strong);
    border-radius:var(--radius-small);
    padding:14px;
    cursor:pointer;
}

.icon-choices input {
    position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    margin:0;
    inset:0;
    cursor:pointer;
}

.icon-choices .icon {
    font-size:1.4rem;
    pointer-events:none;
}

.icon-choices label:has(:checked) {
    background:var(--peach);
    border-color:var(--primary);
    color:var(--primary);
}

.icon-choices label:has(:focus-visible) {
    outline:3px solid var(--primary);
    outline-offset:3px;
}