[data-ai-v4] {
    position: relative;
    color: #1D1D1B;
}

[data-ai-v4] * {
    box-sizing: border-box;
}

.modulor_ai_shell {
    --modulor-ai-shell-top: 4.2969vw;
    --modulor-ai-shell-strip-width: 1.9737vw;
    --modulor-ai-shell-strip-base-width: 1.3158vw;
    --modulor-ai-shell-knob-height: 114px;
    --modulor-ai-shell-width: min(21.5625vw, 345px);
    --modulor-ai-shell-min-height: 43vw;
    position: fixed;
    top: var(--modulor-ai-shell-top);
    left: 0;
    bottom: auto;
    width: calc(var(--modulor-ai-shell-width) + var(--modulor-ai-shell-strip-width));
    height: calc((var(--true-vh, 1vh) * 100) - var(--modulor-ai-shell-top));
    min-height: var(--modulor-ai-shell-min-height);
    max-height: calc((var(--true-vh, 1vh) * 100) - var(--modulor-ai-shell-top));
    z-index: 9998;
    transform: translateX(calc(var(--modulor-ai-shell-strip-width) - 100%));
    transition: opacity .22s ease, transform .28s ease;
    pointer-events: none;
    overflow: visible;
}

.modulor_ai_shell.is-open {
    transform: translateX(0);
}

.modulor_ai_shell.is-viewport-locked {
    height: var(--modulor-ai-shell-locked-height);
    max-height: var(--modulor-ai-shell-locked-height);
}



.modulor_ai_shell--home {
    opacity: 0;
    transform: translateX(-100%);
}

.modulor_ai_shell--home.is-home-visible {
    opacity: 1;
    transform: translateX(calc(var(--modulor-ai-shell-strip-width) - 100%));
}

.modulor_ai_shell--home.is-open {
    opacity: 1;
    transform: translateX(0);
}

.modulor_ai_shell--home:not(.is-home-visible):not(.is-open) .modulor_ai_shell_panel, .modulor_ai_shell--home:not(.is-home-visible):not(.is-open) .modulor_ai_shell_strip {
    pointer-events: none;
}

.modulor_ai_shell_backdrop {
    position: fixed;
    top: var(--modulor-ai-shell-top);
    right: 0;
    bottom: 0;
    left: 0;
    /* background: rgba(29, 29, 27, 0.18); */
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
    display: none;
}

.modulor_ai_shell.is-open .modulor_ai_shell_backdrop {
    opacity: 1;
    pointer-events: auto;
}

.modulor_ai_shell_panel, .modulor_ai_shell_strip {
    pointer-events: auto;
}

.modulor_ai_shell_panel {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--modulor-ai-shell-width);
    height: 100%;
    transform: none;
    transition: none;
}

.modulor_ai_shell.is-open .modulor_ai_shell_panel {
    transform: none;
}

.modulor_ai_shell_strip {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--modulor-ai-shell-strip-width);
    height: 100%;
    border: 0;
    background: transparent;
    color: #1D1D1B;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.modulor_ai_shell_strip::before, .modulor_ai_shell_strip::after {
    content: "";
    position: absolute;
    left: 0;
}

.modulor_ai_shell_strip::before {
    top: 0;
    bottom: 0;
    width: var(--modulor-ai-shell-strip-base-width);
    background: #EBBC49;
    /* border-top: 1px solid rgba(29, 29, 27, 0.45); */
    /* border-right: 1px solid rgba(29, 29, 27, 0.45); */
    /* border-bottom: 1px solid rgba(29, 29, 27, 0.45); */
}

.modulor_ai_shell_strip::after {
}

.modulor_ai_shell_strip_knob {
    position: absolute;
    top: 50%;
    left: 0;
    width: var(--modulor-ai-shell-strip-width);
    height: auto;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transform: translateY(-50%);
}

.modulor_ai_shell_arrow {
    display: inline-flex;
    width: 0.6579vw;
    transition: transform .22s ease;
    position: relative;
    z-index: 2;
}

.modulor_ai_shell_arrow svg {
    display: block;
    width: 100%;
    height: 100%;
}

.modulor_ai_shell.is-open .modulor_ai_shell_arrow {
    transform: rotate(180deg);
}

.modulor_ai_shell_strip_knob_backgrond {
    width: 1.9737vw;
    position: absolute;
    left: 1px;
    overflow: visible;
}

.modulor_ai_shell_strip_knob_backgrond svg {
    display: block;
    width: 100%;
    height: auto;
}

.modulor_ai_shell .modulor_ai_v3__panel {
    height: 100%;
    border-radius: 0;
    background: #EBBC49;
    /* border: 1px solid rgba(29, 29, 27, 0.45); */
    border-right: 0;
    box-shadow: 0 22px 54px rgba(29, 29, 27, 0.18);
}

.modulor_ai_shell .modulor_ai_v3_panel {
    height: 100%;
    padding: min(1.25vw, 20px);
    display: flex;
    flex-direction: column;
}

.modulor_ai_shell .modulor_ai_v4_panel_header {
    padding-top: 0;
    padding-bottom: min(0.75vw, 12px);
    text-align: center;
}

.modulor_ai_shell .modulor_ai_v4_panel_header .modulor_ai_v3_title {
    margin: 0 auto;
    max-width: 100%;
    font-size: min(1.875vw, 30px);
    line-height: min(2.125vw, 34px);
}

.modulor_ai_shell .modulor_ai_v4_panel_intro {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    gap: min(0.875vw, 14px);
}

.modulor_ai_shell .modulor_ai_v4_panel_intro_copy {
    max-width: min(21.25vw, 340px);
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: rgba(29, 29, 27, 0.72);
}

.modulor_ai_shell .modulor_ai_v4_panel_illustrations {
    display: block;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: min(0.875vw, 14px);
    min-height: min(11.5vw, 184px);
    padding: min(0.625vw, 10px) 0;
    position: relative;
}

.modulor_ai_shell .modulor_ai_v4_panel_illustration {
    width: 7.75vw;
    max-width: 100%;
    color: #1D1D1B;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

.modulor_ai_shell .modulor_ai_v4_panel_illustration svg {
    display: block;
    width: 100%;
    height: auto;
}

.modulor_ai_shell .modulor_ai_v4_panel_illustration__left {left: 2vw;margin-top: -3vw;}

.modulor_ai_shell .modulor_ai_v4_panel_illustration__right {right: 2vw;margin-top: 3vw;}

.modulor_ai_shell .modulor_ai_v4_panel_conversation {
    display: none;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
}

.modulor_ai_shell .modulor_ai_v3--started .modulor_ai_v4_panel_intro {
    display: none;
}

.modulor_ai_shell .modulor_ai_v3--started .modulor_ai_v4_panel_conversation {
    display: flex;
}

.modulor_ai_shell .modulor_ai_v3_log {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    gap: min(1vw, 16px);
    padding-right: 0;
}

.modulor_ai_shell .modulor_ai_v3_log > *:first-child {
    margin-top: auto;
}

.modulor_ai_shell .modulor_ai_v3_msg__assistant {
    padding: 0;
}

.modulor_ai_shell .modulor_ai_v3_msg_label {
    font-size: min(0.6875vw, 11px);
    line-height: 1.2;
    margin-bottom: 4px;
}

.modulor_ai_shell .modulor_ai_v3_msg_text, .modulor_ai_shell .modulor_ai_v3_msg__assistant .modulor_ai_v3_msg_text {
    font-size: min(0.9375vw, 15px);
    line-height: min(1.4375vw, 23px);
}

.modulor_ai_shell .modulor_ai_v3_msg__user {
    max-width: 72%;
}

.modulor_ai_shell .modulor_ai_v3_msg__user .modulor_ai_v3_msg_text {
    border-radius: min(0.75vw, 12px);
    padding: min(0.75vw, 12px) min(0.875vw, 14px);
}

.modulor_ai_shell .modulor_ai_v3_input_row, .modulor_ai_shell .modulor_ai_v3--started .modulor_ai_v3_input_row, .modulor_ai_shell .modulor_ai_v3__panel .modulor_ai_v3_input_row {
    margin-top: min(0.75vw, 12px);
    width: 100%;
}

.modulor_ai_shell .modulor_ai_v3_input {
    min-height: min(4.375vw, 70px);
    height: min(4.375vw, 70px);
    padding: 0 min(7.375vw, 118px) 0 min(0.875vw, 14px);
    border-radius: min(0.75vw, 12px);
    font-size: min(0.9375vw, 15px);
    line-height: min(4.375vw, 70px);
}

.modulor_ai_shell .modulor_ai_v3__panel.modulor_ai_v3--started .modulor_ai_v3_input__followup {
    min-height: min(3.5vw, 56px);
    height: min(3.5vw, 56px);
    padding-right: min(4.9vw, 118px);
    font-size: min(0.9375vw, 15px);
    line-height: min(3.5vw, 56px);
    width: 100%;
    display: block;
}

.modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v3_input__initial {
    display: block !important;
}

.modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v3_input__followup {
    display: none !important;
}

.modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v3_clear,
.modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v3_input_actions .modulor_ai_v3_clear {
    display: none !important;
}

.modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v3_input__initial {
    height: auto;
    white-space: normal;
    overflow: auto;
    resize: none;
}

.modulor_ai_shell .modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v4_panel_conversation .modulor_ai_v3_input__initial {
    width: 100%;
    min-height: min(10.75vw, 172px);
    padding: min(0.625vw, 10px) min(3.125vw, 50px) min(0.625vw, 10px) min(0.625vw, 10px);
    font-size: min(0.9375vw, 15px);
    line-height: min(1.4375vw, 23px);
}

.modulor_ai_shell .modulor_ai_v4.modulor_ai_v4--intro .modulor_ai_v4_panel_conversation .modulor_ai_v3_input_actions {
    right: min(0.625vw, 10px);
    bottom: min(0.625vw, 10px);
    transform: none;
}

.modulor_ai_shell .modulor_ai_v3_input_actions {
    right: min(0.625vw, 10px);
    bottom: 50%;
    gap: min(0.375vw, 6px);
    transform: translateY(50%);
}

.modulor_ai_shell .modulor_ai_v4_panel_intro_input {
    display: block;
    width: 100%;
    margin-top: 0;
}

.modulor_ai_shell .modulor_ai_v4_panel_intro .modulor_ai_v3_input__initial {
    display: block;
    width: 100%;
    min-height: min(10.75vw, 172px);
    height: auto;
    padding: min(0.625vw, 10px) min(3.125vw, 50px) min(0.625vw, 10px) min(0.625vw, 10px);
    font-size: min(0.9375vw, 15px);
    line-height: min(1.4375vw, 23px);
    white-space: normal;
    overflow: auto;
    resize: none;
}

.modulor_ai_shell .modulor_ai_v4_panel_intro .modulor_ai_v3_input_actions {
    right: min(0.625vw, 10px);
    bottom: min(0.625vw, 10px);
    transform: none;
}

.modulor_ai_shell .modulor_ai_v3_input_actions .modulor_ai_control_btn, .modulor_ai_shell .modulor_ai_v3_input_actions .modulor_ai_v3_send__icon, .modulor_ai_shell .modulor_ai_v3_input_actions .modulor_ai_version_switch {
    width: min(1.875vw, 30px);
    height: min(1.875vw, 30px);
    min-height: min(1.875vw, 30px);
    border-radius: min(0.375vw, 6px);
}

.modulor_ai_shell .modulor_ai_v3_input_actions .modulor_ai_v3_clear svg {
    width: 15px;
    height: 15px;
}

.modulor_ai_shell .modulor_ai_v3_cards {
    display: flex;
    flex-direction: column;
    gap: min(0.75vw, 12px);
    margin-top: min(0.75vw, 12px);
}

.modulor_ai_shell .modulor_ai_v3_card {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
}

.modulor_ai_shell .modulor_ai_v3_card_media {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #D4D2CC;
    aspect-ratio: 2.16 / 1;
    margin-bottom: min(0.5vw, 8px);
    min-height: unset;
    align-self: unset;
    height: 11vw;
    width: 100%;
}

.modulor_ai_shell .modulor_ai_v3_card_title {
    font-size: min(1.1875vw, 19px);
    line-height: 1.16;
    font-weight: 700;
    margin: 0 0 min(0.625vw, 10px);
}

.modulor_ai_shell .modulor_ai_v3_card_meta {
    font-size: min(0.9375vw, 15px);
    line-height: 1.35;
    margin-bottom: min(0.5vw, 8px);
}

.modulor_ai_shell .modulor_ai_v3_card_meta span:not(:last-child):after {
    content: '\2014';
    margin-left: min(0.5vw, 8px);
    color: rgba(29, 29, 27, .45);
}

.modulor_ai_shell .modulor_ai_v3_card_excerpt {
    display: none;
}

.modulor_ai_shell .modulor_ai_v3_card_bottom {
    display: flex;
    align-items: center;
    gap: min(0.875vw, 14px);
    margin-top: auto;
}

.modulor_ai_shell .modulor_ai_v3_card_price {
    flex: 1;
    min-width: 0;
    border-radius: 8px;
    background: rgba(29, 29, 27, .08);
    padding: min(0.5vw, 8px) min(0.875vw, 14px);
    font-size: min(0.9375vw, 15px);
    /* line-height: 1.2; */
    font-weight: 700;
    color: rgba(29, 29, 27, .65);
    text-align: center;
    border-radius: 20px;
    background: rgba(248, 245, 236, 0.60);
    line-height: 1.5vw;
    opacity: 0;
    pointer-events: none;
}

.modulor_ai_shell .modulor_ai_v3_card_actions .modulor_ai_v3_btn__ghost {
    min-width: min(7vw, 112px);
    width: 100%;
}

.modulor_ai_shell .modulor_ai_v3_more {
    margin-top: 4px;
}

.modulor_ai_shell .modulor_ai_v4_articles {
    display: flex;
    flex-direction: column;
    gap: min(0.625vw, 10px);
    margin-top: min(0.75vw, 12px);
}

.modulor_ai_shell .modulor_ai_v4_article {
    display: flex;
    flex-direction: column;
    gap: min(0.25vw, 4px);
    padding: min(0.75vw, 12px);
    border-radius: 8px;
    background: rgba(248, 245, 236, 0.64);
    color: #1D1D1B;
    text-decoration: none;
}

.modulor_ai_shell .modulor_ai_v4_article_label {
    font-size: min(0.75vw, 12px);
    line-height: 1.25;
    opacity: 0.62;
}

.modulor_ai_shell .modulor_ai_v4_article_title {
    font-size: min(1vw, 16px);
    line-height: 1.18;
    font-weight: 700;
}

.modulor_ai_shell .modulor_ai_v4_article_topic {
    font-size: min(0.8125vw, 13px);
    line-height: 1.3;
    opacity: 0.68;
}



.modulor_ai_shell .modulor_ai_v3__home {
    min-height: 100%;
    height: 100%;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_hero {
    height: 100%;
    min-height: max(var(--modulor-ai-shell-min-height), calc(100% - 1px));
    padding: min(1.25vw, 20px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_hero_inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_illustration {
    width: min(8.75vw, 140px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_illustration1 {
    left: min(2.0625vw, 33px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_illustration2 {
    right: min(2.0625vw, 33px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_header, .modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_log__home {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_row {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: min(1.25vw, 20px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_title {
    position: static;
    padding: 0;
    margin: 0 auto min(0.75vw, 12px);
    font-size: min(1.875vw, 30px);
    line-height: min(2.125vw, 34px);
    text-align: center;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_subtitle {
    position: static;
    padding: 0;
    bottom: auto;
    left: auto;
    max-width: min(21.25vw, 340px);
    margin: 0 auto;
    font-size: min(0.75vw, 12px);
    line-height: min(1.0625vw, 17px);
    text-align: center;
}

.modulor_ai_v4.modulor_ai_v3__home .modulor_ai_v3_subtitle {
    max-width: 62vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.0938vw;
    line-height: 1.4063vw;
}

.modulor_ai_shell .modulor_ai_v4.modulor_ai_v3__home .modulor_ai_v3_subtitle {
    max-width: min(21.25vw, 340px);
    font-size: min(0.75vw, 12px);
    line-height: min(1.0625vw, 17px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_log__home {
    display: none;
}

.modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_hero {
    padding: min(1.25vw, 20px);
}

.modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_hero_inner {
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
}

.modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_title {
    margin-bottom: min(0.75vw, 12px);
}

.modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_log__home {
    display: flex;
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow-y: auto;
    gap: min(1vw, 16px);
}

.modulor_ai_v4.modulor_ai_v3__home.modulor_ai_v3--started:not(.modulor_ai_v4--intro) .modulor_ai_v3_log__home {
    height: calc((var(--true-vh) * 100) - 20.7969vw);
}

.modulor_ai_shell .modulor_ai_v4.modulor_ai_v3__home.modulor_ai_v3--started:not(.modulor_ai_v4--intro) .modulor_ai_v3_log__home {
    height: auto;
}

.modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_input_row {
    position: static;
    padding: 0;
    margin-top: min(0.75vw, 12px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__assistant {
    padding: 0;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg_label {
    font-size: min(0.6875vw, 11px);
    line-height: 1.2;
    margin-bottom: 4px;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg_text, .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__assistant .modulor_ai_v3_msg_text {
    font-size: min(0.9375vw, 15px);
    line-height: min(1.4375vw, 23px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__user {
    max-width: 72%;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__user .modulor_ai_v3_msg_text {
    border-radius: min(0.75vw, 12px);
    padding: min(0.75vw, 12px) min(0.875vw, 14px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input__hero {
    width: 100%;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input__initial {
    min-height: min(10.75vw, 172px);
    height: auto;
    padding: min(0.625vw, 10px) min(3.125vw, 50px) min(0.625vw, 10px) min(0.625vw, 10px);
    font-size: min(0.9375vw, 15px);
    line-height: min(1.4375vw, 23px);
    display: block;
}

.modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_input__followup {
    min-height: min(3.5vw, 56px);
    height: min(3.5vw, 56px);
    padding: 0 min(7.375vw, 118px) 0 min(0.875vw, 14px);
    font-size: min(0.9375vw, 15px);
    line-height: min(3.5vw, 56px);
    border-radius: min(0.75vw, 12px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_actions {
    right: 2vw;
    bottom: 2vw;
    gap: min(0.375vw, 6px);
    transform: none;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_cards {
    display: flex;
    flex-direction: column;
    gap: min(0.75vw, 12px);
    margin-top: min(0.75vw, 12px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_media {
    margin-bottom: min(0.5vw, 8px);
    height: 11vw;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_title {
    font-size: min(1.1875vw, 19px);
    margin: 0 0 min(0.625vw, 10px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_meta {
    font-size: min(0.9375vw, 15px);
    line-height: 1.35;
    margin-bottom: min(0.5vw, 8px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_meta span:not(:last-child):after {
    content: '\2014';
    margin-left: min(0.5vw, 8px);
    color: rgba(29, 29, 27, .45);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_excerpt {
    display: none;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_bottom {
    flex-direction: row;
    gap: min(0.875vw, 14px);
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_price {
    height: min(2.125vw, 34px);
    line-height: min(2.125vw, 34px);
    padding: min(0.5vw, 8px) min(0.875vw, 14px);
    font-size: min(0.9375vw, 15px);
    opacity: 1;
    pointer-events: auto;
    opacity: 0;
    pointer-events: none;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_actions {
    justify-content: flex-end;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_actions .modulor_ai_v3_btn__ghost {
    min-width: min(7vw, 112px);
    width: 100%;
}

.modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_more {
    margin-top: 4px;
}
.modulor_ai_shell {
        top: 4.2969vw!important;
        height: calc((var(--true-vh, 1vh) * 100) - 4.2969vw)!important;
    min-height: 40vw!important;
    max-height: calc((var(--true-vh, 1vh) * 100) - 4.2969vw)!important;
}
@media (orientation: portrait) {
    body .modulor_ai_v4.modulor_ai_v3__home .modulor_ai_v3_subtitle {
        max-width: none;
        font-size: clamp(12px, 3.0769vw, 18px);
        line-height: clamp(16px, 4.1026vw, 24px);
    }

    body .modulor_ai_shell .modulor_ai_v4_panel_intro_copy {
        width: 100%;
        max-width: none;
        padding: 0 5.1282vw;
        font-size: clamp(13px, 3.5897vw, 16px) !important;
        line-height: clamp(18px, 4.6154vw, 22px) !important;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_title {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 5.1282vw;
        font-size: 8.2051vw;
        line-height: 10.2564vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_subtitle {
        width: 100%;
        max-width: none;
        position: absolute;
        bottom: 31.7949vw;
        left: 0;
        margin: 0;
        padding: 5.1282vw;
        font-size: clamp(12px, 3.0769vw, 18px);
        line-height: clamp(16px, 4.1026vw, 24px);
        text-align: left;
    }

    body .modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_title {
        position: static;
        padding: 0;
        margin: 0 0 2.5641vw;
        font-size: 8.2051vw;
        line-height: 10.2564vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_subtitle {
        display: none;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_row {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 5.1282vw;
        margin-top: 0;
    }

    body .modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_input_row {
        position: static;
        width: 100%;
        padding: 0;
        margin-top: 5.1282vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_log__home {
        width: 100%;
        height: calc((var(--true-vh) * 100) - 66.7969vw);
        gap: 3vw;
    }

    body .modulor_ai_shell .modulor_ai_v4.modulor_ai_v3__home.modulor_ai_v3--started:not(.modulor_ai_v4--intro) .modulor_ai_v3_log__home {
        height: calc((var(--true-vh) * 100) - 53.9764vw);
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_log > *:first-child {
        margin-top: 0;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__assistant {
        padding: 2.5641vw 0;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg_label {
        font-size: 3.0769vw;
        line-height: 3.5897vw;
        margin-bottom: 1.5897vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg_text, body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__assistant .modulor_ai_v3_msg_text {
        font-size: 3.5897vw;
        line-height: 4.1026vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__user {
        max-width: 100%;
        width: fit-content;
        margin-left: auto;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_msg__user .modulor_ai_v3_msg_text {
        padding: 2.5641vw;
        border-radius: 2.5641vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input__initial {
        display: block;
        width: 100%;
        height: 25.641vw;
        min-height: 25.641vw;
        padding: 2.8205vw;
        border-radius: 2.5641vw;
        font-size: 3.0769vw;
        line-height: 4.1026vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home.modulor_ai_v3--started .modulor_ai_v3_input__followup {
        display: block;
        width: 100%;
        height: 12.8205vw;
        min-height: 12.8205vw;
        padding: 0 22.5641vw 0 2.5641vw;
        border-radius: 2.5641vw;
        font-size: 4.1026vw;
        line-height: 6.1538vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_actions {
        right: 7.4103vw;
        bottom: 7.1103vw;
        gap: 2vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_actions .modulor_ai_control_btn, body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_actions .modulor_ai_v3_send__icon, body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_actions .modulor_ai_version_switch {
        width: 7.6923vw;
        height: 7.6923vw;
        min-height: 7.6923vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_input_actions .modulor_ai_v3_clear svg {
        width: 5vw;
        height: 5vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_cards {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5.1282vw;
        margin-top: 2.5641vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_media {
        height: 48.2051vw;
        margin-bottom: 2.5641vw;
        border-radius: 2.0513vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_title {
        font-size: 5.1282vw;
        line-height: 5.641vw;
        margin: 0 0 1.7949vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_meta {
        display: flex;
        flex-direction: column;
        gap: 1.0256vw;
        font-size: 3.3333vw;
        line-height: 4.359vw;
        margin-bottom: 3.0513vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_meta span::after {
        content: none;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_excerpt {
        display: block;
        font-size: 3.3333vw;
        line-height: 4.359vw;
        margin-bottom: 2.5641vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_bottom {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.7949vw;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_price {
        width: 100%;
        height: 9.7436vw;
        line-height: 9.7436vw;
        padding: 0 3.0769vw;
        border-radius: 6.1538vw;
        font-size: 3.3333vw;
        opacity: 1;
        pointer-events: auto;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_actions {
        width: 100%;
        display: flex;
        justify-content: stretch;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_card_actions .modulor_ai_v3_btn, body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_more {
        width: 100%;
        min-width: 0;
        min-height: 9.7436vw;
        height: 9.7436vw;
        padding: 0 3.5897vw;
        font-size: 3.3333vw;
        line-height: 9.7436vw;
        text-align: center;
    }

    body .modulor_ai_shell .modulor_ai_v3__home .modulor_ai_v3_more_row {
        width: 100%;
        margin-top: 2.5641vw;
    }


}