.own-profile-page {
    min-height: 100vh;
    background: #f4f7fb;
    color: #14203b;
}

.own-profile-page #header {
    background: transparent;
}

.profile-editor {
    display: grid;
    grid-template-columns: 92px minmax(560px, 1fr) minmax(330px, 390px);
    gap: 18px;
    width: min(1580px, calc(100% - 40px));
    min-height: calc(100vh - 112px);
    margin: 86px auto 28px;
    align-items: start;
}

.profile-editor button,
.profile-editor a,
.profile-editor input {
    font-family: inherit;
    letter-spacing: 0;
}

.profile-editor-rail {
    position: sticky;
    z-index: 100;
    top: 86px;
    display: flex;
    min-height: calc(100vh - 114px);
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 8px;
    border: 1px solid #e8edf3;
    border-radius: 8px;
    background: #fff;
}

.profile-editor-rail-item {
    display: flex;
    min-height: 68px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 4px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #68738c;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.profile-editor-rail-item i {
    font-size: 18px;
}

.profile-editor-rail-account img { width:32px; height:32px; border-radius:10px; object-fit:cover; }
.profile-editor-rail-notifications { position:relative; }
.profile-editor-rail-notifications summary { list-style:none; }
.profile-editor-rail-notifications summary::-webkit-details-marker { display:none; }
.profile-editor-rail-notification-popover { position:absolute; z-index:101; top:4px; left:calc(100% + 10px); width:210px; padding:13px; border-radius:12px; background:#fff; box-shadow:0 16px 36px rgba(25,35,58,.16); }
.profile-editor-rail-notification-popover strong,.profile-editor-rail-notification-popover p { display:block; margin:0; }
.profile-editor-rail-notification-popover strong { color:#202938; font-size:12px; }
.profile-editor-rail-notification-popover p { margin-top:7px; color:#778190; font-size:11px; line-height:1.4; }
.profile-editor-rail-notification-popover p b,.profile-editor-rail-notification-popover p small { display:block; }
.profile-editor-rail-notification-popover p b { color:#374152; font-size:11px; }
.profile-editor-rail-notification-popover p small { margin-top:2px; font-size:10px; }

.profile-editor-rail-item:hover {
    background: #f7f8fb;
    color: #273454;
}

.profile-editor-rail-item.is-active {
    background: #f0edff;
    color: #6244f5;
}

.profile-editor-rail-help {
    margin-top: auto;
}

.profile-editor-workspace {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 14px;
}

.profile-editor-hero,
.profile-editor-tabs,
.profile-editor-panel,
.profile-editor-shortcuts,
.profile-editor-preview {
    border: 1px solid #e8edf3;
    border-radius: 8px;
    background: #fff;
}

.profile-editor-hero {
    display: flex;
    min-height: 116px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 26px;
}

.profile-editor-kicker {
    display: block;
    margin-bottom: 5px;
    color: #7357ff;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.profile-editor-hero h1 {
    margin: 0;
    color: #111a35;
    font-size: 30px;
    font-weight: 750;
    line-height: 1.15;
}

.profile-editor-hero p {
    margin: 6px 0 0;
    color: #7b86a1;
    font-size: 13px;
    line-height: 1.5;
}

.profile-editor-hero-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 18px;
    margin-left: auto;
}
.profile-editor-hero > div:first-child { min-width: 0; }
.profile-editor .profile-editor-hero-actions .profile-share-trigger--labeled {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    background: #222735;
    color: #fff;
    box-shadow: 0 7px 16px rgba(25, 31, 47, .13);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.profile-editor .profile-editor-hero-actions .profile-share-trigger--labeled:hover { background: #353b4b; }
.profile-editor-hero-actions .profile-share-trigger--labeled i { font-size: 14px; }
.profile-editor-order-status { display: inline-flex; align-items: center; gap: 7px; color: #2d7654; font-size: 11px; font-weight: 700; white-space: nowrap; }
.profile-editor-order-status[data-state="saving"] { color: #657182; }
.profile-editor-order-status[data-state="error"] { color: #ab443c; }
.profile-editor-order-status[hidden] { display: none; }
@media (max-width: 1199.98px) { .profile-editor-order-status > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } }

.profile-editor-save-state {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #67728b;
}

.profile-editor-save-state > i {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: #14ad53;
    color: #fff;
    font-size: 9px;
}

.profile-editor-save-state strong,
.profile-editor-save-state small {
    display: block;
    white-space: nowrap;
}

.profile-editor-save-state strong {
    color: #546078;
    font-size: 11px;
}

.profile-editor-save-state small {
    margin-top: 2px;
    color: #9aa3b6;
    font-size: 9px;
}

.profile-editor .profile-share-trigger--labeled {
    display: inline-flex !important;
    width: auto !important;
    min-width: 138px;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 22px;
    border: 0;
    border-radius: 7px;
    background: #6b43f5;
    color: #fff;
    box-shadow: 0 10px 24px rgba(107, 67, 245, .18);
    font-size: 13px;
    font-weight: 700;
}

.profile-editor .profile-share-trigger--labeled:hover {
    background: #5733dc;
}

.profile-editor-tabbar { display:flex; min-width:0; align-items:center; gap:8px; }
.profile-editor-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    min-height: 60px;
    padding: 5px 12px;
    overflow-x: auto;
    scrollbar-width: none;
}

.profile-editor-tabs::-webkit-scrollbar { display: none; }

.profile-editor-tabs button,
.profile-editor-tabs a {
    position: relative;
    display: inline-flex;
    width: 148px;
    min-width: 96px;
    max-width: 148px;
    flex: 1 1 128px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #edf0f5;
    background: transparent;
    color: #66718b;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
}

.profile-editor-tabs > :last-child {
    border-right: 0;
}

.profile-editor-tabs i {
    font-size: 16px;
}

.profile-editor-tabs button:hover,
.profile-editor-tabs a:hover,
.profile-editor-tabs .is-active {
    color: #6542f5;
}

.profile-editor-tabs .is-active::after {
    content: "";
    position: absolute;
    right: 8px;
    bottom: -5px;
    left: 8px;
    height: 2px;
    background: #6542f5;
}

.profile-editor-create-trigger { display:grid; width:38px; height:38px; flex:0 0 38px; place-items:center; border:0; border-radius:12px; background:linear-gradient(135deg,#7955f8,#4d34da); color:#fff; box-shadow:0 8px 18px rgba(91,62,230,.22); font-size:13px; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease; }
.profile-editor-create-trigger:hover { box-shadow:0 12px 23px rgba(91,62,230,.3); transform:translateY(-1px); }

.profile-editor-panel {
    padding: 22px;
}

.profile-editor-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.profile-editor-panel-head h2,
.profile-editor-shortcuts h2 {
    margin: 0;
    color: #111a35;
    font-size: 21px;
    font-weight: 750;
}

.profile-editor-panel-head p {
    margin: 3px 0 0;
    color: #8a94aa;
    font-size: 11px;
}

.profile-editor-panel-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.profile-editor-section-remove-form { margin: 0; }

.profile-editor-section-remove {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #c13d4b;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease;
}

.profile-editor-section-remove:hover { background: transparent; color: #9e2533; transform: scale(1.08); }

.profile-editor-question-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 2px 0 15px; }
.profile-editor-question-actions > button { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-height: 62px; padding: 10px 12px; border: 0; border-radius: 9px; background: #f6f7f8; color: #3a4148; text-align: left; cursor: pointer; transition: background .18s ease, color .18s ease; }
.profile-editor-question-actions > button:hover,.profile-editor-question-actions > button.is-active { background: #eef3f0; color: #254f38; }
.profile-editor-question-actions > button > i:first-child { color: #5f7969; font-size: 15px; text-align: center; }
.profile-editor-question-actions strong,.profile-editor-question-actions small { display: block; }
.profile-editor-question-actions strong { font-size: 12px; font-weight: 750; }
.profile-editor-question-actions small { margin-top: 3px; color: #84908a; font-size: 10px; }
.profile-editor-question-actions > button > i:last-child { color: #97a19d; font-size: 10px; }
.profile-editor-question-workspace { margin-bottom: 14px; }
.profile-editor-question-workspace-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.profile-editor-question-workspace-head h3 { margin: 0; color: #252c32; font-size: 13px; font-weight: 750; }
.profile-editor-question-workspace-head span { color: #89928e; font-size: 10px; font-weight: 650; }
.profile-editor-question-list { display: grid; gap: 7px; }
.profile-editor-question-list article { position: relative; padding: 13px; border: 0; border-radius: 9px; background: #fff; box-shadow: inset 0 0 0 1px #edf0ee; }
.profile-editor-question-list article > p { margin: 0 0 10px; color: #30373d; font-size: 12px; font-weight: 650; line-height: 1.5; }
.profile-editor-question-list article > button { min-height: 32px; padding: 0 11px; border: 0; border-radius: 7px; background: #edf3ef; color: #34553f; font-size: 10px; font-weight: 750; cursor: pointer; }
.profile-editor-question-list form { display: grid; gap: 8px; margin-top: 11px; }
.profile-editor-question-list form textarea { width: 100%; min-height: 74px; padding: 9px 10px; border: 0; border-radius: 7px; background: #f6f7f7; color: #2d343a; font: inherit; font-size: 11px; resize: vertical; outline: 0; }
.profile-editor-question-list form textarea:focus { box-shadow: inset 0 0 0 1px #a9c3b0; background: #fff; }
.profile-editor-question-list form button { justify-self: end; min-height: 34px; padding: 0 14px; border: 0; border-radius: 17px; background: #20282d; color: #fff; font-size: 10px; font-weight: 750; }
.profile-editor-question-list .is-answered > small { display: block; margin-bottom: 4px; color: #7f8984; font-size: 9px; font-weight: 750; text-transform: uppercase; }
.profile-editor-question-list .is-answered > div { color: #647069; font-size: 11px; line-height: 1.5; }
.profile-editor-question-empty { padding: 18px; border-radius: 9px; background: #f6f7f7; color: #8a928e; font-size: 11px; text-align: center; }
.profile-editor-question-settings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 8px; padding-top: 15px; border-top: 1px solid #edf0ee; }
.profile-editor-question-settings label { position: relative; display: flex; min-height: 64px; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 9px; background: #f7f8f8; cursor: pointer; }
.profile-editor-question-settings label > span { min-width: 0; }
.profile-editor-question-settings strong,.profile-editor-question-settings small { display: block; }
.profile-editor-question-settings strong { color: #363d42; font-size: 10px; font-weight: 750; line-height: 1.35; }
.profile-editor-question-settings small { margin-top: 3px; color: #858d89; font-size: 9px; line-height: 1.35; }
.profile-editor-question-settings input { position: absolute; opacity: 0; }
.profile-editor-question-settings label > i { position: relative; width: 36px; height: 21px; flex: 0 0 36px; border-radius: 999px; background: #d6dcda; }
.profile-editor-question-settings label > i::after { content: ''; position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(25, 34, 30, .16); transition: transform .18s ease; }
.profile-editor-question-settings input:checked + i { background: #68ad7d; }
.profile-editor-question-settings input:checked + i::after { transform: translateX(15px); }
.profile-editor-question-settings > button { min-width: 78px; border: 0; border-radius: 21px; background: #20282d; color: #fff; font-size: 11px; font-weight: 750; cursor: pointer; }

.profile-editor-search-trigger,
.profile-editor-add,
.profile-editor-shortcuts-head > button {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e1e6ee;
    border-radius: 7px;
    background: #fff;
    color: #25304d;
    cursor: pointer;
}

.profile-editor-search-trigger {
    width: 42px;
    padding: 0;
}

.profile-editor-add {
    gap: 9px;
    min-width: 132px;
    padding: 0 18px;
    border-color: #16213d;
    background: #16213d;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.profile-editor-search-trigger:hover {
    border-color: #cdd4df;
    background: #f8f9fb;
}

.profile-editor-add:hover {
    background: #263454;
}

.profile-editor-filter {
    display: flex;
    min-height: 44px;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    padding: 0 13px;
    border: 1px solid #dfe4ed;
    border-radius: 7px;
    color: #8993a8;
}

.profile-editor-filter[hidden] {
    display: none;
}

.profile-editor-filter input {
    width: 100%;
    border: 0;
    background: transparent;
    color: #1d2945;
    font-size: 12px;
    outline: none;
}

.profile-editor-items {
    display: grid;
    gap: 7px;
}

.profile-editor-items--social {
    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
    gap: 10px;
}

.profile-editor-items--social .profile-editor-item {
    display: block;
    min-height: 76px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.profile-editor-social-trigger { display: grid; width: 100%; height: 100%; place-items: center; border: 0; border-radius: 7px; background: transparent; cursor: pointer; }
.profile-editor-social-trigger:hover { background: #f7f8fb; }
.profile-editor-social-trigger img { width: 38px; height: 38px; object-fit: contain; }
.profile-editor-social-add { display:grid; width:100%; height:100%; min-height:76px; place-items:center; border:0; border-radius:9px; background:#f6f7f9; color:#68738c; font:inherit; cursor:pointer; }
.profile-editor-social-add i { font-size:18px; }
.profile-editor-social-add:hover { background:#eef1f4; color:#25344d; }
.profile-editor-item--link-add { min-height:54px; border:0; background:transparent; }
.profile-editor-link-add { display:grid; width:100%; min-height:52px; place-items:center; border:0; border-radius:9px; background:#f6f7f9; color:#68738c; cursor:pointer; }
.profile-editor-link-add:hover { background:#eef1f4; color:#25344d; }
.profile-editor-items--social .profile-editor-item:hover { border: 0; box-shadow: none; transform: none; }
.profile-editor-item.profile-editor-item--link { grid-template-columns: 22px minmax(0, 1fr); }
.profile-editor-link-trigger {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: 50px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}
.profile-editor-link-trigger > i { color: #a7aeba; font-size: 10px; }
.profile-editor-link-trigger:hover .profile-editor-item-copy strong { color: #6244f5; }
.profile-manager-platforms .social-platform-option:disabled { opacity:.5; cursor:not-allowed; }
.profile-manager-platforms [data-social-added-label] { margin-left:auto; font-size:11px; font-weight:500; color:#68717c; }
.profile-manager-platforms [data-social-added-label][hidden] { display:none; }
.profile-manager-social-feedback { margin:9px 0 0; color:#b23549; font-size:13px; line-height:1.45; font-weight:500; }
.profile-manager-social-feedback[hidden] { display:none; }
.profile-editor-item--link-add { min-height: 0; border: 0; background: transparent; }
.profile-editor-link-add {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #f5f6f8;
    color: #536078;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.profile-editor-link-add i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 7px; background: #fff; font-size: 12px; }
.profile-editor-link-add:hover { background: #eceff3; color: #26334d; }
.profile-editor-link-modal[hidden], .profile-editor-link-feedback[hidden] { display: none !important; }
.profile-editor-link-modal { position: fixed; z-index: 30050; inset: 0; display: grid; place-items: center; padding: 16px; background: rgba(17, 23, 34, .5); }
.profile-editor-link-dialog { width: min(100%, 460px); padding: 22px; border-radius: 14px; background: #fff; box-shadow: 0 26px 80px rgba(9, 17, 28, .27); }
.profile-editor-link-dialog .profile-editor-social-dialog-head { margin-bottom: 20px; }
.profile-editor-link-dialog form { display: grid; gap: 15px; }
.profile-editor-link-dialog label { display: block; color: #38434a; font-size: 12px; font-weight: 750; }
.profile-editor-link-dialog input { display: block; width: 100%; min-height: 44px; margin-top: 7px; padding: 0 11px; border: 1px solid #dfe5e8; border-radius: 8px; background: #fff; color: #20262c; font: inherit; font-size: 13px; }
.profile-editor-link-dialog input:focus { border-color: #7153d8; outline: 2px solid rgba(113, 83, 216, .15); }
.profile-editor-link-dialog .profile-editor-social-save,
.profile-editor-link-dialog .profile-editor-social-remove { width: 100%; margin: 2px 0 0; }
.profile-editor-link-feedback { margin: 0; color: #b42318; font-size: 12px; }

.profile-editor-item {
    display: grid;
    grid-template-columns: 22px 54px minmax(0, 1fr) 34px 32px;
    min-height: 66px;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border: 1px solid #e7ebf1;
    border-radius: 7px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.profile-editor-item:hover {
    border-color: #d5dbe6;
    box-shadow: 0 8px 24px rgba(41, 53, 79, .06);
    transform: translateY(-1px);
}

.profile-editor-drag {
    color: #a8b0c0;
    font-size: 13px;
    text-align: center;
}
.profile-editor-item--link .profile-editor-drag { display: grid; width: 22px; height: 36px; place-items: center; padding: 0; border: 0; background: transparent; cursor: grab; touch-action: none; }
.profile-editor-item--link .profile-editor-drag:active { cursor: grabbing; }
.profile-editor-item--link .profile-editor-drag:focus-visible { outline: 2px solid #7351a2; outline-offset: 2px; border-radius: 4px; }
.profile-editor-item--link.is-sorting { position: relative; z-index: 2; border-color: #a897e1; box-shadow: 0 10px 24px rgba(79, 62, 120, .13); }

.profile-editor-item-media {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    overflow: hidden;
    border-radius: 7px;
    background: #f7f8fa;
}

.profile-editor-item-media img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.profile-editor-item-media--link img:not(.is-favicon) {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-editor-item-copy {
    min-width: 0;
}

.profile-editor-item-copy strong,
.profile-editor-item-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-editor-item-copy strong {
    color: #1b2744;
    font-size: 13px;
    font-weight: 700;
}

.profile-editor-item-copy small {
    margin-top: 3px;
    color: #8d97ab;
    font-size: 10px;
}

.profile-editor-item-status {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 50%;
    background: #ebe7ff;
    color: #6744f4;
    font-size: 9px;
}

.profile-editor-delete {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #c9636a;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.profile-editor-delete:hover { background: #fff0f1; color: #b73843; }
.profile-editor-delete:disabled { cursor: wait; opacity: .55; }

.profile-editor-item.is-removing {
    max-height: 0;
    min-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(8px);
}

.profile-editor-tab-panel { display: none; min-height: 0; }

.profile-editor-tab-panel.is-active {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    overflow: auto;
    scrollbar-color: #d7dce6 transparent;
    scrollbar-width: thin;
}

.profile-editor-category + .profile-editor-category { margin-top: 20px; }

.profile-editor-category-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2px 2px 8px;
}

.profile-editor-category-head h3 {
    margin: 0;
    color: #65708a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.profile-editor-category-head > span {
    display: grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    padding: 0 6px;
    border-radius: 10px;
    background: #f1f3f7;
    color: #79849a;
    font-size: 10px;
    font-weight: 700;
}

.profile-editor-category-empty { margin: 0; padding: 13px 4px; color: #9aa3b4; font-size: 12px; }

.profile-editor-about-summary {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    max-width: 660px;
    padding: 20px;
    border: 1px solid #edf0f5;
    border-radius: 8px;
    background: #fbfcfe;
}

.profile-editor-about-summary .profile-editor-item-media { flex: 0 0 auto; width: 58px; height: 58px; border-radius: 50%; }
.profile-editor-about-summary .profile-editor-item-media img { width: 100%; height: 100%; object-fit: cover; }
.profile-editor-about-summary strong { display: block; color: #1b2744; font-size: 15px; }
.profile-editor-about-summary p { max-width: 510px; margin: 6px 0 0; color: #7e899e; font-size: 13px; line-height: 1.55; }

.profile-editor-question-actions { display: grid; gap: 9px; max-width: 680px; }

.profile-editor-question-actions a {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 12px 14px;
    border: 1px solid #e7ebf1;
    border-radius: 8px;
    color: #1d2945;
    text-decoration: none;
}

.profile-editor-question-actions > a > i:first-child { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 7px; background: #f1efff; color: #6845f5; }
.profile-editor-question-actions strong, .profile-editor-question-actions small { display: block; }
.profile-editor-question-actions strong { font-size: 13px; }
.profile-editor-question-actions small { margin-top: 3px; color: #9099aa; font-size: 11px; }
.profile-editor-question-actions > a > i:last-child { color: #a4acba; font-size: 11px; }
.profile-editor-empty--compact { min-height: 190px; }

.profile-editor-social-modal {
    position: fixed;
    z-index: 10050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(18, 26, 46, .48);
}

.profile-editor-social-modal[hidden] { display: none; }

.profile-editor-social-dialog {
    width: min(100%, 460px);
    padding: 18px 24px 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 22px 70px rgba(21, 30, 53, .22);
}

.profile-editor-social-dialog-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    align-items: center;
    min-height: 38px;
    margin-bottom: 18px;
}

.profile-editor-social-dialog-head h2 {
    margin: 0;
    color: #151d32;
    font-size: 15px;
    font-weight: 750;
    text-align: center;
}

.profile-editor-social-close {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #222c42;
    cursor: pointer;
}

.profile-editor-social-close:hover { background: #f4f6f9; }

.profile-editor-social-dialog label {
    display: block;
    margin: 0 0 7px;
    color: #69748b;
    font-size: 11px;
    font-weight: 700;
}

.profile-editor-social-dialog input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #e8ebf1;
    border-radius: 7px;
    background: #f8f9fb;
    color: #15203a;
    font-size: 14px;
    outline: 0;
}

.profile-editor-social-dialog input:focus { border-color: #7357ff; background: #fff; }

.profile-editor-social-display-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0;
    padding: 0;
    border: 0;
}

.profile-editor-social-display-options legend {
    width: 100%;
    margin: 0 0 7px;
    color: #69748b;
    font-size: 11px;
    font-weight: 700;
}

.profile-editor-social-display-options label {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
}

.profile-editor-social-display-options input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.profile-editor-social-display-options span {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #e8ebf1;
    border-radius: 8px;
    background: #fafbfc;
    color: #526078;
    font-size: 12px;
    font-weight: 700;
}

.profile-editor-social-display-options span img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.profile-editor-social-display-options [data-social-style-preview="dark"] {
    filter: grayscale(1) brightness(.14);
}

.profile-editor-social-display-options [data-social-style-preview="light"] {
    filter: grayscale(1) brightness(0) invert(1);
}

.profile-editor-social-display-options label:has([data-social-style-preview="light"]) span {
    background: #25262c;
    color: #fff;
}

.profile-editor-social-display-options input:checked + span {
    border-color: #795bff;
    background: #f3f0ff;
    color: #5e3ee8;
}

.profile-editor-social-save,
.profile-editor-social-remove {
    display: flex;
    width: 100%;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
}

.profile-editor-social-save { border: 0; background: #151515; color: #fff; }
.profile-editor-social-save:hover { background: #303030; }
.profile-editor-social-remove { margin-top: 8px; border: 1px solid #e2e5ea; background: #fff; color: #293246; }
.profile-editor-social-remove:hover { border-color: #f0cfd3; background: #fff7f7; color: #b83b47; }
.profile-editor-social-save:disabled, .profile-editor-social-remove:disabled { cursor: wait; opacity: .6; }

.profile-editor-item-menu {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #778199;
    cursor: pointer;
}

.profile-editor-item-menu:hover {
    background: #f3f5f8;
    color: #222e4a;
}

.profile-editor-empty {
    display: grid;
    min-height: 260px;
    place-items: center;
    align-content: center;
    padding: 28px;
    text-align: center;
}

.profile-editor-empty > span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    margin-bottom: 12px;
    border-radius: 50%;
    background: #f0edff;
    color: #6644f3;
}

.profile-editor-empty h3 {
    margin: 0;
    color: #1c2743;
    font-size: 17px;
}

.profile-editor-empty p {
    max-width: 330px;
    margin: 7px 0 16px;
    color: #8791a7;
    font-size: 11px;
}

.profile-editor-empty button {
    min-height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 7px;
    background: #17223e;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.profile-editor-no-results {
    margin: 18px 0 2px;
    color: #8b95aa;
    font-size: 12px;
    text-align: center;
}

.profile-editor-shortcuts {
    padding: 18px 22px 20px;
}

.profile-editor-shortcuts-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.profile-editor-shortcuts-head span {
    display: block;
    margin-bottom: 2px;
    color: #8c96aa;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-editor-shortcuts-head h2 {
    font-size: 17px;
}

.profile-editor-shortcuts-head > button {
    width: 36px;
    min-height: 36px;
    padding: 0;
}

.profile-editor-shortcut-list {
    display: grid;
    grid-template-columns: repeat(7, minmax(82px, 1fr));
    gap: 7px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.profile-editor-shortcut-list button,
.profile-editor-shortcut-list a {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid #e4e8ef;
    border-radius: 7px;
    background: #fff;
    color: #53607a;
    font-size: 10px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.profile-editor-shortcut-list button:hover,
.profile-editor-shortcut-list a:hover {
    border-color: #d1d7e2;
    color: #6040df;
}

.profile-editor-preview {
    position: sticky;
    top: 86px;
    display: flex;
    min-height: calc(100vh - 114px);
    flex-direction: column;
    align-items: center;
    padding: 12px;
}

.profile-editor-preview-toolbar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 286px;
    padding: 3px;
    border: 1px solid #e2e6ed;
    border-radius: 999px;
    background: #fff;
}

.profile-editor-preview-toolbar button,
.profile-editor-preview-toolbar a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #63708b;
    font-size: 10px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
}

.profile-editor-preview-toolbar .is-active {
    background: #f0edff;
    color: #6241ef;
}

.profile-editor-phone {
    position: relative;
    width: min(302px, 100%);
    height: min(650px, calc(100vh - 238px));
    min-height: 500px;
    margin: 14px auto 12px;
    padding: 10px;
    overflow: hidden;
    border: 5px solid #171b22;
    border-radius: 34px;
    background: #171b22;
    box-shadow: 0 18px 44px rgba(27, 35, 55, .18);
}

.profile-editor-phone::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 50%;
    width: 78px;
    height: 18px;
    border-radius: 0 0 12px 12px;
    background: #171b22;
    transform: translateX(-50%);
    pointer-events: none;
}

.profile-editor-phone iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 23px;
    background: #fff;
}

.profile-visitor-preview {
    position: relative;
    isolation: isolate;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(138deg, #061124 0%, #122e69 28%, #cf785f 56%, #c7b5d6 75%, #087fbf 100%);
    color: #0d145c;
    font-family: inherit;
}

.profile-visitor-preview.has-cover::before {
    position: absolute;
    z-index: 0;
    inset: -20px;
    background: var(--profile-preview-cover) center / cover no-repeat;
    content: '';
    filter: blur(3px) saturate(.86);
    opacity: .94;
    transform: scale(1.08);
}

.profile-visitor-preview.has-cover::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(155deg, rgba(22, 41, 86, .18), rgba(239, 244, 255, .42) 58%, rgba(32, 72, 143, .17));
    content: '';
}

.profile-visitor-preview-cover {
    position: relative;
    z-index: 1;
    height: 28%;
    min-height: 164px;
    overflow: hidden;
    background: transparent;
    background-position: center;
    background-size: cover;
}

.profile-visitor-preview.has-cover .profile-visitor-preview-cover {
    background: transparent;
}

.profile-visitor-preview-body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    height: calc(72% + 20px);
    margin: -20px 8px 0;
    padding: 74px 16px 12px;
    border-radius: 24px 24px 0 0;
    background: rgba(255, 255, 255, .82);
}

.profile-visitor-preview.has-cover .profile-visitor-preview-body { background: rgba(255, 255, 255, .72); }

.profile-editor-confirm-layer { position:fixed; z-index:10100; inset:0; display:grid; place-items:center; padding:18px; background:rgba(17,25,43,.52); }
.profile-editor-confirm-layer[hidden] { display:none; }
.profile-editor-confirm-dialog { position:relative; width:min(100%,420px); padding:30px; border-radius:18px; background:#fff; box-shadow:0 28px 78px rgba(17,28,57,.3); text-align:center; }
.profile-editor-confirm-close { position:absolute; top:13px; right:13px; display:grid; width:32px; height:32px; place-items:center; border:0; border-radius:50%; background:transparent; color:#5e6879; cursor:pointer; }
.profile-editor-confirm-close:hover { background:#f4f6f8; color:#202939; }
.profile-editor-confirm-icon { display:grid; width:50px; height:50px; margin:0 auto 15px; place-items:center; border-radius:15px; background:#f5edf0; color:#bd4251; font-size:20px; }
.profile-editor-confirm-dialog h2 { margin:0; color:#1f2731; font-size:19px; font-weight:800; }
.profile-editor-confirm-dialog p { margin:9px auto 22px; max-width:320px; color:#77808d; font-size:13px; line-height:1.55; }
.profile-editor-confirm-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.profile-editor-confirm-actions button { min-height:44px; border:0; border-radius:10px; background:#f3f5f6; color:#4a5360; font:inherit; font-size:13px; font-weight:750; cursor:pointer; }
.profile-editor-confirm-actions button[data-question-remove-confirm] { background:#bd4251; color:#fff; }
.profile-editor-confirm-actions button[data-question-remove-confirm]:hover { background:#a93240; }

.profile-visitor-preview-avatar {
    position: absolute;
    top:-112px;
    left: 50%;
    width:170px;
    height:170px;
    padding: 2px;
    overflow: visible;
    border-radius:30px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(25, 36, 90, .12);
    transform: translateX(-50%);
}

.profile-visitor-preview-avatar > img { width: 100%; height: 100%; border-radius:30px; object-fit: cover; }
.profile-visitor-preview-body h2 { margin: 0; color: #0b135a; font-size: 23px; font-weight: 800; line-height: 1.05; text-align: center; }
.profile-visitor-preview-handle { margin: 6px 0 0; color: #8797d4; font-size: 13px; font-weight: 600; text-align: center; }
.profile-visitor-preview-bio { display: -webkit-box; overflow: hidden; max-width: 320px; margin: 11px auto 13px; color: #6374b5; font-size: 11px; line-height: 1.4; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.profile-visitor-contact-list { display:grid; gap:8px; padding:8px 1px 3px; }
.profile-visitor-contact-list a { display:grid; grid-template-columns:32px minmax(0,1fr) 14px; align-items:center; gap:10px; min-height:52px; padding:7px 10px; border-radius:15px; background:rgba(255,255,255,.44); color:#131d5d; text-decoration:none; transition:transform .18s ease,background .18s ease; }
.profile-visitor-contact-list a:hover { background:rgba(255,255,255,.7); color:#131d5d; transform:translateY(-1px); }
.profile-visitor-contact-list a>span { display:grid; width:32px; height:32px; place-items:center; border-radius:11px; background:rgba(255,255,255,.72); color:#6838f3; font-size:14px; }
.profile-visitor-contact-list strong { overflow:hidden; font-size:11px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.profile-visitor-contact-list>a>i { color:#8b96bd; font-size:9px; }

.profile-visitor-preview-tabs { display: flex; min-height: 44px; align-items: center; overflow: hidden; border: 0; border-radius: 11px; background: rgba(255, 255, 255, .58); box-shadow: 0 8px 20px rgba(61, 87, 181, .07); }
.profile-visitor-preview-body > h2 + .profile-visitor-preview-tabs { margin-top: 11px; }
.profile-visitor-preview-tabs span,
.profile-visitor-preview-tabs a { display: grid; min-width: 0; flex: 1 1 0; height: 34px; place-items: center; border-left: 1px solid #e9edfa; color: #4d5c9d; text-decoration: none; }
.profile-visitor-preview-tabs svg { width:18px; height:18px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.profile-visitor-preview--editor .profile-visitor-preview-tabs { position: relative; z-index: 2; pointer-events: auto; }
.profile-visitor-preview-tabs span:first-child,
.profile-visitor-preview-tabs a:first-child { border-left: 0; }
.profile-visitor-preview-tabs a.is-active { display: flex; flex-grow: 1.8; gap: 4px; justify-content: center; }
.profile-visitor-preview-tabs b { display: none; overflow: hidden; color: #6638f3; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.profile-visitor-preview-tabs .is-active { color: #6739f4; }
.profile-visitor-preview-tabs .is-active b { display: inline; }

.profile-visitor-preview-socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; min-height: 76px; padding: 14px 0 12px; }
.profile-visitor-preview-socials > span,
.profile-visitor-preview-socials > a { display: grid; width: 62px; height: 62px; place-items: center; border: 0; border-radius: 18px; background: transparent; box-shadow: none; }
.profile-visitor-preview-socials img { width: 40px; height: 40px; object-fit: contain; }
.profile-visitor-preview-socials > .is-icon-dark { background: #f2f3f6; }
.profile-visitor-preview-socials > .is-icon-dark img { filter: grayscale(1) brightness(.14); }
.profile-visitor-preview-socials > .is-icon-light { background: #202126; box-shadow: 0 9px 20px rgba(19, 23, 31, .16); }
.profile-visitor-preview-socials > .is-icon-light img { filter: grayscale(1) brightness(0) invert(1); }

.profile-visitor-preview-links { display: grid; gap: 7px; }
.profile-visitor-preview-link-label { display:flex; align-items:center; gap:6px; margin:2px 1px 4px; color:#7481af; font-size:10px; font-weight:800; }
.profile-visitor-preview-link-label i { color:#5f3cef; font-size:11px; }
.profile-visitor-preview-links article,
.profile-visitor-preview-links .profile-visitor-preview-link { display: grid; grid-template-columns: 55px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 54px; padding: 6px 10px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, .72); box-shadow: 0 6px 16px rgba(52, 74, 156, .06); }
.profile-visitor-preview-link-media { display: grid; width: 55px; height: 55px; place-items: center; overflow: hidden; border-radius: 9px; background: #f2f4fb; color: #6a77a9; }
.profile-visitor-preview-link-media img { width: 100%; height: 100%; object-fit: cover; }
.profile-visitor-preview-link-media img[src$="favicon.ico"] { width: 24px; height: 24px; object-fit: contain; }
.profile-visitor-preview-links strong { overflow: hidden; color: #10175d; font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.profile-visitor-preview-empty { padding: 20px 0; color: #9aa5c9; font-size: 11px; text-align: center; }
.profile-visitor-preview-brand { position: absolute; right: 0; bottom: 18px; left: 0; color: #8694cc; font-size: 9px; text-align: center; }
.profile-visitor-preview-brand img { display: inline-block; width: auto; max-width: 128px; height: 20px; object-fit: contain; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-brand img,
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-brand img,
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-brand img { filter: brightness(0) invert(1); }
.profile-visitor-preview-brand i { margin: 0 3px; color: #8846ff; }
.profile-visitor-preview-brand strong { color: #7040ec; }
.profile-visitor-preview-homebar { position: absolute; right: 35%; bottom: 7px; left: 35%; height: 4px; border-radius: 999px; background: #c3cbe6; }
.profile-visitor-preview--editor .profile-visitor-preview-panel { pointer-events: none; }

.profile-editor-open-profile {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 8px 2px;
    color: #33405d;
    text-decoration: none;
}

.profile-editor-image-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 760px; }
.profile-editor-image-tools--about { margin-top:14px; padding:14px 0 16px; border-bottom:1px solid #edf0f4; }
.profile-editor-image-tools article { display: flex; align-items: center; gap: 14px; min-height: 116px; padding: 14px; border: 1px solid #e9edf4; border-radius: 8px; background: #fff; }
.profile-editor-image-tool-preview { display: grid; width: 76px; height: 76px; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: 50%; background: #eff2f7; color: #8994a8; background-position: center; background-size: cover; }
.profile-editor-image-tool-preview > img { width: 100%; height: 100%; object-fit: cover; }
.profile-editor-image-tool-preview--cover { width: 98px; border-radius: 7px; }
.profile-editor-image-tool-preview--cover.has-image > i { display: none; }
.profile-editor-image-tools strong,.profile-editor-image-tools small { display: block; }
.profile-editor-image-tools strong { color: #1a2540; font-size: 13px; }
.profile-editor-image-tools small { margin-top: 4px; color: #8993a6; font-size: 10px; line-height: 1.4; }
.profile-editor-image-tools button { min-height: 30px; margin-top: 9px; padding: 0 10px; border: 0; border-radius: 6px; background: #f1efff; color: #6441ef; font-size: 10px; font-weight: 750; cursor: pointer; }
.profile-editor-image-actions { display:flex; flex-wrap:wrap; gap:7px; }
.profile-editor-image-tools button.profile-editor-image-remove { background:#f5f6f8; color:#646d7d; }
.profile-editor-image-tools button[hidden] { display:none; }
.profile-editor-image-modal { position: fixed; z-index: 10050; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(18,26,46,.48); }
.profile-editor-image-modal[hidden] { display: none; }
.profile-editor-image-dialog { width: min(100%, 580px); padding: 18px 24px 24px; border-radius: 12px; background: #fff; box-shadow: 0 22px 70px rgba(21,30,53,.22); }
.profile-editor-image-dialog input[type="file"] { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.profile-editor-image-crop { height: min(46vh, 360px); overflow: hidden; border-radius: 8px; background: #f3f5f8; }
.profile-editor-image-crop img { display: block; max-width: 100%; }

@view-transition { navigation: auto; }
.profile-editor-rail { view-transition-name: profile-navigation; }
::view-transition-old(profile-navigation),
::view-transition-new(profile-navigation) { animation-duration: .12s; animation-timing-function: ease-out; }

/* The same theme tokens drive the editor preview and the public profile. */
.profile-visitor-preview[data-profile-theme="atelier"] {
    background: #e9eef2 var(--theme-image) center / cover no-repeat;
    color: #202a32;
}
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-body {
    background: rgba(251, 252, 253, .9);
    box-shadow: 0 -12px 45px rgba(28, 46, 60, .1);
    padding-top: 55px;
}
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-avatar { top:-122px; left:25%; width:170px; height:170px; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-body h2 { text-align:left; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-bio { margin-left:0; text-align:left; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-body h2,
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-links strong { color: #202a32; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-bio { color: #576771; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-tabs .is-active,
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-tabs .is-active b { color: #146e76; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-tabs { border-radius: 4px; box-shadow: none; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-avatar { border-radius:30px; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-avatar img { border-radius:30px; }
.profile-visitor-preview[data-profile-theme="atelier"] .profile-visitor-preview-link { border-radius: 5px; box-shadow: none; }

.profile-visitor-preview[data-profile-theme="nocturne"] {
    background: #090c16 var(--theme-image) center / cover no-repeat;
    color: #f8f8fa;
}
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-body { background: rgba(10, 13, 24, .84); }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-avatar,
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-avatar img { border-radius:50%; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-body h2,
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-links strong,
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-content-heading h3,
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-stack-list strong { color: #fff; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-bio,
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-content-section h4 { color: #b9bdd4; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-tabs { background: rgba(255,255,255,.09); box-shadow: none; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-tabs a { border-color: rgba(255,255,255,.1); color: #d4d5e2; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-tabs .is-active,
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-tabs .is-active b { color: #e2c1ff; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-link,
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-contact-list a,
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-stack-list > article,
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-fact-list > div,
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-chip-list span { background: rgba(255,255,255,.1); color: #ececf6; box-shadow: none; }
.profile-visitor-preview[data-profile-theme="nocturne"] .visitor-fact-list dd { color: #fff; }
.profile-visitor-preview[data-profile-theme="nocturne"] .profile-visitor-preview-brand { color: #b5b7cd; }

.profile-visitor-preview[data-profile-theme="solar"] {
    background: #160d18 var(--theme-image) center / cover no-repeat;
    color: #fff;
}
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-body { background: rgba(24, 18, 24, .69); }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-body h2,
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-links strong,
.profile-visitor-preview[data-profile-theme="solar"] .visitor-content-heading h3,
.profile-visitor-preview[data-profile-theme="solar"] .visitor-stack-list strong { color: #fff; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-bio,
.profile-visitor-preview[data-profile-theme="solar"] .visitor-content-section h4 { color: #f6d5ba; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-tabs { background: rgba(255,255,255,.16); box-shadow: none; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-tabs a { border-color: rgba(255,255,255,.14); color: #fff; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-tabs .is-active,
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-tabs .is-active b { color: #ffcc87; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-link,
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-contact-list a,
.profile-visitor-preview[data-profile-theme="solar"] .visitor-stack-list > article,
.profile-visitor-preview[data-profile-theme="solar"] .visitor-fact-list > div,
.profile-visitor-preview[data-profile-theme="solar"] .visitor-chip-list span { background: rgba(255,255,255,.15); color: #fff; box-shadow: none; }
.profile-visitor-preview[data-profile-theme="solar"] .visitor-fact-list dd { color: #fff; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-avatar { transform: translateX(-50%) rotate(-3deg); }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-avatar,
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-avatar img { border-radius:45%; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-body h2 { font-size:29px; }
.profile-visitor-preview[data-profile-theme="solar"] .profile-visitor-preview-brand { color: #ffe0c1; }

.profile-visitor-preview[data-profile-theme="portrait"] {
    background: #172325;
    background-image: var(--profile-portrait-photo, linear-gradient(145deg, #344c4a, #0e1821));
    background-position: center;
    background-size: cover;
    color: #fff;
}
.profile-visitor-preview[data-profile-theme="portrait"].has-cover::before,
.profile-visitor-preview[data-profile-theme="portrait"].has-cover::after,
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-cover { display: none; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-body,
.profile-visitor-preview[data-profile-theme="portrait"].has-cover .profile-visitor-preview-body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px 22px 22px;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(3, 9, 12, .04) 14%, rgba(3, 9, 12, .06) 36%, rgba(3, 9, 12, .86) 86%, rgba(3, 9, 12, .94) 100%);
    box-shadow: none;
}
.profile-visitor-preview[data-profile-theme="portrait"].has-portrait-photo .profile-visitor-preview-avatar { display: none; }
.profile-visitor-preview[data-profile-theme="portrait"]:not(.has-portrait-photo) .profile-visitor-preview-avatar {
    position: relative;
    top: auto;
    left: auto;
    width:170px;
    height:170px;
    align-self: center;
    margin: auto 0 22px;
    border-radius:30px;
    transform: none;
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-body h2 {
    order: 1;
    margin-top: auto;
    color: #fff;
    font-size: 27px;
    line-height: 1.12;
    text-align: left;
    overflow-wrap: anywhere;
    text-shadow: 0 2px 16px rgba(0, 0, 0, .3);
}
.profile-visitor-preview[data-profile-theme="portrait"]:not(.has-portrait-photo) .profile-visitor-preview-body h2 { margin-top: 0; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-bio {
    order: 2;
    max-width: 100%;
    margin: 9px 0 14px;
    color: rgba(255, 255, 255, .88);
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-tabs {
    order: 4;
    flex: 0 0 auto;
    min-height: 53px;
    margin-top: 12px;
    padding: 5px;
    border: 0;
    border-radius: 17px;
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px);
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-tabs a,
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-tabs a:first-child {
    height: 43px;
    border: 0;
    border-radius: 13px;
    color: rgba(255, 255, 255, .86);
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-tabs a.is-active {
    display: grid;
    background: rgba(255, 255, 255, .94);
    color: #172325;
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-tabs svg { width: 20px; height: 20px; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-tabs b { display: none; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-panels {
    order: 3;
    width: 100%;
    max-height: 210px;
    flex: 0 1 auto;
    overflow: hidden;
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-panel.is-active {
    max-height: 210px;
    overflow-y: auto;
    scrollbar-width: thin;
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-socials { justify-content: flex-start; gap: 8px; min-height: 0; padding: 2px 0 3px; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-socials > * { width: 48px; height: 48px; border-radius: 13px; background: rgba(255, 255, 255, .84); }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-socials img { width: 32px; height: 32px; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-link,
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-contact-list a,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-stack-list > article,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-fact-list > div,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-chip-list span,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-poll-list form {
    background: rgba(12, 19, 22, .55);
    color: #fff;
    box-shadow: none;
    backdrop-filter: blur(10px);
}
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-links strong,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-content-heading h3,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-stack-list strong,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-fact-list dd { color: #fff; }
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-content-section h4,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-chip-list span,
.profile-visitor-preview[data-profile-theme="portrait"] .visitor-stack-list small { color: rgba(255, 255, 255, .8); }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-content { height: auto; padding: 5px 0 12px; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-panel .profile-visitor-preview-links { margin-top: 3px; padding: 0 1px 5px; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-brand,
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-homebar { display: none; }
.profile-visitor-preview--editor[data-profile-theme="portrait"] .profile-visitor-preview-body { padding: 16px 14px 16px; }
.profile-visitor-preview--editor[data-profile-theme="portrait"] .profile-visitor-preview-body h2 { font-size: 21px; }
.profile-visitor-preview--editor[data-profile-theme="portrait"] .profile-visitor-preview-panels,
.profile-visitor-preview--editor[data-profile-theme="portrait"] .profile-visitor-preview-panel.is-active { max-height: 150px; }

.profile-visitor-preview[data-profile-theme="prism"] {
    background: #291255 var(--theme-image) center / cover no-repeat;
    color: #fff;
}
.profile-visitor-preview[data-profile-theme="prism"].has-cover::before,
.profile-visitor-preview[data-profile-theme="prism"].has-cover::after,
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-cover { display: none; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-body,
.profile-visitor-preview[data-profile-theme="prism"].has-cover .profile-visitor-preview-body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 18px 22px 22px;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(22, 10, 51, .04), rgba(14, 6, 31, .12) 42%, rgba(10, 5, 25, .5));
    box-shadow: none;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-avatar {
    position: relative;
    top: auto;
    left: auto;
    width:170px;
    height:170px;
    aspect-ratio: 1;
    flex: 0 0 auto;
    align-self: center;
    margin: 18px auto 19px;
    padding: 0;
    overflow: hidden;
    border-radius:30px;
    background: transparent;
    box-shadow: 0 25px 55px rgba(15, 6, 41, .32);
    transform: none;
    animation: prismPortraitIn .8s cubic-bezier(.2,.8,.2,1) both;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-avatar > img { display: block; border-radius:30px; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-body h2 {
    order: 1;
    margin: 0;
    color: #fff;
    font-size: 28px;
    line-height: 1.14;
    text-align: center;
    overflow-wrap: anywhere;
    text-shadow: 0 2px 18px rgba(13, 6, 42, .4);
    animation: prismContentIn .6s .18s both;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-bio {
    order: 2;
    max-width: 100%;
    margin: 9px auto 6px;
    color: rgba(255, 255, 255, .9);
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    text-shadow: 0 1px 14px rgba(13, 6, 42, .4);
    animation: prismContentIn .6s .27s both;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-panels {
    order: 3;
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-panel.is-active {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    animation: prismContentIn .35s ease both;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs {
    order: 4;
    min-height: 55px;
    flex: 0 0 auto;
    margin-top: 9px;
    padding: 5px;
    border: 0;
    border-radius: 18px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 14px 34px rgba(20, 8, 51, .22);
    backdrop-filter: blur(20px);
    animation: prismContentIn .65s .34s both;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs a,
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs a:first-child {
    height: 44px;
    border: 0;
    border-radius: 13px;
    color: #4e3771;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs a.is-active {
    display: grid;
    background: #30135c;
    color: #fff;
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs svg { width: 20px; height: 20px; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs b { display: none; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-socials { justify-content: center; gap: 8px; min-height: 0; padding: 14px 0; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-socials > * { width: 50px; height: 50px; border-radius: 15px; background: rgba(255, 255, 255, .85); box-shadow: none; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-socials img { width: 33px; height: 33px; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-link,
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-contact-list a,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-stack-list > article,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-fact-list > div,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-chip-list span,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-poll-list form {
    background: rgba(32, 15, 73, .42);
    color: #fff;
    box-shadow: none;
    backdrop-filter: blur(12px);
}
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-links strong,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-content-heading h3,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-stack-list strong,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-fact-list dd { color: #fff; }
.profile-visitor-preview[data-profile-theme="prism"] .visitor-content-section h4,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-chip-list span,
.profile-visitor-preview[data-profile-theme="prism"] .visitor-stack-list small { color: rgba(255, 255, 255, .82); }
.profile-visitor-preview[data-profile-theme="prism"] .visitor-about-premium .visitor-content-section::before { display: none; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-content { height: auto; padding: 8px 0 12px; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-panel .profile-visitor-preview-links { margin-top: 5px; padding: 0 1px 8px; }
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-brand,
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-homebar { display: none; }
.profile-visitor-preview--editor[data-profile-theme="prism"] .profile-visitor-preview-body { padding: 12px 14px 15px; }
.profile-visitor-preview--editor[data-profile-theme="prism"] .profile-visitor-preview-avatar { margin-top: 10px; margin-bottom: 13px; }
.profile-visitor-preview--editor[data-profile-theme="prism"] .profile-visitor-preview-body h2 { font-size: 21px; }
@keyframes prismPortraitIn { from { opacity: 0; transform: translateY(26px) rotate(-7deg) scale(.89); } to { opacity: 1; transform: translateY(0) rotate(0) scale(1); } }
@keyframes prismContentIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
    .profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-avatar,
    .profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-body h2,
    .profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-bio,
    .profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-panel.is-active,
    .profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-tabs { animation: none; }
}

.profile-editor-workspace.is-theme-mode .profile-editor-tabbar,
.profile-editor-workspace.is-theme-mode .profile-editor-panel { display: none; }
.profile-editor-switch-skeleton { display:none; pointer-events:none; }
.profile-editor-workspace.is-switching-view .profile-editor-switch-skeleton {
    position:absolute;
    z-index:4;
    inset:130px 0 0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:14px;
    padding:26px;
    border-radius:12px;
    background:rgba(250,251,253,.92);
    animation:profileViewSwitch .48s ease-out both;
}
.profile-editor-switch-skeleton span { height:118px; border-radius:8px; background:linear-gradient(100deg,rgba(225,229,235,.45),rgba(240,242,246,.8),rgba(225,229,235,.45)); }
.profile-editor-switch-skeleton span:first-child { grid-column:1/-1; height:42px; }
@keyframes profileViewSwitch { 0%,45% { opacity:1; } 100% { opacity:0; } }
@media (min-width:992px) {
    .profile-editor-workspace.is-switching-view .profile-editor-switch-skeleton { position:relative; grid-column:2; grid-row:2/4; inset:auto; min-height:0; }
}
@media (prefers-reduced-motion:reduce) { .profile-editor-workspace.is-switching-view .profile-editor-switch-skeleton { display:none; } }
.profile-theme-studio[hidden],
.profile-theme-card[hidden] { display: none !important; }
.profile-theme-studio { display:flex; min-height:0; flex-direction:column; overflow:hidden; padding:24px 28px 0; border-radius:12px; background:#fff; }
.profile-theme-intro { display:flex; flex:0 0 auto; align-items:center; justify-content:space-between; gap:16px; }
.profile-theme-intro-actions { display:flex; min-width:110px; flex-direction:column; align-items:flex-end; gap:5px; }
.profile-theme-apply { min-width:108px; min-height:40px; padding:0 18px; border:0; border-radius:8px; background:#211d31; color:#fff; font:inherit; font-size:12px; font-weight:750; cursor:pointer; }
.profile-theme-apply:disabled { background:#e9eaee; color:#9a9da6; cursor:default; }
.profile-theme-intro span { color: #8674bb; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.profile-theme-intro h2 { margin: 6px 0 4px; color: #18213a; font-size: 30px; line-height: 1.12; font-weight: 800; }
.profile-theme-intro p { margin: 0; color: #738092; font-size: 13px; line-height: 1.5; }
.profile-theme-categories { display: flex; flex:0 0 auto; gap: 5px; margin: 22px 0 0; padding-bottom: 8px; overflow-x: auto; border-bottom: 1px solid #e9edf1; scrollbar-width: none; }
.profile-theme-list { min-height:0; flex:1 1 auto; overflow-y:auto; padding:18px 3px 36px; scrollbar-width:thin; }
.profile-editor-phone .profile-visitor-preview-panels,
.profile-editor-phone .profile-visitor-preview-content,
.profile-editor-phone .profile-visitor-preview-links {
    scrollbar-width:thin;
    scrollbar-color:rgba(56,66,94,.26) transparent;
}
.profile-editor-phone .profile-visitor-preview-panels::-webkit-scrollbar,
.profile-editor-phone .profile-visitor-preview-content::-webkit-scrollbar,
.profile-editor-phone .profile-visitor-preview-links::-webkit-scrollbar { width:5px; }
.profile-editor-phone .profile-visitor-preview-panels::-webkit-scrollbar-track,
.profile-editor-phone .profile-visitor-preview-content::-webkit-scrollbar-track,
.profile-editor-phone .profile-visitor-preview-links::-webkit-scrollbar-track { background:transparent; }
.profile-editor-phone .profile-visitor-preview-panels::-webkit-scrollbar-thumb,
.profile-editor-phone .profile-visitor-preview-content::-webkit-scrollbar-thumb,
.profile-editor-phone .profile-visitor-preview-links::-webkit-scrollbar-thumb { border-radius:8px; background:rgba(56,66,94,.28); }
.profile-editor-phone [data-profile-theme="nocturne"] .profile-visitor-preview-panels,
.profile-editor-phone [data-profile-theme="solar"] .profile-visitor-preview-panels,
.profile-editor-phone [data-profile-theme="portrait"] .profile-visitor-preview-panels,
.profile-editor-phone [data-profile-theme="prism"] .profile-visitor-preview-panels { scrollbar-color:rgba(255,255,255,.4) transparent; }
.profile-theme-categories button { flex: 0 0 auto; padding: 8px 13px; border: 0; border-radius: 7px; background: transparent; color: #6d7889; font-size: 12px; font-weight: 700; cursor: pointer; }
.profile-theme-categories button.is-active { background: #eaf0f5; color: #202940; }
.profile-theme-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.profile-theme-card { display: block; min-width: 0; padding: 0; overflow: hidden; border: 1px solid #e5e9ee; border-radius: 8px; background: #fff; text-align: left; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.profile-theme-card:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(27, 38, 60, .1); }
.profile-theme-card.is-selected { outline: 2px solid #714af3; outline-offset: 2px; }
.profile-theme-card.is-saving { opacity: .65; cursor: wait; }
.profile-theme-card-visual { display: flex; height: 230px; flex-direction: column; align-items: center; padding: 27px 16px 14px; overflow: hidden; background: linear-gradient(135deg,#132444,#d79883 55%,#7fc0e0); color: #172d56; text-align: center; }
.profile-theme-card-visual[data-profile-theme="atelier"] { align-items: flex-start; background: #e7edf0 var(--theme-image) center / cover; color: #172a31; text-align: left; }
.profile-theme-card-visual[data-profile-theme="nocturne"] { background: #080b16 var(--theme-image) center / cover; color: #fff; }
.profile-theme-card-visual[data-profile-theme="solar"] { background: #160e18 var(--theme-image) center / cover; color: #fff; }
.profile-theme-card-visual[data-profile-theme="portrait"] {
    justify-content: flex-end;
    align-items: flex-start;
    background: linear-gradient(180deg, transparent 24%, rgba(4, 11, 14, .9)), #2b3b3a;
    color: #fff;
    text-align: left;
}
.profile-theme-card-visual[data-profile-theme="portrait"].has-portrait-photo {
    background-image: linear-gradient(180deg, transparent 22%, rgba(4, 11, 14, .92)), var(--profile-portrait-photo);
    background-position: center;
    background-size: cover;
}
.profile-theme-card-visual[data-profile-theme="portrait"].has-portrait-photo .profile-theme-card-avatar { display: none; }
.profile-theme-card-visual[data-profile-theme="portrait"] .profile-theme-card-avatar { margin-bottom: auto; }
.profile-theme-card-visual[data-profile-theme="portrait"] > strong { margin-top: auto; font-size: 17px; }
.profile-theme-card-visual[data-profile-theme="portrait"] .profile-theme-card-bio { max-width: 100%; min-height: 0; margin: 5px 0 12px; }
.profile-theme-card-visual[data-profile-theme="portrait"] .profile-theme-card-links { margin: 0; background: rgba(255, 255, 255, .17); color: #fff; backdrop-filter: blur(8px); }
.profile-theme-card-visual[data-profile-theme="portrait"] .profile-theme-card-row { display: none; }
.profile-theme-card-visual[data-profile-theme="prism"] {
    justify-content: flex-end;
    background: #291255 var(--theme-image) center / cover no-repeat;
    color: #fff;
}
.profile-theme-card-visual[data-profile-theme="prism"] .profile-theme-card-avatar { width: 70px; height: 70px; margin: auto 0 8px; padding: 0; border-radius: 14px; box-shadow: 0 10px 22px rgba(18, 5, 51, .25); }
.profile-theme-card-visual[data-profile-theme="prism"] .profile-theme-card-avatar img { border-radius: 14px; }
.profile-theme-card-visual[data-profile-theme="prism"] > strong { font-size: 16px; }
.profile-theme-card-visual[data-profile-theme="prism"] .profile-theme-card-bio { min-height: 0; margin-bottom: 10px; }
.profile-theme-card-visual[data-profile-theme="prism"] .profile-theme-card-links { margin: 0; background: rgba(255, 255, 255, .8); color: #3c216a; backdrop-filter: blur(8px); }
.profile-theme-card-visual[data-profile-theme="prism"] .profile-theme-card-row { display: none; }
.profile-theme-card-avatar { display: block; width: 62px; height: 62px; padding: 2px; border-radius: 17px; background: #fff; }
.profile-theme-card-avatar img { width: 100%; height: 100%; border-radius: 15px; object-fit: cover; }
.profile-theme-card-visual[data-profile-theme="atelier"] .profile-theme-card-avatar,
.profile-theme-card-visual[data-profile-theme="atelier"] .profile-theme-card-avatar img { border-radius:10px; }
.profile-theme-card-visual[data-profile-theme="nocturne"] .profile-theme-card-avatar,
.profile-theme-card-visual[data-profile-theme="nocturne"] .profile-theme-card-avatar img { border-radius:50%; }
.profile-theme-card-visual[data-profile-theme="solar"] .profile-theme-card-avatar { transform:rotate(-5deg); }
.profile-theme-card-visual > strong { max-width: 100%; margin-top: 8px; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.profile-theme-card-bio { max-width: 90%; min-height: 30px; margin: 3px 0 8px; overflow: hidden; font-size: 9px; line-height: 1.4; }
.profile-theme-card-visual > strong,
.profile-theme-card-visual .profile-theme-card-bio { color:#fff !important; text-shadow:0 1px 8px rgba(0,0,0,.7); }
.profile-theme-card-links { display: flex; width: 100%; justify-content: center; gap: 22px; margin-bottom: 8px; padding: 6px; border-radius: 7px; background: rgba(255,255,255,.7); color: #625da2; }
.profile-theme-card-visual[data-profile-theme="atelier"] .profile-theme-card-links { justify-content: flex-start; border-radius: 2px; }
.profile-theme-card-visual[data-profile-theme="nocturne"] .profile-theme-card-links,
.profile-theme-card-visual[data-profile-theme="solar"] .profile-theme-card-links { background: rgba(255,255,255,.15); color: #fff; }
.profile-theme-card-row { width: 100%; height: 19px; margin-top: 5px; border-radius: 5px; background: rgba(255,255,255,.72); }
.profile-theme-card-visual[data-profile-theme="nocturne"] .profile-theme-card-row,
.profile-theme-card-visual[data-profile-theme="solar"] .profile-theme-card-row { background: rgba(255,255,255,.2); }
.profile-theme-card-meta { display: flex; min-height: 67px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; }
.profile-theme-card-meta strong,.profile-theme-card-meta small { display: block; }
.profile-theme-card-meta strong { color: #222c3c; font-size: 14px; }
.profile-theme-card-meta small { margin-top: 3px; color: #7b8695; font-size: 11px; }
.profile-theme-card-meta > i { display: grid; width: 24px; height: 24px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #714af3; color: #fff; font-size: 10px; visibility: hidden; }
.profile-theme-card.is-selected .profile-theme-card-meta > i { visibility: visible; }
.profile-theme-status { min-height:16px; margin:0; color:#687387; font-size:10px; text-align:right; }
@media (max-width: 991.98px) { .profile-theme-studio { height:min(760px, calc(100dvh - 118px)); min-height:440px; } .profile-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) { .profile-theme-studio { padding:20px 16px 0; } .profile-theme-intro { align-items:flex-start; } .profile-theme-apply { min-width:84px; } .profile-theme-grid { gap: 10px; } .profile-theme-card-visual { height: 196px; padding: 18px 10px 10px; } .profile-theme-intro h2 { font-size: 24px; } .profile-theme-card-bio { font-size: 8px; } .profile-theme-card-meta { padding: 10px; } .profile-theme-card-meta small { font-size: 9px; } }
@media (max-width: 420px) { .profile-theme-grid { grid-template-columns: 1fr; } .profile-theme-card-visual { height: 210px; } }

.profile-editor-about-sections { margin-top:18px; padding-top:16px; border-top:1px solid #edf0f4; }
.profile-editor-about-sections-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px; }
.profile-editor-about-sections-head span { color:#4c5770; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.profile-editor-about-sections-head small { color:#929aaa; font-size:10px; }
.profile-editor-about-details-link { display:grid; grid-template-columns:18px minmax(0,1fr) 16px; align-items:center; gap:8px; min-height:42px; margin-bottom:10px; padding:0 10px; border:0; border-radius:9px; background:#f6f7f9; color:#536078; font-size:11px; font-weight:750; text-decoration:none; }
.profile-editor-about-details-link:hover { background:#eef1f5; color:#26354e; }
.profile-editor-about-details-link > :last-child { font-size:10px; justify-self:end; }
.profile-editor-about-section-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.profile-editor-about-section { display:grid; grid-template-columns:22px minmax(0,1fr) auto; min-height:50px; align-items:center; gap:8px; padding:9px 10px; border:0; border-radius:9px; background:#f6f7f9; color:#667084; font:inherit; text-align:left; cursor:pointer; }
.profile-editor-about-section:hover { background:#eef1f5; color:#26354e; }
.profile-editor-about-section.is-filled { background:#eef4f0; color:#345545; }
.profile-editor-about-section > i { font-size:13px; text-align:center; }
.profile-editor-about-section span { overflow:hidden; font-size:11px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.profile-editor-about-section em { color:#9aa3b0; font-size:9px; font-style:normal; }
.profile-editor-about-modal { position:fixed; z-index:200000 !important; isolation:isolate; inset:0; display:grid; place-items:center; padding:18px; background:rgba(19,29,49,.52); }
.profile-editor-about-modal[hidden] { display:none; }
.profile-editor-about-modal > section { position:relative; width:min(100%,560px); max-height:calc(100dvh - 36px); overflow:auto; padding:24px; border-radius:14px; background:#fff; box-shadow:0 26px 70px rgba(19,29,49,.26); }
.profile-editor-about-modal > section > button[data-editor-about-close] { position:absolute; top:11px; right:11px; display:grid; width:34px; height:34px; place-items:center; border:0; border-radius:50%; background:transparent; color:#667084; cursor:pointer; }
.profile-editor-about-modal > section > button[data-editor-about-close]:hover { background:#f4f6f8; color:#27334a; }
.profile-editor-about-modal h2 { margin:0 34px 18px 0; color:#1d2941; font-size:17px; font-weight:800; }
.profile-editor-about-modal form { display:grid; gap:12px; }
.profile-editor-about-visibility { display:flex; align-items:center; gap:12px; margin-left:auto; }
.profile-editor-about-visibility > span { max-width:170px; color:#87919e; font-size:11px; line-height:1.35; text-align:right; }
@media (max-width:600px) {
    .profile-editor-tab-panel--about .profile-editor-panel-head { flex-wrap:wrap; }
    .profile-editor-about-visibility { width:100%; justify-content:space-between; margin:4px 0 0; }
    .profile-editor-about-visibility > span { max-width:none; text-align:left; }
}
.profile-editor-zodiac-field { display:grid; gap:8px; color:#4d596d; font-size:13px; font-weight:700; }
.profile-editor-zodiac-field select { width:100%; min-height:44px; padding:0 12px; border:1px solid #e5e9ef; border-radius:8px; background:#fafbfc; color:#27334a; font:inherit; }
.profile-editor-about-modal textarea,.profile-editor-about-modal input[type="search"],.profile-editor-school-list input { width:100%; border:1px solid #e5e9ef; border-radius:8px; background:#fafbfc; color:#27334a; font:inherit; font-size:12px; outline:0; }
.profile-editor-about-modal textarea { padding:11px; resize:vertical; }
.profile-editor-about-modal input[type="search"],.profile-editor-school-list input { height:42px; padding:0 11px; }
.profile-editor-interest-list { display:flex; flex-wrap:wrap; gap:7px; }
.profile-editor-interest-list button { padding:7px 10px; border:0; border-radius:999px; background:#f4f5f7; color:#687286; font:inherit; font-size:11px; font-weight:700; cursor:pointer; }
.profile-editor-interest-list button.is-selected { background:#dff0e3; color:#31563e; }
.profile-editor-school-list { display:grid; gap:8px; }
.profile-editor-school-list > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; gap:7px; align-items:center; }
.profile-editor-school-list button { display:grid; width:32px; height:32px; place-items:center; border:0; border-radius:8px; background:transparent; color:#a06670; cursor:pointer; }
.profile-editor-about-add { min-height:38px; border:1px dashed #d8dde5; border-radius:8px; background:#fafbfd; color:#647086; font:inherit; font-size:11px; font-weight:750; cursor:pointer; }
.profile-editor-country-list { display:grid; max-height:280px; overflow:auto; padding-right:3px; }
.profile-editor-country-list label { display:grid; grid-template-columns:25px minmax(0,1fr) 27px 18px; align-items:center; gap:8px; min-height:38px; padding:5px 7px; border-radius:7px; color:#3d485c; font-size:12px; cursor:pointer; }
.profile-editor-country-list label:hover { background:#f5f7f9; }
.profile-editor-country-list label[hidden] { display:none; }
.profile-editor-country-list img { width:22px; height:15px; object-fit:cover; border-radius:2px; }
.profile-editor-country-list b { color:#8b95a8; font-size:9px; }
.profile-editor-about-save { min-height:43px; border:0; border-radius:9px; background:#202933; color:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.profile-editor-poll-card { overflow:hidden; border:1px solid #edf0f4; border-radius:10px; background:#fff; }
.profile-editor-poll-card + .profile-editor-poll-card { margin-top:8px; }
.profile-editor-poll-card .profile-editor-item { border:0; border-radius:0; }
.profile-editor-poll-options { display:grid; gap:7px; padding:0 12px 12px 48px; }
.profile-editor-poll-options > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; align-items:center; color:#59657a; font-size:10px; }
.profile-editor-poll-options > div > span { overflow:hidden; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.profile-editor-poll-options > div > b { color:#929bad; font-size:9px; font-weight:700; }
.profile-editor-poll-options > div > i { grid-column:1 / -1; display:block; height:4px; overflow:hidden; border-radius:999px; background:#edf0f5; }
.profile-editor-poll-options > div > i > em { display:block; height:100%; border-radius:inherit; background:#8166f7; }

.profile-editor-open-profile strong,
.profile-editor-open-profile small {
    display: block;
}

.profile-editor-open-profile strong {
    font-size: 11px;
}

.profile-editor-open-profile small {
    margin-top: 2px;
    color: #939caf;
    font-size: 9px;
}

.profile-editor-open-profile > i {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 50%;
    background: #f1f3f8;
    color: #354261;
    font-size: 12px;
    line-height: 1;
}

@media (min-width: 992px) {
    .profile-editor-rail-account img { width:38px; height:41px; border-radius:10px; }
}

@media (max-width: 1279.98px) {
    .profile-editor {
        grid-template-columns: 84px minmax(0, 1fr);
        width: min(1120px, calc(100% - 32px));
    }

    .profile-editor-preview {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .profile-editor {
        grid-template-columns: 1fr;
        width: min(820px, calc(100% - 24px));
        margin-top: 76px;
    }

    .profile-editor-rail {
        position: static;
        z-index: 2;
        display: grid;
        min-height: 0;
        grid-template-columns: repeat(6, minmax(74px, 1fr));
        overflow-x: auto;
        padding: 5px;
    }

    .profile-editor-rail-item {
        min-height: 54px;
        flex-direction: row;
        gap: 6px;
        font-size: 10px;
    }

    .profile-editor-rail-item i {
        font-size: 13px;
    }

    .profile-editor-rail-help {
        margin-top: 0;
    }
}

.profile-editor-about-add {
    display: inline-flex;
    width: fit-content;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #f0f2f7;
    color: #38445e;
    font-size: 13px;
}
.profile-editor-about-add:hover { background: #e8ecf5; color: #27334a; }
.profile-editor-about-modal > section { padding-bottom: max(24px, env(safe-area-inset-bottom)); }
.profile-editor-about-modal .profile-editor-about-save { position: sticky; bottom: 0; z-index: 1; }
.profile-editor-item--link-add { margin-top: 12px; }
.profile-visitor-preview[data-profile-theme="portrait"] .profile-visitor-preview-brand,
.profile-visitor-preview[data-profile-theme="prism"] .profile-visitor-preview-brand {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    order: 5;
    flex: 0 0 auto;
    margin: 10px auto 0;
}

@media (max-width: 767.98px) {
    .profile-editor {
        width: 100%;
        gap: 10px;
        margin: 62px 0 18px;
        padding: 0 10px;
    }

    .profile-editor-rail {
        margin: 0 -10px;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .profile-editor-hero {
        min-height: 0;
        align-items: flex-start;
        padding: 18px;
    }

    .profile-editor-hero h1 {
        font-size: 24px;
    }

    .profile-editor-hero p {
        max-width: 430px;
        font-size: 11px;
    }

    .profile-editor-save-state {
        display: none;
    }

    .profile-editor .profile-share-trigger--labeled {
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }

    .profile-editor .profile-share-trigger--labeled span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .profile-editor-tabs {
        display: flex;
        overflow-x: auto;
        padding: 4px;
        scrollbar-width: none;
    }

    .profile-editor-tabs::-webkit-scrollbar {
        display: none;
    }

    .profile-editor-tabs button,
    .profile-editor-tabs a {
        min-width: 110px;
        border-right: 0;
    }

    .profile-editor-panel,
    .profile-editor-shortcuts {
        padding: 16px;
    }

    .profile-editor-panel-head {
        align-items: flex-start;
    }

    .profile-editor-panel-head p {
        max-width: 230px;
    }

    .profile-editor-search-trigger {
        display: none;
    }

    .profile-editor-add {
        min-width: 44px;
        width: 44px;
        padding: 0;
    }

    .profile-editor-add span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    .profile-editor-item {
        grid-template-columns: 18px 46px minmax(0, 1fr) 28px;
        min-height: 60px;
        gap: 8px;
        padding: 6px 7px;
    }

    .profile-editor-item-media {
        width: 42px;
        height: 42px;
    }

    .profile-editor-item-status {
        display: none;
    }

    .profile-editor-item-copy strong {
        font-size: 12px;
    }

    .profile-editor-shortcut-list {
        grid-template-columns: repeat(7, minmax(92px, 1fr));
    }
}

@media (max-width: 479.98px) {
    .profile-editor-rail {
        grid-template-columns: repeat(6, 78px);
    }

    .profile-editor-rail-item {
        flex-direction: column;
    }

    .profile-editor-hero-actions {
        gap: 8px;
    }

    .profile-editor-hero h1 {
        font-size: 22px;
    }

    .profile-editor-panel-head h2 {
        font-size: 19px;
    }
}

/* Full-screen editor arrangement */
@media (min-width: 992px) {
    .own-profile-page {
        overflow: hidden;
        padding: 0;
    }

    .profile-editor {
        grid-template-columns: 104px minmax(560px, 1fr) minmax(320px, 637px);
        grid-template-rows: 108px 60px minmax(0, 1fr);
        width: 100%;
        height: calc(100dvh - 90px);
        min-height: 0;
        gap: 12px 14px;
        margin: 90px 0 0;
        padding: 0 14px 14px 0;
        overflow: hidden;
    }

    .profile-editor-workspace {
        display: contents;
    }

    .profile-editor-rail {
        position: static;
        grid-column: 1;
        grid-row: 1 / 4;
        min-height: 0;
        height: 100%;
        border-left: 0;
        border-radius: 0 8px 8px 0;
    }

    .profile-editor-hero {
        grid-column: 2;
        grid-row: 1;
        min-height: 0;
        height: 100%;
    }

    .profile-editor-tabbar {
        grid-column: 2;
        grid-row: 2;
    }

    .profile-editor-panel {
        display: flex;
        min-height: 0;
        grid-column: 2;
        grid-row: 3;
        flex-direction: column;
        overflow: hidden;
    }

    .profile-editor-tab-panel.is-active {
        min-height: 0;
        overflow-y: auto;
        padding-right: 3px;
        scrollbar-color: #d7dce6 transparent;
        scrollbar-width: thin;
    }

    .profile-editor-preview {
        position: relative;
        grid-column: 3;
        grid-row: 1 / 4;
        min-height: 0;
        height: 100%;
        padding: 4px 16px 10px;
        border: 0;
        background: transparent;
        overflow: visible;
    }

    .profile-editor-phone {
        width: min(412px, calc(100% - 18px));
        height: calc(100% - 80px);
        min-height: 0;
        margin: 0 auto 8px;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(215, 222, 234, .9);
        border-radius: 24px;
        background: #fff;
        box-shadow: 16px 23px 39px rgba(35, 47, 74, .16), -6px 9px 20px rgba(99, 68, 231, .06);
        transform: perspective(1200px) rotateY(calc(-4deg + var(--phone-tilt-y, 0deg))) rotateX(calc(.5deg + var(--phone-tilt-x, 0deg)));
        transform-origin: center center;
    }

    .profile-editor-phone::after {
        display: none;
    }

    .profile-editor-phone iframe {
        width: 128%;
        height: 128%;
        border-radius: 23px;
        transform: scale(.78125);
        transform-origin: top left;
    }

    .profile-editor-open-profile {
        position: absolute;
        top: 16px;
        right: 4px;
        display: grid;
        width: 34px;
        height: 34px;
        place-items: center;
        padding: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, .78);
        color: #25335d;
        line-height: 1;
        box-shadow: 0 5px 16px rgba(35, 47, 74, .12);
    }

    .profile-editor-open-profile span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }
}

.profile-editor-tabs button,
.profile-editor-tabs a {
    border-right: 0;
}

.profile-editor-tabs .is-active::after {
    right: 20%;
    left: 20%;
}

@media (min-width: 992px) and (max-width: 1279.98px) {
    .profile-editor {
        grid-template-columns: 88px minmax(0, 1fr);
        grid-template-rows: 108px 60px minmax(0, 1fr);
        padding-right: 12px;
    }

    .profile-editor-rail {
        grid-column: 1;
        grid-row: 1 / 4;
    }

    .profile-editor-hero,
    .profile-editor-tabbar,
    .profile-editor-panel {
        grid-column: 2;
    }

    .profile-editor-hero { grid-row: 1; }
    .profile-editor-tabs { grid-row: 2; }
    .profile-editor-panel { grid-row: 3; }
}

/* Desktop editor navigation: compact, icon-first floating rail. */
@media (min-width: 992px) {
    .profile-editor {
        grid-template-columns: 76px minmax(560px, 1fr) minmax(320px, 637px);
    }

    .profile-editor-rail {
        align-self: start;
        justify-self: start;
        width: 54px;
        height: auto;
        min-height: 0;
        margin: 28px 0 0 11px;
        padding: 6px;
        border: 0;
        border-radius: 18px;
        background: #1d2025;
        box-shadow: 0 14px 28px rgba(18, 23, 31, .18);
    }

    .profile-editor-rail-item {
        position: relative;
        width: 42px;
        min-height: 46px;
        padding: 0;
        border-radius: 13px;
        color: #aeb4bd;
    }

    .profile-editor-rail-item i {
        font-size: 15px;
    }

    .profile-editor-rail-account img {
        display: block;
        flex-shrink: 0;
        width: 38px;
        height: 38px;
        border-radius: 10px;
        background: #fff;
    }
    .profile-editor-rail-notification-popover { top:0; left:calc(100% + 9px); }

    .profile-editor-rail-item span {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .profile-editor-rail-item:hover {
        background: rgba(255, 255, 255, .10);
        color: #fff;
    }

    .profile-editor-rail-item:hover i {
        color: #fff;
    }

    .profile-editor-rail-item.is-active {
        background: #fff;
        color: #1d2025;
        box-shadow: 0 5px 14px rgba(0, 0, 0, .16);
    }

    .profile-editor-rail-item.is-active:hover { background:#fff; color:#1d2025; }
    .profile-editor-rail-item.is-active:hover i { color:#1d2025; }

    .profile-editor-rail-help {
        margin-top: 8px;
    }
}

@media (max-width: 991.98px) {
    .own-profile-page {
        overflow-y: auto;
    }

    .profile-editor-workspace {
        display: grid;
        min-width: 0;
        gap: 10px;
    }

}

@media (max-width: 767.98px) {
    .profile-editor-tab-panel.is-active { overflow: visible; }
    .profile-editor-category + .profile-editor-category { margin-top: 16px; }
    .profile-editor-question-actions a { min-height: 64px; }
    .profile-editor-image-tools { grid-template-columns: 1fr; }
    .profile-editor-about-section-grid { grid-template-columns:1fr; }
    .profile-editor-about-sections-head { display:block; }
    .profile-editor-about-sections-head small { display:block; margin-top:4px; }
    .profile-editor-school-list > div { grid-template-columns:1fr 1fr 30px; }
}

@media (max-width: 991.98px) {
    .profile-editor { align-content:start; grid-template-rows:auto auto; }
    .profile-editor-rail {
        grid-template-columns: none;
        grid-auto-columns: minmax(74px, 78px);
        grid-auto-flow: column;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }
    .profile-editor-rail::-webkit-scrollbar { display:none; }
    .profile-editor-rail-help { margin-top:0; }
}

@media (min-width: 992px) {
    .profile-editor-workspace.is-theme-mode .profile-theme-studio {
        grid-column: 2;
        grid-row: 2 / 4;
        min-height: 0;
        height: 100%;
    }
}
@media (min-width: 1280px) {
    .profile-editor:has(.profile-editor-workspace.is-theme-mode) {
        grid-template-columns: 76px minmax(560px, 1fr) minmax(320px, min(36vw, 520px));
    }
}

.profile-visitor-preview .profile-visitor-preview-tabs [data-visitor-tab="contact"] svg {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.profile-editor-image-tools--about {
    max-width: none;
    margin-top: 20px;
    padding: 0 0 22px;
}
.profile-editor-image-tools--about article {
    min-height: 136px;
    gap: 16px;
    padding: 18px;
    border: 0;
    border-radius: 10px;
    background: #f6f7f8;
}
.profile-editor-image-tools--about .profile-editor-image-tool-preview {
    width: 84px;
    height: 84px;
}
.profile-editor-image-tools--about .profile-editor-image-tool-preview--cover {
    width: 108px;
}
.profile-editor-image-tools--about strong { font-size: 16px; }
.profile-editor-image-tools--about small { font-size: 12px; line-height: 1.45; }
.profile-editor-image-tools--about button {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 7px;
    background: #e9e6fa;
    font-size: 12px;
}
.profile-editor-about-sections { margin-top: 20px; padding-top: 0; border-top: 0; }
.profile-editor-about-sections-head { display: block; margin-bottom: 16px; }
.profile-editor-about-sections-head span {
    display: block;
    color: #202739;
    font-size: 18px;
    font-weight: 750;
    letter-spacing: 0;
    text-transform: none;
}
.profile-editor-about-sections-head small { display: block; margin-top: 5px; color: #768092; font-size: 13px; }
.profile-editor-about-details-link {
    min-height: 58px;
    gap: 13px;
    margin-bottom: 12px;
    padding: 0 17px;
    border-radius: 10px;
    background: #f6f7f8;
    color: #30394d;
    font-size: 14px;
}
.profile-editor-about-details-link > :last-child { font-size: 13px; }
.profile-editor-about-section-grid { gap: 10px; }
.profile-editor-about-section {
    min-height: 64px;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 10px;
    background: #f6f7f8;
    color: #475166;
}
.profile-editor-about-section.is-filled { background: #edf3f0; color: #2d5743; }
.profile-editor-about-section > i { font-size: 16px; }
.profile-editor-about-section span { font-size: 14px; }
.profile-editor-about-section em { font-size: 11px; }

@media (max-width: 767px) {
    .profile-editor-image-tools--about { grid-template-columns: 1fr; }
    .profile-editor-about-section-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .profile-editor { margin-top: 80px; }
    .profile-editor-rail {
        grid-auto-columns: minmax(76px, 86px);
        gap: 3px;
        padding: 7px 10px;
        scroll-padding-inline: 10px;
    }
    .profile-editor-rail-item {
        min-height: 62px;
        gap: 5px;
        padding: 6px 4px;
        color: #566176;
        font-size: 11px;
        line-height: 1.25;
    }
    .profile-editor-rail-item i { font-size: 16px; }
    .profile-editor-rail-account img { width: 34px; height: 36px; }
    .profile-editor-hero h1 { font-size: 25px; line-height: 1.2; }
    .profile-editor-hero p { font-size: 13px; line-height: 1.45; }
    .profile-editor-tabs button,
    .profile-editor-tabs a { font-size: 13px; }
    .profile-editor-panel-head p { font-size: 13px; line-height: 1.45; }
    .profile-editor-item-copy strong { font-size: 14px; }
    .profile-editor-item-copy small { font-size: 12px; }
}

.profile-editor-mobile-open-profile { display: none; }

@media (max-width: 991.98px) {
    .profile-editor-rail-notifications { display: none; }
    .profile-editor-mobile-open-profile {
        position: fixed;
        z-index: 1040;
        right: max(18px, env(safe-area-inset-right));
        bottom: max(18px, env(safe-area-inset-bottom));
        display: grid;
        width: 52px;
        height: 52px;
        place-items: center;
        border-radius: 50%;
        background: #202630;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        box-shadow: 0 10px 28px rgba(23, 31, 48, .23);
    }
    .profile-editor-mobile-open-profile:hover,
    .profile-editor-mobile-open-profile:focus-visible { color: #fff; background: #374151; }
    .profile-editor-mobile-open-profile:focus-visible { outline: 3px solid #8468f1; outline-offset: 3px; }
    .profile-editor {
        height: auto;
        min-height: 0;
        overflow: visible;
        padding-bottom: max(96px, calc(72px + env(safe-area-inset-bottom)));
    }
}