:root{ 
    --pixe--admin--color: #1f1ba5; 
    --pixe--admin--bg: #F4F3FF;
    --pixe--admin--border: #E6DBFF; 
    --pixe--admin--input-bg: #FCFBFE;
    --pixe--admin--button-shadow: 0 6px 16px rgba(31, 27, 165, 0.5);
}
.notice{ display: none; }
#wpcontent{ padding-left: 0; }
#wpbody{ background: #F0F0F1; }
#wpfooter{ background: #fff; padding: 15px 20px; }
#wpfooter a{ text-decoration: none; color: #1F1BA5 }
#footer-upgrade{ display: none; }

.pixe-plugin-settings-content{ display: flex; justify-content: center; font-family: 'Inter', sans-serif; 
    padding-right: 15px; padding-left: 15px; line-height: 1.7; margin-bottom: 30px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pixe-plugin-settings-content *,
.pixe-plugin-settings-content *:before, 
.pixe-plugin-settings-content *:after { box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }
.pixe-plugin-settings-content a{ color: var(--pixe--admin--color); text-decoration: none; }
.pixe-plugin-settings-content a:focus{ box-shadow: none; }
.pixe-plugin-settings-content a.pixe-pro-upgrade-now{ background: var(--pixe--admin--color, #0487ff); color: #fff; }
/* width */
.pixe-upload-area{ border-width: 2px; border-color: #C2C0F5; }
.pixe-upload-area .pixe-upload-icon{ border-color: #DBDDFF; background: linear-gradient(136deg, #fff, #DBD7FD); }
[data-width="1-1"]{ width: 100%; }
[data-width="1-2"]{ width: calc(50% - 5px); }
.pixe-plugin-settings-head{ display: flex; align-items: center; justify-content: space-between; gap: 20px; 
    padding: 15px 30px; margin: 0 0 40px 0px; background: #fff; border-bottom: 1px solid #e3e3e3; }
.pixe-plugin-settings-head .pixe-left{ display: flex; align-items: center; gap: 2px; }
.pixe-plugin-settings-head .pixe-left .pixe-logo{ margin-right: 10px; }
.pixe-plugin-settings-head .pixe-left a{ font-size: 14px; font-weight: 600; text-decoration: none; display: flex; align-items: center; gap: 8px; flex-shrink: 0; outline: none;
    color: #383c49; --pixe--svg--color: currentColor; padding: 7px 15px; outline: none; box-shadow: none; transition: box-shadow 150ms, background 150ms; border-radius: 20px; }
.pixe-plugin-settings-head .pixe-left a.pixe-active, 
.pixe-plugin-settings-head .pixe-left a:hover{ background: #F4F3FF; color: var(--pixe--admin--color); }
.pixe-plugin-settings-head .pixe-version{ font-size: 11px; padding: 1px 6px; background: #f7f7fb; color: #8a88a0; border-radius: 4px; }
.pixe-plugin-settings-head .pixe-divider{ height: 20px; margin: 0 15px;  border-left: 1px solid #e0e0ec; }
.pixe-plugin-settings-head .pixe-button{ display: flex; align-items: center; font-size: 13px; font-weight: 500; padding: 9px 15px; 
    white-space: nowrap; text-decoration: none; gap: 5px; background: var(--pixe--admin--color); color: #fff; --pixe--svg--color: #B2DF20; 
    border-radius: 12px; box-shadow: 0 4px 12px rgba(31, 27, 165, 0.5); }
.pixe-plugin-settings-head .pixe-right{ display: flex; align-items: center; gap: 15px; }
.pixe-plugin-settings-head .pixe-right .pixe-link{ text-decoration: none; color: #5B5970; }
/* content option */
.pixe-plugin-settings-content-option{ width: 1200px; }
.pixe-plugin-settings-content-option .pixe-input-wrap > label{ font-size: 14px; margin-bottom: 14px; color: #000; }
.pixe-plugin-settings-content-option .pixe-input-wrap > .pixe-description{ margin-bottom: 18px; }
.pixe-plugin-settings-content-inner{ background: #fff; padding: 17px 0 0; border-radius: 20px; box-shadow: 0 0 26px rgba(0, 0, 0, 0.07); }
/* tab side */
.pixe-plugin-settings-tab{ width: 230px; flex-shrink: 0; }
.pixe-plugin-settings-tab .pixe-head{ font-size: 11px; text-transform: uppercase; color: #8A88A0; 
    margin: 0 12px 12px; letter-spacing: 1.32px; font-weight: 600; }
.pixe-plugin-settings-tab a{ display: flex; align-items: center; gap: 12px; text-decoration: none; font-size: 14px; font-weight: 500; 
    padding: 12px; margin-bottom: 2px; color: #383c49; outline: none; box-shadow: none; border-radius: 14px; transition: background 150ms; }
.pixe-plugin-settings-tab a .pixe-admin-icon{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
    color: #5B5970; background: #f7f7fb; border: 1px solid #ececf3; border-radius: 8px; transition: color 150ms, background 150ms, border 150ms; }
.pixe-plugin-settings-tab a:hover{ background: #fff; }
.pixe-plugin-settings-tab a.pixe-active{ color: #fff; background: var(--pixe--admin--color); box-shadow: var(--pixe--admin--button-shadow); }
.pixe-plugin-settings-tab a.pixe-active .pixe-admin-icon{ color: #fff; background: #3E3BB2; border-color: #615EC0; }
/* tab content */
.pixe-plugin-settings-tab-head{ position: relative; padding: 0 30px 17px; margin-bottom: 25px; border-bottom: 1px solid #ececf3; }
.pixe-plugin-settings-tab-head .pixe-title{ font-size: 15px; font-weight: bold; color: #0F0E1F; }
.pixe-plugin-settings-tab-head .pixe-description{ font-size: 13px; color: #5B5970; }
.pixe-plugin-settings-tab-head .pixe-plugin-settings-status{ position: absolute; right: 20px; top: 5px; padding: 6px 15px; border: 1px solid #ececf3; border-radius: 20px; }
.pixe-plugin-settings-tab-content{ max-width: 940px; flex-grow: 1; margin-left: 30px; }
.pixe-plugin-settings-tab-content .pixe-divider{ width: 100%; border-bottom: 1px solid #ececec; padding-top: 10px; margin-bottom: 20px; }
.pixe-plugin-settings-tab-content .pixe-divider:last-child{ display: none; }
.pixe-plugin-settings-tab-content .pixe-detail{ font-size: 13px; padding: 12px 18px; margin: 20px 30px 25px; background: #F4F3FF; border-radius: 14px; }
.pixe-plugin-settings-tab-content .pixe-detail strong{ color: #1F1BA5; }
.pixe-plugin-settings-tab-content .pixe-detail svg{ vertical-align: middle; display: inline-block; margin-top: -2px; margin-right: 5px; }
.pixe-plugin-settings-tab-content.pixe-type-settings{ max-width: 940px; }
.pixe-plugin-settings-tab-content .pixe-note{ font-size: 14px; color: #383c49; margin-bottom: 18px; }
.pixe-plugin-settings-tab-content .pixe-note a{ color: var(--pixe--admin--color, #0487ff); }
.pixe-plugin-settings-tab-inner{ background: #fff; padding: 17px 0 5px; border-radius: 20px; box-shadow: 0 0 26px rgba(0, 0, 0, 0.07); }
/* license content */
.pixe-plugin-settings-tab-content:first-child{ max-width: 720px; margin-left: 0; }
.pixe-plugin-settings-tab-inner.pixe-pro-active{ background: linear-gradient(180deg,rgba(251, 252, 245, 1) 0%, rgba(255, 255, 255, 1) 20%); }
.pixe-plugin-license-head{ display: flex; align-items: center; gap: 20px; padding: 5px 30px 30px; border-bottom: 1px solid #ececec; }
.pixe-plugin-license-head .pixe-icon{ display: flex; width: 46px; height: 46px; align-items: center; justify-content: center;
    background: #1C8255; border-radius: 23px; box-shadow: 0 6px 16px rgba(31, 138, 91, 0.6); }
.pixe-plugin-license-head .pixe-title{ color: #0F0E1F; font-size: 18px; font-weight: 600; }
.pixe-plugin-license-head .pixe-description{ font-size: 13.5px; color: #5B5970; }
.pixe-plugin-license-head .pixe-status{ font-size: 12px; font-weight: 500; margin-left: auto; padding: 3px 10px 4px;
    border: 1px solid #B8DAC8; background: #EBF5EE; color: #1F8A5B; border-radius: 20px; }
.pixe-plugin-license-head .pixe-status span{ width: 13px; height: 13px; display: inline-block; vertical-align: middle;
    margin-right: 7px; margin-top: -2px; padding: 3px; background: #C7E2D2;  border-radius: 7px;}
.pixe-plugin-license-head .pixe-status span:before{ display: block; content: " "; width: 7px; height: 7px;
    background: #1F8A5B; border-radius: 4px; }
.pixe-plugin-license-content{ margin: 30px 30px 0px; }
.pixe-plugin-license-content strong{ color: #2c2c2c; }
.pixe-plugin-license-content p{ font-size: 14px; }
.pixe-plugin-license-content a{ color: var(--pixe--admin--color, #0487ff); }
.pixe-plugin-license-content a:focus{ outline: none; box-shadow: none; }
.pixe-plugin-license-content a.pixe-button{ display: inline-flex; gap: 5px; align-items: center; font-size: 14px; font-weight: 500; text-decoration: none; padding: 7px 18px;
    transition: opacity 150ms; background: var(--pixe--admin--color, #0487ff); color: #fff; cursor: pointer; border-radius: 10px; }
.pixe-plugin-license-content a.pixe-button.pixe-alt{ border: 1px solid #e0ecec; color: #0F0E1F; background: transparent; }
.pixe-plugin-license-content .pixe-license-display{ font-size: 14px; padding: 11px 15px; width: 100%; letter-spacing: 0.84px;
    border-radius: 10px; color: #a3a6a9; background: #f7f7fb; border: 1px solid #e0e0ec; }
.pixe-plugin-license-error{ color: #d60000; }
/* inactive */
.pixe-plugin-license-head.pixe-inactive .pixe-icon{ box-shadow: none; border: 1px solid #e0ecec; background: #ecebf2; }
.pixe-plugin-license-head.pixe-inactive .pixe-status{ border-color: #ececf3; background: #f7f7fb; color: #5b5970; }
.pixe-plugin-license-head.pixe-inactive .pixe-status span{ background: transparent; }
.pixe-plugin-license-head.pixe-inactive .pixe-status span:before{ background: #b5b3c5; }
.pixe-plugin-license-content.pixe-inactive{ text-align: center; padding: 15px 0 50px; }
.pixe-plugin-license-content.pixe-inactive .pixe-title{ font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #0f0e1f; }
.pixe-plugin-license-content.pixe-inactive .pixe-description{ font-size: 13px; max-width: 450px; margin: 0 auto 20px; color: #8a88a0; }
.pixe-plugin-license-content.pixe-inactive .pixe-button{ width: 280px; gap: 10px; justify-content: center; padding: 12px 20px; box-shadow: var(--pixe--admin--button-shadow); }
.pixe-plugin-license-content.pixe-inactive .pixe-icon{ display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; margin: -10px auto 30px; color: var(--pixe--admin--color, #0487ff);
    background: linear-gradient(135deg, #FDEDFD, #ECEAFF); border: 1px solid #D9D9F0; box-shadow: 0 16px 40px rgba(31, 27, 165, 0.14); border-radius: 18px; }
.pixe-plugin-license-content.pixe-inactive .pixe-button-wrap{ display: flex; justify-content: center; gap: 10px; }
.pixe-plugin-license-content.pixe-inactive .pixe-button-wrap .pixe-button{ width: 200px; }
/* template */
.pixe-plugin-settings-content .pixe-template-settings{ width: 100%; max-width: 1200px; }
.pixe-plugin-settings-content .pixe-pro-notice.pixe-type-feature > .pixe-admin-icon{ background: linear-gradient( 135deg, #FDEDFD, #ECEAFF); 
    border-color: #D9D9F0; box-shadow: 0 16px 40px rgba(31, 27, 165, 0.14); }
.pixe-plugin-settings-content .pixe-message-content-empty .pixe-admin-icon{ border-color: #D9D9F0; box-shadow: 0 16px 40px rgba(37, 27, 165, 0.14); }
.pixe-plugin-settings-content .pixe-settings-tab-head{ background: transparent; padding: 17px 30px; }
.pixe-plugin-settings-content .pixe-settings-tab-head > [data-tab]{ padding-bottom: 0; margin-bottom: 0; }
.pixe-style-tab-head .pixe-settings-tab-head{ padding: 28px 30px; }
.pixe-style-tab-head .pixe-settings-tab-head > [data-tab]{ padding-bottom: 28px; margin-bottom: -28px; }
.pixe-style-tab-head-text .pixe-settings-tab-head{ font-size: 15px; font-weight: bold; }
/* system status */
.pixe-plugin-settings-info{ display: flex; flex-wrap: wrap; gap: 0; margin: 0 30px; border: 1px solid #ECECF3; border-radius: 14px; overflow: hidden; }
.pixe-plugin-info{ display: flex; justify-content: space-between; width: 100%; font-size: 14px; padding: 12px 15px; 
    color: #383c49; border-bottom: 1px solid #ECECF3; }
.pixe-plugin-info:nth-child(2n){ background: #F7F7FB; }
.pixe-plugin-info:last-child{ border: none; }
.pixe-plugin-info .pixe-head{ font-size: 13.5px; color: #2a2942; }
.pixe-plugin-info .pixe-tail{ font-size: 13px; font-weight: 600; color: #0F0E1F; }
.pixe-plugin-info .pixe-info{ display: inline-block; font-size: 11.5px; font-weight: 500; 
    padding: 1.5px 12px; margin-left: 10px; color: #B26A00; background: #F7ECDD; border-radius: 10px; }
/* settings area */
.pixe-plugin-settings-area{ display: flex; flex-wrap: wrap; margin: 0px 30px; }
.pixe-plugin-settings-area.pixe-width-60{ width: 60%; }
.pixe-plugin-settings-area.pixe-width-375{ width: 375px; }
.pixe-input-submit-wrap{ display: flex; justify-content: space-between; align-items: center;
    margin-top: 25px; padding: 9px 22px; background: #fff; border: 1px solid #E0E0EC; border-radius: 20px; }
.pixe-input-submit-wrap .pixe-update-plugin-settings{ display: flex; align-items: center; gap: 9px; font-size: 13px; 
    font-weight: 500; padding: 9px 18px; cursor: pointer; box-shadow: 0 4px 12px rgba(31, 27, 165, 0.5);
    border-radius: 12px; transition: opacity 150ms; background: var(--pixe--admin--color, #0487ff); color: #fff; }
.pixe-input-submit-wrap .pixe-update-plugin-settings .pixe-admin-icon{ color: #B2DF20; }
.pixe-input-submit-wrap .pixe-update-plugin-settings.pixe-loading{ opacity: 0.6; }
.pixe-plugin-settings-area .pixe-sselector-options{ width: 60%; }
.pixe-plugin-settings-status{ display: flex; align-items: center; gap: 7px; color: #5B5970; }
.pixe-plugin-settings-status span{ display: block; padding: 3px; background: #ECF7C7; border-radius: 10px; }
.pixe-plugin-settings-status span:before{ display: block; content: " "; width: 7px; height: 7px; background: #B2DF20; border-radius: 4px; }
.pixe-plugin-settings-status.pixe-on-progress span{ background: #FDE3B9; }
.pixe-plugin-settings-status.pixe-on-progress span:before{ background: #FAA318; }
/* settings description */
.pixe-plugin-settings-description{ margin: 25px 30px; }
.pixe-plugin-settings-description table{ width: 100%; margin-bottom: 20px; border: 1px solid #e5e5e5; border-collapse: collapse; }
.pixe-plugin-settings-description table th, 
.pixe-plugin-settings-description table td{ border: 1px solid #e5e5e5; padding: 8px 15px; }
.pixe-plugin-settings-description p{ width: 100%; margin-bottom: 20px; margin-top: 0; }
/* settings style */
.pixe-plugin-settings-input{ display: flex; align-items: flex-start; gap: 35px; padding: 25px 0; border-top: 1px solid #ececec; }
.pixe-plugin-settings-input.pixe-type-connect{ padding-top: 0; border: 0; }
.pixe-plugin-settings-input.pixe-type-bottom{ padding-bottom: 10px; }
.pixe-plugin-settings-input:first-child{ border: 0; padding-top: 0; }
.pixe-plugin-settings-input .pixe-head-wrap{ width: 240px; position: relative; flex-shrink: 0; }
.pixe-plugin-settings-input .pixe-head-wrap label{ font-size: 14px; white-space: normal; color: #0f0e1f; }
.pixe-plugin-settings-input .pixe-head-wrap + div{ flex-grow: 1; max-width: 665px; }
.pixe-plugin-settings-input .pixe-head-wrap + .pixe-color-display-wrap{ flex-grow: unset; }
.pixe-plugin-settings-input .pixe-head-wrap .pixe-description{ font-size: 12.5px; font-style: normal; word-wrap: break-word; color: #8a88a0; }
.pixe-plugin-settings-input.pixe-0h-description .pixe-description{ height: 0; }
.pixe-plugin-settings-input .pixe-head-wrap .pixe-clear-value{ position: static; display: inline-block; vertical-align: middle; line-height: 1; margin-left: 8px }
.pixe-plugin-settings-input .pixe-head-wrap .pixe-clear-value .pixe-svg-preset{ margin-left: 0; }
.pixe-plugin-settings-input input[type="checkbox"]{ margin-right: 8px; }
.pixe-plugin-settings-input.pixe-size-input .pixe-action-unsync{ top: 15px; right: -22px; }
.pixe-plugin-settings-input.pixe-size-input .pixe-action-sync{ top: 12px; right: -22px; }
.pixe-plugin-settings-input-group{ display: flex; flex-wrap: wrap; gap: 15px 10px; }
.pixe-plugin-settings-input-group .pixe-head-wrap label{ font-size: 12px; margin-bottom: 8px; color: #7E8497; }
/* plugin settings input */
.pixe-plugin-settings-area .pixe-range-input input[type="text"]{ height: 46px; }
.pixe-plugin-settings-area .pixe-combobox,
.pixe-plugin-settings-area .pixe-combobox .pixe-text{ height: 48px; }
.pixe-plugin-settings-area .pixe-input input[type="text"], 
.pixe-plugin-settings-area .pixe-input input[type="date"], 
.pixe-plugin-settings-area .pixe-input input[type="time"]{ height: 48px; }
.pixe-plugin-settings-area .pixe-button-callback.pixe-type-white{ padding: 12px 5px; }
.pixe-plugin-settings-area .pixe-combobox:after{ top: 22px; }
.pixe-plugin-settings-area .pixe-upload-area{ height: 180px; justify-content: center; }
.pixe-plugin-settings-area .pixe-color-display{ width: 20px; height: 20px; }
.pixe-plugin-settings-area .pixe-color-display-wrap{ height: 44px; }
.pixe-plugin-settings-area .pixe-ss-display, 
.pixe-plugin-settings-area .pixe-typo-display, 
.pixe-plugin-settings-area .pixe-image-display-wrap{ width: 44px; height: 44px; }
.pixe-preload-icon-popup .pixe-options.pixe-active{ width: 570px; }
/* replace url */
.pixe-plugin-settings-area[data-type="replace-url"]{ margin-top: 30px; margin-bottom: 30px; }
.pixe-plugin-settings-area[data-type="replace-url"] input[type="text"]{ height: 48px; padding: 0px 15px; }
.pixe-plugin-settings-area[data-type="replace-url"] .pixe-footer-divider{ display: none; }
/* plugin api */
.pixe-plugin-api-table{ width: 100%; font-size: 14px; padding-bottom: 25px; color: #797C83; }
.pixe-plugin-api-table .pixe-row{ display: flex; align-items: center; margin-bottom: 4px; }
.pixe-plugin-api-table .pixe-name{ width: 30%; flex-shrink: 0; }
.pixe-plugin-api-table .pixe-head{ font-size: 14px; font-weight: 500; margin-bottom: 8px; color: #0f0e1f; }
.pixe-plugin-api-table .pixe-action{ margin-left: 20px; }
.pixe-plugin-api-new{ display: flex; gap: 5px; width: 100%; }
.pixe-plugin-api-new .pixe-plugin-error{ margin-top: 15px; color: #db4141; }
.pixe-plugin-api-new label{ display: block;  font-size: 14px; font-weight: 600; margin-bottom: 12px; color: #000; }
.pixe-plugin-api-new input[type="text"]{ height: 48px; margin: 0; padding: 0px 20px; flex-grow: 1;
    background: #FCFBFE; border: 1px solid #dfdfdf; border-radius: 10px; --pixe--color--placeholder: #A3A6A9; }
.pixe-plugin-api-new input[type="submit"]{ border: none; outline: none; font-size: 14px; 
    font-weight: 600; height: 48px; padding: 0px 20px; background: var(--pixe--admin--color, #0487ff); color: #fff; cursor: pointer; border-radius: 10px; }
/* prevent scrollbar */
.pixe-plugin-settings-content .pixe-color-preset-content,
.pixe-plugin-settings-content .pixe-custom-font-content{ height: auto; }
.pixe-plugin-settings-content .pixe-template-settings .pixe-template-sidebar,
.pixe-plugin-settings-content .pixe-template-settings .pixe-template-settings-wrap{ height: auto; min-height: 630px; }
.pixe-plugin-settings-content .pixe-template-section.pixe-fixed-height, 
.pixe-plugin-settings-content .pixe-template-sections.pixe-fixed-height{ height: auto; min-height: 630px; }
/* custom template style */
.pixe-plugin-settings-content .pixe-template-custom-item:hover{ border-color: #bdc7f6; box-shadow: 0 18px 40px rgb(7 4 255 / 12%); }
.pixe-plugin-settings-content .pixe-template-custom-item .pixe-icon[data-action]:hover{ color: #2718d6; background: #f2f3ff; border-color: #c1bffe; }
.pixe-plugin-settings-content .pixe-template-custom-item .pixe-edit-template{ box-shadow: 0 12px 28px rgb(34 4 255 / 24%); }
.pixe-plugin-settings-content .pixe-template-settings .pixe-new:hover{ box-shadow: 0 2px 7px rgb(213 209 243); }
.pixe-plugin-settings-content .pixe-settings-tab-head-right span[data-tab="import"]:hover, 
.pixe-plugin-settings-content .pixe-settings-tab-head-right span[data-tab="import"].pixe-active{ background: #e9e5ff; }
.pixe-plugin-settings-content .pixe-template-settings .pixe-download-all:hover{ background: #e9e5ff; }
/* getting started */
body.pixebuilder_page_pixe_plugin_settings_getting_started{ background: #ffffff; }
body.pixebuilder_page_pixe_plugin_settings_getting_started div#wpcontent{ padding-left: 0; }
.pixe-getting-started-wrap{ font-size: 14px; font-family: 'Inter', sans-serif; line-height: 1.65; color: #434343;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pixe-getting-started-wrap *,
.pixe-getting-started-wrap *:before, 
.pixe-getting-started-wrap *:after{ box-sizing: inherit; -moz-box-sizing: inherit; -webkit-box-sizing: inherit; }
.pixe-getting-started-wrap a{ color: var(--pixe--admin--color, #0487ff); text-decoration: none; }
.pixe-getting-started-wrap a:focus{ box-shadow: none; }
.pixe-getting-started-wrap .pixe-upgrade-button{ display: flex; font-size: 14px; gap: 6px; align-items: center; justify-content: center;
    height: 42px; padding: 10px 18px; color: #fff; background: var(--pixe--admin--color); border-radius: 10px; }
.pixe-getting-started-wrap .pixe-upgrade-button:hover{ color: #fff; }
.pixe-getting-started-wrap .pixe-button{ display: flex; gap: 10px; font-size: 13px; font-weight: 500; align-items: center; justify-content: center;
    height: 49px; padding: 10px 25px; color: #fff; background: var(--pixe--admin--color); border-radius: 30px; box-shadow: var(--pixe--admin--button-shadow); }
.pixe-getting-started-wrap .pixe-button:hover{ color: #fff; }    
.pixe-getting-started-wrap .pixe-button.pixe-white{ background: #fff; border: 1px solid #ececec; color: #0f0e1f; box-shadow: 0 1px 2px rgba(15, 14, 31, 0.04); }
.pixe-getting-started-wrap .pixe-button-wrap{ display: flex; align-items:center; gap: 10px; margin-bottom: 60px; }
.pixe-getting-started-title{ max-width: 1184px; margin: 0 auto 35px; padding-top: 40px; }
.pixe-getting-started-title h3{ font-size: 44px; line-height: 1.2; font-weight: 600; margin-top: 0; margin-bottom: 7px; }
.pixe-getting-started-title h3 em{ font-weight: 400; color: var(--pixe--admin--color); }
.pixe-getting-started-title .pixe-caption{ display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; 
    letter-spacing: 1.44px; text-transform: uppercase; margin-bottom: 10px; color: var(--pixe--admin--color); }
.pixe-getting-started-title .pixe-caption span{ display: inline-block; width: 24px; border-top: 2px solid #B2DF20; }
.pixe-getting-started-title .pixe-content{ font-size: 16px; color: #5B5970; }
.pixe-getting-started-title.pixe-align-center{ display: flex; flex-direction: column; text-align: center; align-items: center; }
.pixe-getting-started-head{ display: flex; justify-content: space-between; align-items: center; padding: 17px; border-bottom: 1px solid #dfdfdf; }
.pixe-getting-started-head img{ margin-left: 15px; padding: 8px 0; }
.pixe-getting-started-hero{ position: relative; display: flex; align-items: center; gap: 40px; max-width: 1184px; margin: 30px auto; padding: 55px 55px;
    background: #F9F9FF; background: linear-gradient(225deg,rgba(251, 250, 255, 1) 0%, rgba(241, 240, 254, 1) 100%);
    border: 1px solid #DADAEB;  border-radius: 28px; overflow: hidden; }
.pixe-getting-started-hero:before{ content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; 
    background: url("../img/getting-started-hero.png") repeat 30px 22px; }
.pixe-getting-started-hero .pixe-badge{ display: inline-flex; gap: 7px; align-items: center; font-size: 13px; color: #1F1BA5; background: #fff; border-radius: 20px;
    padding: 4px 15px 4px 11px; margin-bottom: 20px; border: 1px solid #ececf3; box-shadow: 0 1px 2px rgba(15, 14, 31, 0.04); }
.pixe-getting-started-hero .pixe-services{ display: flex; gap: 25px; font-size: 12.5px; color: #5B5970; }
.pixe-getting-started-hero .pixe-services .pixe-icon{ display: flex; align-items: center; height: 20px; margin-bottom: 5px; }
.pixe-getting-started-hero-left{ position: relative; width: 50%; }
.pixe-getting-started-hero-left h2 strong{ position: relative; }
.pixe-getting-started-hero-left h2 strong:before{ content: " "; display: block; position: absolute; left: -4px; right: 0; 
    bottom: 10px; height: 12px; background: #B2DF20; border-radius: 2px; }
.pixe-getting-started-hero-left h2 strong span{ position: relative; }
.pixe-getting-started-hero-right{ position: relative;width: 50%; display: flex; align-items: center; }
.pixe-getting-started-hero-right .pixe-status{ position: absolute; right: -25px; bottom: -18px; height: 50px;
    display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 15px; background: #fff; 
    border: 0px solid #e0e0ec; border-radius: 12px; box-shadow: 0 4px 14px rgba(15, 14, 31, 0.06); }
.pixe-getting-started-hero-right .pixe-status span{ font-size: 12px; font-weight: 700; width: 28px; height: 28px;
    line-height: 28px; text-align: center; color: #0c0a4d; background: #b2df20; border-radius: 50%; }
.pixe-getting-started-plan{ display: flex; max-width: 1184px; margin: 50px auto 25px; font-size: 14.5px; color: #7d7a9e; 
    background: #fff; border-radius: 28px; box-shadow: 0 4px 14px rgba(15, 14, 31, 0.06); overflow: hidden; }
.pixe-getting-started-plan .pixe-col{ position: relative; flex-grow: 1; width: 30%; }
.pixe-getting-started-plan .pixe-head-col{ width: 40%; }
.pixe-getting-started-plan .pixe-title-wrap{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; height: 140px; padding: 30px 25px; 
    border-bottom: 1px solid #ececf3; border-left: 1px solid #ececf3; }
.pixe-getting-started-plan .pixe-foot{ padding: 25px 25px; }
.pixe-getting-started-plan .pixe-title{ font-size: 19px; font-weight: 600; color: #0F0E1F;  }
.pixe-getting-started-plan .pixe-badge{ font-size: 11px; font-weight: 500; letter-spacing: 0.88px; text-transform: uppercase;
    padding: 3px 8px; color: #73718b; background: #ecebf2; border-radius: 4px; }
.pixe-getting-started-plan .pixe-plan-price{ font-size: 13px; width: 100%; margin-top: 10px; }
.pixe-getting-started-plan ul{ margin: 0; }
.pixe-getting-started-plan ul li{ display: flex; align-items: center; height: 54px; padding: 0px 25px; 
    border-bottom: 1px solid #ececf3; border-left: 1px solid #ececf3; margin: 0; }
.pixe-getting-started-plan ul li:nth-child(2n+1){ background: #FEFFFC; }
.pixe-getting-started-plan .pixe-col.pixe-recommend{ background: #F4F4FA; }
.pixe-getting-started-plan .pixe-col.pixe-recommend .pixe-badge{ color: #1F1BA5; background: #B2DF20; }
.pixe-getting-started-plan .pixe-col.pixe-recommend ul li:nth-child(2n+1){ background: #F1F3F3; }
.pixe-getting-started-plan .pixe-col.pixe-recommend ul li:before{ content: " "; display: inline-block; width: 9px; height: 7px; margin-right: 8px; margin-top: 1px;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.9056 0.573242L2.86393 5.61491L0.572266 3.32324' stroke='%231F1BA5' stroke-width='1.14583' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.pixe-getting-started-plan .pixe-col.pixe-recommend .pixe-title{ color: var(--pixe--admin--color, #0487ff); }
.pixe-getting-started-foot-note{ display: flex; align-items: center; justify-content: center; gap: 10px; padding-top: 10px; padding-bottom: 30px;  color: #5B5970; }
.pixe-getting-started-video{ width: 100%; border-radius: 14px; box-shadow: 0 6px 18px rgba(15, 14, 31, 0.08); pointer-events: none; }
.pixe-getting-started-hero h2{ font-size: 56px; font-weight: 600; margin-top: 0; margin-bottom: 33px; line-height: 1.05; color: #0C0A4D; }
.pixe-getting-started-hero h2 strong{ color: var(--pixe--admin--color); }
.pixe-getting-started-hero h2 em{ font-weight: normal; color: var(--pixe--admin--color); }
.pixe-getting-started-hero .pixe-content{ font-size: 16px; line-height: 1.8; color: #5B5970; margin-bottom: 30px; }
.pixe-getting-started-theme{ position: relative; display: flex; gap: 30px; max-width: 1184px; margin: 0 auto 60px; padding: 45px 30px 50px; background: #fff;
    border: 1px solid #ececf3; border-radius: 28px; box-shadow: 0 1px 2px rgba(15, 14, 31, 0.04); }
.pixe-getting-started-theme .pixe-featured{ flex-shrink: 0; }
.pixe-getting-started-theme .pixe-banner{ display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.2px; color: var(--pixe--admin--color); }
.pixe-getting-started-theme .pixe-banner span{ display: block; width: 12px; height: 12px; border: 3px solid #ECF7C7; background: #B2DF20; border-radius: 6px; }
.pixe-getting-started-theme h2{ font-size: 37px; font-weight: 600; margin: 0px 0 13px; }
.pixe-getting-started-theme h2 em{ font-weight: normal; color: var(--pixe--admin--color); }
.pixe-getting-started-theme .pixe-description{ font-size: 14.5px; color: #5B5970; margin-bottom: 20px; }
.pixe-getting-started-theme ul.pixe-bullet{ display: flex; gap: 10px; margin-bottom: 20px; }
.pixe-getting-started-theme ul.pixe-bullet li{ display: flex; align-items: center; gap: 7px;
    font-size: 12.5px; font-weight: 500;  padding: 4px 12px; color: #2A2942; background: #F4F3FF; border-radius: 15px; }
.pixe-getting-started-theme .pixe-featured img{ display: block; width: 100%; height: auto; }
.pixe-getting-started-theme .pixe-text{ color: #8a88a0; font-size: 12px; }
.pixe-getting-started-theme .pixe-button-wrap{ gap: 20px; margin-bottom: 0; }
.pixe-getting-started-theme .pixe-close{ position: absolute; top: 20px; right: 20px; cursor: pointer; }
.pixe-getting-started-cols{ display: flex; gap: 20px; max-width: 1184px; margin: 0 auto 60px; }
.pixe-getting-started-cols .pixe-col{ position: relative; display: flex; flex-direction: column; align-items: flex-start; 
    padding: 22px 22px 50px; border: 1px solid #ececf3; border-radius: 20px; background: #fff; }
.pixe-getting-started-cols .pixe-title{ font-size: 17px; font-weight: 600; color: #0F0E1F; margin-bottom: 10px; }
.pixe-getting-started-cols .pixe-title.pixe-size-m{ font-size: 24px; }
.pixe-getting-started-cols .pixe-content{ font-size: 13.5px; color: #5B5970; margin-bottom: 20px; }
.pixe-getting-started-cols .pixe-head{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 12px; }
.pixe-getting-started-cols .pixe-number{ font-size: 12px; color: #8A88A0; }
.pixe-getting-started-cols .pixe-number svg{ vertical-align: middle; padding: 3px; width: 18px; height: 18px; margin-left: 6px; background: #B2DF20; border-radius: 5px; }
.pixe-getting-started-cols .pixe-badge{ display: inline-block; font-size: 10.5px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.05px; 
    padding: 2px 10px; color: var(--pixe--admin--color); background: #f5f5ff; border-radius: 4px; }
.pixe-getting-started-cols .pixe-top-badge{ position: absolute; right: 10px; top: 10px; font-size: 12px; font-weight: 500; letter-spacing: 1px; 
    text-transform: uppercase; padding: 5px 17px; border-radius: 15px; background: var(--pixe--admin--color); color: #fff; }
.pixe-getting-started-cols .pixe-button{ margin-top: 17px; }
.pixe-getting-started-cols .pixe-footer-link{ position: absolute; bottom: 15px; left: 24px; display: flex; align-items: center; gap: 10px; }
.pixe-getting-started-cols .pixe-links{ margin-top: 18px; font-weight: 600; gap: 20px; display: flex; }
.pixe-getting-started-cols .pixe-links a{ color: var(--pixe--admin--color); }
.pixe-getting-started-cols .pixe-video-preview{ position: relative; height: 52px; width: 100%; font-size: 11px; align-content: center;
    padding-left: 55px; margin-bottom: 7px; color: #5B5970; background: #F7F7FB; border-radius: 10px; }
.pixe-getting-started-cols .pixe-video-preview .pixe-icon{ position: absolute; left: 10px; top: 50%; margin-top: -16px; display: flex; align-items: center; justify-content: center;
    width: 32px; height: 32px; border: 1px solid #ececec; background: #fff; border-radius: 16px; } 
.pixe-getting-started-cols .pixe-video-preview .pixe-head-text{ display: block; font-weight: 600; }
.pixe-getting-started-cols .pixe-video-preview .pixe-tail-text{ display: block; }
.pixe-getting-started-cols .pixe-featured{ background: #f8f8ff; }
.pixe-getting-started-cols .pixe-featured .pixe-title{ color: var(--pixe--admin--color); }
.pixe-getting-started-cols ul{ font-size: 16px; margin-top: 21px; margin-bottom: 0; color: #000; }
.pixe-getting-started-cols .pixe-col.pixe-live{ background: linear-gradient(182deg, #FBFCF5, #FFFFFF); border: 1px solid #E8F5B8; }
.pixe-getting-started-cols .pixe-col.pixe-live .pixe-footer-link{ color: #5B5970; pointer-events: none; }
/* getting start support */
.pixe-getting-started-support{ display: flex; gap: 15px; width: 1184px; margin: 0px auto 60px; }
.pixe-getting-started-support .pixe-col{ position: relative; display: flex; flex-direction: column; align-items: flex-start;  flex-grow: 1; width: 33.33%;
    padding: 15px 20px 15px 75px; border: 1px solid #ececf3; border-radius: 20px; background: #fff; }
.pixe-getting-started-support .pixe-icon{ position: absolute; left: 20px; top: 50%; margin-top: -18px; display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; background: #F4F3FF; border-radius: 9px; }
.pixe-getting-started-support .pixe-title{ font-size: 14.5px; font-weight: 600; color: #0f0e1f; }
.pixe-getting-started-support .pixe-content{ font-size: 13px; color: #5B5970; }
.pixe-getting-started-support a{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
/* pro notice */
.pixe-pro-notice.pixe-type-plugin-settings .pixe-title{ display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px; 
    padding: 0 20px 18px; margin: -2px 0px 30px; border-bottom: 1px solid #dfdfdf; }
.pixe-pro-notice.pixe-type-plugin-settings .pixe-caption{ font-size: 15px; max-width: 530px; padding: 0 20px; margin: 0px auto 20px; color: #575B6A; }
.pixe-pro-notice.pixe-type-plugin-settings .pixe-upgrade-button{ display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; 
    padding: 6px 18px; border-radius: 10px;  background: #0487ff; color: #fff; }
.pixe-pro-notice.pixe-type-plugin-settings .pixe-button-wrap{ display: flex; justify-content: center; margin-bottom: 15px; }

/* custom option css */
body .pixe-combobox-tab span{ color: #9b99bf; }
body .pixe-pointer-state, 
body .pixe-variable-subtype-tabs{ background: #f2f1f9; }
body .pixe-variable-spacing-preview > div{ background: #dfe2ff; }
body .pixe-variable-spacing-preview > div > span{ background: #c9d2fc; }
body .pixe-colorpicker .pixe-type .pixe-active{ background: #dfdaff; }
body  .pixe-settings-tab-head{ background: transparent; padding: 28px 30px; font-size: 15px; }