@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-font-weight:initial;--tw-leading:initial;--tw-tracking:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-ease:initial}::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-font-weight:initial;--tw-leading:initial;--tw-tracking:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-ease:initial}}}@layer components{.mobile-preview .hidden.md\:flex,.mobile-preview .hidden.md\:block,.mobile-preview .hidden.md\:inline-flex,.mobile-preview .hidden.md\:grid{display:none!important}.mobile-preview .btn.md\:hidden{display:inline-flex!important}.mobile-preview .flex.md\:hidden{display:flex!important}.mobile-preview .block.md\:hidden{display:block!important}.mobile-preview .inline-flex.md\:hidden{display:inline-flex!important}.mobile-preview .grid.md\:hidden{display:grid!important}.mobile-preview .flex-col.md\:flex-row{flex-direction:column!important}.mobile-preview [class*=md\:grid-cols-]{grid-template-columns:1fr!important}.mobile-preview [class*="md:w-1/"],.mobile-preview [class*="md:w-2/"],.mobile-preview [class*="md:w-3/"],.mobile-preview [class*="md:w-5/"],.mobile-preview [class*="md:w-6/"],.mobile-preview [class*="md:w-7/"]{width:100%!important}.mobile-preview [class*=md\:max-w-]{max-width:100%!important}.mobile-preview [class*=md\:min-h-]{min-height:0!important}.mobile-preview [class*=md\:order-]{order:0!important}[role=tooltip]{pointer-events:none;z-index:50;cursor:none}[data-lastpass-icon-root]{display:none}iframe{border:0;width:100%;height:100%}.fontfamily-base{font-family:var(--font-sans)}[data-no-scrollbars=true]::-webkit-scrollbar{background:0 0}.scrollbar-hide{overflow:visible}.scrollbar-hide::-webkit-scrollbar{background:0 0;width:8px}.scrollbar-hide::-webkit-scrollbar-thumb{background:0 0}.scrollbar-hide::-webkit-scrollbar-track{background:0 0}[data-custom-scroll]{scrollbar-width:none!important;scrollbar-gutter:auto!important}[data-custom-scroll]::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.scrollbar [data-custom-scroll]::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}input[type=range]::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3);background-color:var(--primary)}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--primary)}input[type=range]::-moz-range-thumb{background-color:var(--primary)}input[type=range]::-ms-thumb{background-color:var(--primary)}.input:not(:where(#viewport *,#ph-site-preview *)){cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);width:100%;color:var(--base-content);border-radius:.5rem}@media (hover:hover){.input:not(:where(#viewport *,#ph-site-preview *)):hover{border-color:var(--primary)}}.input:not(:where(#viewport *,#ph-site-preview *)):focus,.input:not(:where(#viewport *,#ph-site-preview *)):active{border-color:var(--ring)}.input-dialog{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;color:var(--base-content);border-radius:.5rem;background-color:var(--base-100)!important}@media (hover:hover){.input-dialog:hover{border-color:var(--primary)}}.input-dialog:focus,.input-dialog:active{border-color:var(--ring)}.input-plain{cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);color:var(--base-content);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.input-plain:focus{--tw-outline-style:none;outline-style:none}.input-plain-search{height:calc(var(--spacing,.25rem) * 9);cursor:pointer;border-style:var(--tw-border-style);width:100%;padding-block:calc(var(--spacing,.25rem) * 2);padding-right:calc(var(--spacing,.25rem) * 3);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--base-content);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.input-plain-search::placeholder{color:var(--neutral-content)}.input-plain-search:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}.ph-menu-trigger{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);color:var(--base-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:flex}@media (hover:hover){.ph-menu-trigger:hover{background-color:var(--neutral)}}.ph-menu-trigger:disabled{cursor:not-allowed;opacity:.5}.ph-menu-trigger.ph-menu-trigger--chrome-rail{padding-inline:calc(var(--spacing,.25rem) * 2)!important}.ph-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.5rem}.ph-panel-soft{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.5rem}.ph-panel-inset{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.5rem}@keyframes modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.animate-modal-in{animation:.2s ease-out both modal-in}.ph-modal-surface{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.5rem;animation:.2s ease-out both modal-in}.ph-modal-surface-heavy{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);--tw-shadow:var(--shadow-2xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.5rem;animation:.2s ease-out both modal-in}.pagehub-sdk-root.ph-modal-backdrop{background-color:var(--base-100);animation:.15s ease-out both backdrop-in;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.pagehub-sdk-root.ph-modal-backdrop{background-color:color-mix(in oklab, var(--base-100) 75%, transparent)}}.pagehub-sdk-root.ph-modal-backdrop{--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.pagehub-sdk-root.ph-modal-backdrop--center{padding:calc(var(--spacing,.25rem) * 4);justify-content:center;align-items:center;display:flex}.input-dialog-sm{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;color:var(--base-content);border-radius:.5rem;background-color:var(--base-100)!important;padding-inline:calc(var(--spacing,.25rem) * 2)!important;padding-block:var(--spacing,.25rem)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}.input-dialog-sm::placeholder{color:var(--neutral-content)}@media (hover:hover){.input-dialog-sm:hover{border-color:var(--primary)}}.input-dialog-sm:focus,.input-dialog-sm:active{border-color:var(--ring)}.input-dialog-md{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--base-content);border-radius:.5rem;background-color:var(--base-100)!important;padding-inline:calc(var(--spacing,.25rem) * 3)!important;padding-block:calc(var(--spacing,.25rem) * 2)!important}@media (hover:hover){.input-dialog-md:hover{border-color:var(--primary)}}.input-dialog-md:focus,.input-dialog-md:active{border-color:var(--ring)}.input-dialog-leading{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;color:var(--base-content);border-radius:.5rem;background-color:var(--base-100)!important;padding-block:calc(var(--spacing,.25rem) * 1.5)!important;padding-right:calc(var(--spacing,.25rem) * 3)!important;padding-left:calc(var(--spacing,.25rem) * 9)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}.input-dialog-leading::placeholder{color:var(--neutral-content)}@media (hover:hover){.input-dialog-leading:hover{border-color:var(--primary)}}.input-dialog-leading:focus,.input-dialog-leading:active{border-color:var(--ring)}select.input-plain{appearance:none;padding-right:calc(var(--spacing,.25rem) * 6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f0f0f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;background-size:.75rem}.dark select.input-plain,:is(.dark *) select.input-plain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8e8e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.input-wrapper{cursor:pointer;width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.input-wrapper:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.input-wrapper:focus-within{border-color:color-mix(in oklab, var(--primary) 50%, transparent)}}@media (hover:hover){.input-wrapper:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.input-wrapper:hover{border-color:color-mix(in oklab, var(--primary) 80%, transparent)}}}.input-wrapper{border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);padding-inline:var(--spacing,.25rem);border-radius:.5rem;padding-block:0}.btn-sm:not(:where(#viewport *,#ph-site-preview *)){height:calc(var(--spacing,.25rem) * 6)!important;padding-inline:calc(var(--spacing,.25rem) * 1.5)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important;padding-block:0!important}.btn-secondary:not(:where(#viewport *,#ph-site-preview *)){justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--secondary);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--secondary-content);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:inline-flex}@media (hover:hover){.btn-secondary:not(:where(#viewport *,#ph-site-preview *)):hover{background-color:var(--primary);color:var(--primary-content)}}.btn-secondary:not(:where(#viewport *,#ph-site-preview *)):focus{--tw-outline-style:none;outline-style:none}.btn-secondary:not(:where(#viewport *,#ph-site-preview *)):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.btn-secondary:not(:where(#viewport *,#ph-site-preview *)):disabled{pointer-events:none;opacity:.5}.btn-secondary:not(:where(#viewport *,#ph-site-preview *)) svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.btn-primary:not(:where(#viewport *,#ph-site-preview *)){height:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);background-color:var(--primary);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);white-space:nowrap;color:var(--primary-content);--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.5rem;display:inline-flex}@media (hover:hover){.btn-primary:not(:where(#viewport *,#ph-site-preview *)):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-primary:not(:where(#viewport *,#ph-site-preview *)):hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}.btn-primary:not(:where(#viewport *,#ph-site-preview *)):focus{--tw-outline-style:none;outline-style:none}.btn-primary:not(:where(#viewport *,#ph-site-preview *)):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.btn-primary:not(:where(#viewport *,#ph-site-preview *)):disabled{pointer-events:none;opacity:.5}.btn-primary:not(:where(#viewport *,#ph-site-preview *)) svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.cursor-move{cursor:move!important}[contenteditable=true]{outline:none}.tool-bg{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);display:flex}@supports (color:color-mix(in lab, red, red)){.tool-bg{border-color:color-mix(in oklab, var(--base-300) 50%, transparent)}}.tool-bg{background-color:var(--base-100);padding:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em);color:var(--base-content);--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.tool-bg-flat{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);display:flex}@supports (color:color-mix(in lab, red, red)){.tool-bg-flat{border-color:color-mix(in oklab, var(--base-300) 50%, transparent)}}.tool-bg-flat{background-color:var(--base-100);padding:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em);color:var(--base-content);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.node-control{font-family:var(--font-sans);margin:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--neutral);padding:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);--tw-tracking:var(--tracking-normal,0em);letter-spacing:var(--tracking-normal,0em);color:var(--base-content);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:.5rem;justify-content:center;align-items:center;display:flex}@keyframes node-control-in{0%{opacity:0}to{opacity:1}}.tool-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--base-content);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;background-color:#0000;border-width:0;border-radius:.375rem;transition-duration:.15s;display:inline-flex}@media (hover:hover){.tool-button:hover{background-color:var(--base-200)}}.tool-button:focus{--tw-outline-style:none;outline-style:none}.tool-button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.tool-button:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.tool-button:disabled{pointer-events:none;opacity:.5}.tool-button svg{pointer-events:none;flex-shrink:0;width:18px;height:18px;margin:0!important;padding:0!important}.text-xxs{font-size:11.5px}.input-wrapper{min-height:calc(var(--spacing,.25rem) * 8);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);width:100%;padding-inline:var(--spacing,.25rem);transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.15s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));border-radius:.5rem;align-items:center;padding-block:0;display:flex}@media (hover:hover){.input-wrapper:hover{border-color:var(--primary);background-color:var(--base-200)}@supports (color:color-mix(in lab, red, red)){.input-wrapper:hover{background-color:color-mix(in oklab, var(--base-200) 80%, transparent)}}}.input-wrapper:focus-within{border-color:var(--ring);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.input-wrapper>button{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}.input-wrapper>button:focus,.input-wrapper>button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}.toolbar-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--base-content)}.ph-toolbar-dashed-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--base-300);width:100%;padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);color:var(--neutral-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:.375rem;font-size:11px;display:flex}@media (hover:hover){.ph-toolbar-dashed-btn:hover{border-color:var(--primary);color:var(--base-content)}}.slider::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;appearance:none;border-radius:var(--radius-full,9999px);background-color:var(--primary);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.slider::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;border-radius:var(--radius-full,9999px);border-style:var(--tw-border-style);background-color:var(--primary);--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:0}.slider::-webkit-slider-track{background-color:var(--neutral);border-radius:.5rem}.slider::-moz-range-track{background-color:var(--neutral);border-radius:.5rem}.input-transparent{height:calc(var(--spacing,.25rem) * 9);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:var(--spacing,.25rem);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#0000;border-radius:.5rem;display:flex}.input-transparent::file-selector-button{border-style:var(--tw-border-style);border-width:0}.input-transparent::file-selector-button{background-color:#0000}.input-transparent::file-selector-button{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.input-transparent::file-selector-button{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.input-transparent::file-selector-button{color:var(--base-content)}.input-transparent::placeholder{color:var(--neutral-content)}.input-transparent:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--ring);--tw-outline-style:none;outline-style:none}.input-transparent:disabled{cursor:not-allowed;opacity:.5}@media (min-width:48rem){.input-transparent{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}}[data-ph-popover][data-state=open]{animation:75ms ease-out ph-popover-fade-in}[data-ph-popover][data-state=closed]{animation:75ms ease-in forwards ph-popover-fade-out}.ph-select-content{z-index:9999;min-width:calc(var(--spacing,.25rem) * 32);border-style:var(--tw-border-style);border-width:1px;border-color:var(--base-300);background-color:var(--base-100);padding:var(--spacing,.25rem);color:var(--base-content);--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);opacity:1;border-radius:.5rem;transition:opacity 75ms ease-out;outline:none!important;max-height:none!important;font-size:14px!important;line-height:1.4!important;overflow:visible!important}.ph-select-content[data-closed]{opacity:0}.ph-select-scroll-area{max-height:264px}.ph-select-content *{font-size:inherit!important}.ph-select-content .ph-select-group{font-size:11px!important}.ph-select-content.ph-select-scroll-max{scrollbar-width:thin;max-height:min(42vh,13.5rem)!important;overflow:hidden auto!important}.ph-select-item{cursor:pointer;align-items:center;gap:var(--spacing,.25rem);width:100%;padding-block:calc(var(--spacing,.25rem) * 1.5);padding-right:calc(var(--spacing,.25rem) * 2);padding-left:calc(var(--spacing,.25rem) * 1.5);text-align:left;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-outline-style:none;-webkit-user-select:none;user-select:none;border-radius:.125rem;outline-style:none;display:flex;font-size:13px!important}@media (hover:hover){.ph-select-item:hover{background-color:var(--accent);color:var(--accent-content)}}.ph-select-item:focus,.ph-select-item[data-focus]{background-color:var(--accent);color:var(--accent-content)}.ph-select-item[data-disabled]{pointer-events:none;opacity:.5}.ph-select-item[data-selected],.ph-select-item[data-state=checked]{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.ph-select-scroll-indicator{z-index:10;cursor:default;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:24px;display:flex;position:sticky}.ph-select-scroll-indicator.active{opacity:1;pointer-events:auto}.ph-select-scroll-indicator.top{background:linear-gradient(to bottom, var(--background) 40%, transparent);top:0}.ph-select-scroll-indicator.bottom{background:linear-gradient(to top, var(--background) 40%, transparent);bottom:0}@keyframes ph-popover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ph-popover-fade-out{0%{opacity:1}to{opacity:0}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-ease{syntax:"*";inherits:false}
@property --input-border-color{syntax:"<color>";inherits:true;initial-value:#e2e8f0}@property --input-bg-color{syntax:"<color>";inherits:true;initial-value:#fff}@property --input-text-color{syntax:"<color>";inherits:true;initial-value:#0f0f0f}@property --input-placeholder-color{syntax:"<color>";inherits:true;initial-value:#64748b}@property --input-focus-ring-color{syntax:"<color>";inherits:true;initial-value:#3b82f6}@property --input-focus-ring{syntax:"<length>";inherits:true;initial-value:3px}@property --link-color{syntax:"<color>";inherits:true;initial-value:#2563eb}@property --link-hover-color{syntax:"<color>";inherits:true;initial-value:#1d4ed8}@property --radius{syntax:"<length>";inherits:true;initial-value:.5rem}@property --input-border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --input-border-radius{syntax:"<length>";inherits:true;initial-value:.5rem}@property --input-padding{syntax:"*";inherits:true;initial-value:.75rem}@property --button-padding{syntax:"*";inherits:true;initial-value:.75rem 1.5rem}@property --container-padding{syntax:"*";inherits:true;initial-value:2rem}@property --container-padding-x{syntax:"<length>";inherits:true;initial-value:2rem}@property --container-padding-y{syntax:"<length>";inherits:true;initial-value:2rem}@property --section-gap{syntax:"<length>";inherits:true;initial-value:4rem}@property --container-gap{syntax:"<length>";inherits:true;initial-value:2rem}@property --content-width{syntax:"<length>";inherits:true;initial-value:1280px}:root{--input-border-color:#e2e8f0;--input-bg-color:#fff;--input-text-color:#0f0f0f;--input-placeholder-color:#64748b;--input-focus-ring:3px;--input-focus-ring-color:#3b82f6;--link-color:#2563eb;--link-hover-color:#1d4ed8;--radius:.5rem;--input-border-width:1px;--input-border-radius:.5rem;--input-padding:.75rem;--button-padding:.75rem 1.5rem;--container-padding:2rem;--container-padding-x:2rem;--container-padding-y:2rem;--section-gap:4rem;--container-gap:2rem;--content-width:1280px}
.mockup-root{isolation:isolate;background:#0a0a0f;min-height:100dvh;position:relative}.mockup-backdrop{z-index:0;filter:blur(40px)saturate(1.4);opacity:.85;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.15)}.mockup-backdrop:after{content:"";background:radial-gradient(at 50% 0,#0000 0%,#08080e66 70%),linear-gradient(#08080e4d,#08080e99);position:absolute;inset:0}.mockup-container{z-index:1;flex-direction:column;align-items:center;gap:32px;max-width:1200px;margin:0 auto;padding:48px 24px 80px;display:flex;position:relative}@media (min-width:768px){.mockup-container{gap:40px;padding:72px 48px 120px}}.mockup-row{width:100%;max-width:960px}.mockup-row--pair{max-width:1100px}.mockup-header{text-align:center;color:#ffffffeb;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mockup-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(28px,4vw,44px);font-weight:700}.mockup-header p{color:#fff9;margin:0;font-size:14px}.mockup-row{grid-template-columns:1fr;gap:32px;display:grid}.mockup-row--pair{grid-template-columns:1fr}@media (min-width:1024px){.mockup-row--pair{grid-template-columns:1fr 1fr}}.mockup-card{contain:paint;background:#fff;border-radius:18px;position:relative;overflow:hidden;transform:translate(0,0);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #0006,0 30px 60px -20px #0009,0 50px 100px -30px #00000080}.mockup-card-body [class*=fixed],.mockup-card-body .fixed,.mockup-card-body .sticky{position:static!important}.mockup-card--footer{border-radius:14px}.mockup-chrome{background:linear-gradient(#2c2c34,#1f1f26);border-bottom:1px solid #0009;flex-shrink:0;align-items:center;gap:10px;height:38px;padding:0 14px;display:flex;position:relative}.mockup-chrome-dots{flex-shrink:0;gap:6px;display:flex}.mockup-chrome-dots span{border-radius:50%;width:11px;height:11px;display:block}.mockup-chrome-dots span:first-child{background:#ff5f56;box-shadow:inset 0 0 0 .5px #0000004d}.mockup-chrome-dots span:nth-child(2){background:#ffbd2e;box-shadow:inset 0 0 0 .5px #0000004d}.mockup-chrome-dots span:nth-child(3){background:#27c93f;box-shadow:inset 0 0 0 .5px #0000004d}.mockup-chrome-url{flex:1;justify-content:center;min-width:0;display:flex}.mockup-chrome-url-pill{color:#ffffffb3;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;background:#00000059;border:1px solid #ffffff0d;border-radius:999px;max-width:320px;padding:4px 14px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;overflow:hidden}.mockup-chrome-spacer{flex-shrink:0;width:53px}.mockup-card-body{scrollbar-width:none;-ms-overflow-style:none;background:#fff;min-height:280px;position:relative;overflow:hidden auto}.mockup-card-body::-webkit-scrollbar{display:none}.mockup-card-body[data-measured=true]{min-height:0}.mockup-card-extent{width:100%;position:relative}.mockup-card-scaler{pointer-events:none;--space-3xs:calc(clamp(.125rem, .0625rem + .19cqi, .25rem) * var(--spacing-density,1));--space-2xs:calc(clamp(.25rem, .125rem + .39cqi, .375rem) * var(--spacing-density,1));--space-xs:calc(clamp(.375rem, .25rem + .39cqi, .5rem) * var(--spacing-density,1));--space-sm:calc(clamp(.75rem, .5rem + .75cqi, 1rem) * var(--spacing-density,1));--space-md:calc(clamp(1.5rem, 1rem + 1.5cqi, 2rem) * var(--spacing-density,1));--space-lg:calc(clamp(2.5rem, 1.25rem + 3.75cqi, 4rem) * var(--spacing-density,1));--space-xl:calc(clamp(3.5rem, 1.75rem + 5.25cqi, 6rem) * var(--spacing-density,1));--space-2xl:calc(clamp(5rem, 2.5rem + 7.5cqi, 8rem) * var(--spacing-density,1));--space-3xl:calc(clamp(6.5rem, 3.25rem + 9.75cqi, 10rem) * var(--spacing-density,1));--space-4xl:calc(clamp(8rem, 4rem + 12cqi, 12rem) * var(--spacing-density,1));position:absolute;top:0;left:0;container:ph-editor-canvas/inline-size}[data-ph-mockup-frame]{width:100%;display:block}.mockup-card-body [data-ph-site],.mockup-card-body main,.mockup-card-body .min-h-dvh,.mockup-card-body .min-h-screen,.mockup-card-body .h-dvh,.mockup-card-body .h-screen{height:auto!important;min-height:0!important}.mockup-row--hero-device{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:20px;width:100%;max-width:980px;margin-bottom:32px;display:grid}@media (min-width:1024px){.mockup-row--hero-device{grid-template-columns:minmax(0,1fr) 210px;gap:24px}}.mockup-device-laptop{filter:drop-shadow(0 40px 60px #00000080);min-width:0;position:relative}.mockup-device-bezel{background:linear-gradient(155deg,#2a2a2e 0%,#1a1a1d 100%);border-radius:18px 18px 6px 6px;padding:22px 22px 18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f}.mockup-device-bezel:before{content:"";background:#050505;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .5px #ffffff1a}.mockup-device-screen{aspect-ratio:16/10;background:#fff;border-radius:3px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.mockup-device-screen .mockup-card-body{min-height:0;position:absolute;inset:0;height:auto!important}.mockup-device-base{background:linear-gradient(#c8c9cd 0%,#aaabb0 35%,#8c8d92 60%,#6b6c70 85%,#4d4e52 100%);border-radius:0 0 12px 12px;height:14px;margin:0 -3.2%;position:relative;box-shadow:inset 0 1px #fff6,0 1px 2px #0006}.mockup-device-base:before{content:"";background:linear-gradient(#595a5e,#404145);border-radius:0 0 6px 6px;width:14%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mockup-device-phone{filter:drop-shadow(0 30px 50px #00000080);background:linear-gradient(155deg,#2a2a2e 0%,#1a1a1d 100%);border-radius:38px;min-width:0;padding:10px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f}.mockup-device-phone:before{display:none}.mockup-device-phone-screen{aspect-ratio:9/19;background:#fff;border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.mockup-device-phone-screen .mockup-card-body{min-height:0;position:absolute;inset:0;height:auto!important}.mockup-footer-bar{z-index:1;text-align:center;color:#ffffff73;padding:24px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;position:relative}.mockup-footer-bar a{color:#ffffffb3;text-decoration:underline}