@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-font-weight:initial;--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-leading:initial;--tw-tracking:initial}::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--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-leading:initial;--tw-tracking:initial}}}@layer components{.google-icons{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"liga";font-display:block;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.mobile-preview .md\:hidden,.mobile-preview .md\:flex,.mobile-preview .md\:block{display:none!important}.mobile-preview .block.md\:hidden{display:block!important}.mobile-preview .flex.md\:hidden{display:flex!important}.tb{background-color:var(--muted);color:var(--foreground)}.drag-control{cursor:move;border-style:var(--tw-border-style)!important;background-color:currentColor!important;border-width:0!important}[role=tooltip]{pointer-events:none;z-index:50;cursor:none}#viewport [data-selected=true],#viewport [data-hover=true]{cursor:pointer}.shadow-10x{box-shadow:0 12px 44px -8px #0003}#viewport [data-selected=true] iframe,#viewport [data-selected=true] a{pointer-events:none}[data-lastpass-icon-root]{display:none}#viewport .drop-zone-active{opacity:.8;border-width:4px!important}#viewport [data-dragged-over=true]{border:2px dashed;min-width:40px;min-height:40px;padding:10px;transition:all .3s}#viewport [data-enabled=true][data-hover=true]{outline-offset:1px;outline:1px dashed!important}#viewport [data-enabled=true][data-hover=true]:not(:hover){outline-offset:1px;outline:1px dotted!important}#viewport [data-show-gridlines=true] [data-enabled=true][node-id]:not([data-selected=true]){outline-offset:1px;outline:1px dashed!important}#viewport [data-enabled=true][data-selected=true]{outline-offset:1px;outline:1px solid!important}#viewport [data-enabled=true][data-ancestor=true]{outline-offset:1px;outline:1px dotted #9ca3af!important}#viewport img[data-enabled=true][data-hover=true]{outline-offset:1px;outline:1px dashed!important}#viewport img[data-enabled=true][data-selected=true]{outline-offset:1px;outline:2px solid!important}.add-button{cursor:pointer;color:currentColor;overflow:hidden}[data-show-hidden=true] .hidden{border-style:var(--tw-border-style);--tw-border-style:dotted;border:1px dotted;display:flex!important}iframe{border:0;width:100%;height:100%}#viewport [data-active]{height:calc(var(--spacing,.25rem) * 8);width:calc(var(--spacing,.25rem) * 8);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));justify-content:center;display:flex}@media (hover:hover){#viewport [data-active]:hover{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}#viewport [data-active]:active{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}#viewport [data-active][data-direction=flex-col][data-position=before]{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:2px;border-bottom-style:var(--tw-border-style);border-bottom-width:0}#viewport [data-active][data-direction=flex-col][data-position=after]{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:2px;border-top-style:var(--tw-border-style);border-top-width:0}#viewport [data-active][data-direction=flex-row][data-position=before]{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:2px;border-right-style:var(--tw-border-style);border-right-width:0}#viewport [data-active][data-direction=flex-row][data-position=after]{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:2px;border-left-style:var(--tw-border-style);border-left-width:0}.fontfamily-base{font-family:var(--font-sans)}.scrollbar::-webkit-scrollbar{width:8px;height:8px}.scrollbar ::-webkit-scrollbar{width:8px;height:8px}.scrollbar::-webkit-scrollbar-track{background-color:#0000;border-radius:8px}.scrollbar ::-webkit-scrollbar-track{background-color:#0000;border-radius:8px}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--muted);cursor:pointer;border-radius:3px}.scrollbar ::-webkit-scrollbar-thumb{background-color:var(--muted);cursor:pointer;border-radius:3px}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.scrollbar ::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.scrollbar-light::-webkit-scrollbar{width:8px;height:8px}.scrollbar-light ::-webkit-scrollbar{width:8px;height:8px}.scrollbar-light::-webkit-scrollbar-track{background-color:var(--background);border-radius:8px}.scrollbar-light ::-webkit-scrollbar-track{background-color:var(--background);border-radius:8px}.scrollbar-light::-webkit-scrollbar-thumb{background-color:var(--border);cursor:pointer;border-radius:8px}.scrollbar-light ::-webkit-scrollbar-thumb{background-color:var(--border);cursor:pointer;border-radius:8px}.scrollbar-light::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.scrollbar-light ::-webkit-scrollbar-thumb:hover{background-color:var(--muted-foreground)}.disable-scrollbars::-webkit-scrollbar{background:0 0}[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)}#viewport .w-screen,#viewport .md.w-screen{width:100%!important}#viewport,[data-container=true]{max-width:100%}[data-renderer=true]{box-sizing:border-box;max-width:100%;overflow:visible!important}#viewport>*{box-sizing:border-box;max-width:100%}[data-isolated=true] [data-renderer].h-screen,[data-isolated=true] [data-renderer].md\:h-screen{height:100%!important}[data-isolated=false] [data-renderer].h-screen,[data-isolated=false] [data-renderer].md\:h-screen{justify-content:flex-start!important;height:100%!important}[data-renderer] .w-screen,[data-renderer] .md\:w-screen{width:100%!important}.input-base{cursor:pointer;border-radius:var(--radius);border-color:var(--border)}@media (hover:hover){.input-base:hover{border-color:var(--primary)}}.input-base:focus,.input-base:active{border-color:var(--ring)}.input{cursor:pointer;border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--muted);width:100%;color:var(--foreground)}@media (hover:hover){.input:hover{border-color:var(--primary)}}.input:focus,.input: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:calc(var(--spacing,.25rem) * 1);color:var(--foreground);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none}.input-plain:focus{--tw-outline-style:none;outline-style:none}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%}.input-wrapper:focus-within{border-color:var(--ring)}@media (hover:hover){.input-wrapper:hover{border-color:var(--primary)}}.input-wrapper{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--muted);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0)}.control{border-radius:var(--radius);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem) * 3);color:var(--foreground);background-color:#0000;border-width:0}.btn-text{padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3)}.btn-sm{height:calc(var(--spacing,.25rem) * 6)!important;padding-inline:calc(var(--spacing,.25rem) * 1.5)!important;padding-block:calc(var(--spacing,.25rem) * 0)!important;font-size:var(--text-xs,.75rem)!important;line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)))!important}.btn-secondary{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius);background-color:var(--primary);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(--primary-foreground);--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));display:inline-flex}@media (hover:hover){.btn-secondary:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-secondary:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}.btn-secondary:focus{--tw-outline-style:none;outline-style:none}.btn-secondary: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:disabled{pointer-events:none;opacity:.5}.btn-secondary svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.btn-secondary{border-style:var(--tw-border-style)!important;border-width:1px!important;border-color:var(--border)!important;background-color:var(--secondary)!important;color:var(--secondary-foreground)!important}@media (hover:hover){.btn-secondary:hover{background-color:var(--primary)!important;color:var(--primary-foreground)!important}}.btn-primary{height:calc(var(--spacing,.25rem) * 8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius);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-foreground);--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));display:inline-flex}@media (hover:hover){.btn-primary:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}.btn-primary:focus{--tw-outline-style:none;outline-style:none}.btn-primary: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:disabled{pointer-events:none;opacity:.5}.btn-primary svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.btn-green{cursor:pointer;border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--secondary);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));color:var(--secondary-foreground);justify-content:center;align-items:center;display:flex}@media (hover:hover){.btn-green:hover{background-color:var(--secondary);color:var(--muted-foreground)}}.dialog-input{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--secondary);background-color:var(--background);padding:calc(var(--spacing,.25rem) * 3)}.dialog-input:focus,.dialog-input:active{border-color:var(--ring)}.hue-horizontal{cursor:pointer;border-radius:calc(var(--radius) - 4px)}#viewport[data-header-space=true]{transition:padding-top .3s ease-in-out}#viewport[data-header-space=true]:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.6;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.cursor-move{cursor:move!important}.parent:before{content:"";pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}[contenteditable=true]{outline:none}.tool-bg{border-radius:var(--radius);background-color:var(--background);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(--foreground);justify-content:center;align-items:center;display:flex;gap:calc(var(--spacing,.25rem) * 2)!important;border-color:var(--border)!important;padding:calc(var(--spacing,.25rem) * 1)!important}.tool-button{gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius);background-color:var(--primary);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(--primary-foreground);--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));display:inline-flex}@media (hover:hover){.tool-button:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.tool-button:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}.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:disabled{pointer-events:none;opacity:.5}.tool-button svg{pointer-events:none;width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);flex-shrink:0}.tool-button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);padding:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));display:flex;background-color:var(--secondary)!important;color:var(--secondary-foreground)!important}@media (hover:hover){.tool-button:hover{background-color:var(--accent)!important;color:var(--accent-foreground)!important}}.tool-button *{margin:calc(var(--spacing,.25rem) * 0)!important;padding:calc(var(--spacing,.25rem) * 0)!important}.text-xxs{font-size:11.5px}.input-color{height:calc(var(--spacing,.25rem) * 12);border-color:var(--border);width:100%;display:flex}@media (hover:hover){.input-color:hover{border-color:var(--primary)}}.input-color{cursor:pointer;border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;align-items:center}.input-color:focus-within{border-color:var(--accent)}.btn-search{right:calc(var(--spacing,.25rem) * 2.5);bottom:calc(var(--spacing,.25rem) * 2.5);z-index:20;height:calc(var(--spacing,.25rem) * 8);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--primary);padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 1.5);color:var(--primary-foreground);position:absolute}@media (hover:hover){.btn-search:hover{background-color:var(--primary)}}.input-wrapper,#toolbarContents .input{min-height:calc(var(--spacing,.25rem) * 8);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--muted);width:100%;padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * 0);align-items:center;display:flex}:is(.input-wrapper,#toolbarContents .input):focus-within{border-color:var(--ring)}#toolbarContents .input,#toolbarContents .input-plain,#toolbarContents .input-base,#toolbarContents .btn{height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem)!important;line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))!important}:is(#toolbarContents .input,#toolbarContents .input-plain,#toolbarContents .input-base,#toolbarContents .btn):focus{border-color:var(--ring);--tw-ring-color:var(--ring)}#toolbarContents textarea.input-plain{height:auto}.spacing-box .input-plain{height:calc(var(--spacing,.25rem) * 5)!important;min-height:calc(var(--spacing,.25rem) * 0)!important;padding-inline:calc(var(--spacing,.25rem) * 1)!important;padding-block:calc(var(--spacing,.25rem) * 0)!important;font-size:11px!important}.spacing-box .input-wrapper{min-height:calc(var(--spacing,.25rem) * 0)!important;border-radius:calc(var(--radius) - 2px)!important;border-color:var(--border)!important}@supports (color:color-mix(in lab, red, red)){.spacing-box .input-wrapper{border-color:color-mix(in oklab, var(--border) 60%, transparent)!important}}.spacing-box .input-wrapper{background-color:var(--muted)!important;padding-block:calc(var(--spacing,.25rem) * 0)!important}.spacing-box .input-wrapper:hover{border-color:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.spacing-box .input-wrapper:hover{border-color:color-mix(in oklab, var(--primary) 50%, transparent)!important}}.spacing-box .input-wrapper:hover{background-color:var(--muted)!important}.spacing-box select.input-plain{height:calc(var(--spacing,.25rem) * 5)!important;min-height:calc(var(--spacing,.25rem) * 0)!important;padding-inline:calc(var(--spacing,.25rem) * 1)!important;padding-block:calc(var(--spacing,.25rem) * 0)!important;font-size:11px!important}#toolbarContents .input-color{height:calc(var(--spacing,.25rem) * 8)!important}#toolbarContents .btn-search{top:calc(var(--spacing,.25rem) * 0);right:calc(var(--spacing,.25rem) * 0);height:calc(var(--spacing,.25rem) * 7);width:calc(var(--spacing,.25rem) * 7);padding:calc(var(--spacing,.25rem) * 0);justify-content:center;align-items:center;display:flex}.toolbar-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--foreground)}.slider::-webkit-slider-thumb{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;appearance:none;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-radius:3.40282e38px}.slider::-moz-range-thumb{height:calc(var(--spacing,.25rem) * 4);width:calc(var(--spacing,.25rem) * 4);cursor:pointer;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;border-radius:3.40282e38px}.slider::-webkit-slider-track{border-radius:var(--radius);background-color:var(--muted)}.slider::-moz-range-track{border-radius:var(--radius);background-color:var(--muted)}.input-transparent{height:calc(var(--spacing,.25rem) * 9);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--input);width:100%;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--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);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;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(--foreground)}.input-transparent::placeholder{color:var(--muted-foreground)}.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)))}}.variable-node{cursor:default;-webkit-user-select:all;user-select:all;border-bottom:1.5px dashed var(--color-primary,#6366f1);display:inline;position:relative}@supports (color:color-mix(in lab, red, red)){.variable-node{border-bottom:1.5px dashed color-mix(in srgb, var(--color-primary,#6366f1) 40%, transparent)}}.variable-node{border-radius:2px;transition:background .15s}.variable-node:hover{background:var(--color-primary,#6366f1)}@supports (color:color-mix(in lab, red, red)){.variable-node:hover{background:color-mix(in srgb, var(--color-primary,#6366f1) 8%, transparent)}}.variable-node.ProseMirror-selectednode{background:var(--color-primary,#6366f1)}@supports (color:color-mix(in lab, red, red)){.variable-node.ProseMirror-selectednode{background:color-mix(in srgb, var(--color-primary,#6366f1) 15%, transparent)}}.variable-node.ProseMirror-selectednode{outline:1.5px solid var(--color-primary,#6366f1)}@supports (color:color-mix(in lab, red, red)){.variable-node.ProseMirror-selectednode{outline:1.5px solid color-mix(in srgb, var(--color-primary,#6366f1) 30%, transparent)}}.variable-popover{background:var(--color-card,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:8px;min-width:140px;padding:8px 12px;font-family:system-ui,-apple-system,sans-serif;animation:.12s ease-out variable-popup-in;box-shadow:0 4px 16px #0000001f}.variable-popover-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground,#6b7280);margin-bottom:4px;font-size:10px;font-weight:600}.variable-popover-value{color:var(--color-muted-foreground,#6b7280);margin-bottom:8px;padding:0 2px;font-size:11px}.variable-popover-remove{color:var(--color-destructive,#ef4444);cursor:pointer;opacity:.7;background:0 0;border:none;padding:2px 0;font-size:11px;transition:opacity .15s}.variable-popover-remove:hover{opacity:1}.variable-suggestion-active{background:var(--color-primary,#6366f1)}@supports (color:color-mix(in lab, red, red)){.variable-suggestion-active{background:color-mix(in srgb, var(--color-primary,#6366f1) 8%, transparent)}}.variable-suggestion-active{border-radius:2px}.variable-suggestion-popup{animation:.12s ease-out variable-popup-in}@keyframes variable-popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ph-select-content{z-index:9999;border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--background);min-width:8rem;padding:calc(var(--spacing,.25rem) * 1);color:var(--foreground);--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);animation:.12s ease-out ph-select-in;outline:none!important;max-height:none!important;font-size:14px!important;line-height:1.4!important;overflow:visible!important}.ph-select-scroll-area{max-height:264px}.ph-select-content *{font-size:inherit!important}.ph-select-content[data-side=bottom]{transform-origin:top}.ph-select-content[data-side=top]{transform-origin:bottom}.ph-select-item{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 1);border-radius:calc(var(--radius) - 4px);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;outline-style:none;display:flex;font-size:13px!important}@media (hover:hover){.ph-select-item:hover{background-color:var(--accent);color:var(--accent-foreground)}}.ph-select-item:focus,.ph-select-item[data-focus]{background-color:var(--accent);color:var(--accent-foreground)}.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-select-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
@property --ph-input-border-color{syntax:"<color>";inherits:true;initial-value:#e2e8f0}@property --ph-input-bg-color{syntax:"<color>";inherits:true;initial-value:#fff}@property --ph-input-text-color{syntax:"<color>";inherits:true;initial-value:#0f0f0f}@property --ph-input-placeholder-color{syntax:"<color>";inherits:true;initial-value:#64748b}@property --ph-input-focus-ring-color{syntax:"<color>";inherits:true;initial-value:#3b82f6}@property --ph-link-color{syntax:"<color>";inherits:true;initial-value:#2563eb}@property --ph-link-hover-color{syntax:"<color>";inherits:true;initial-value:#1d4ed8}@property --ph-border-radius{syntax:"<length>";inherits:true;initial-value:.5rem}@property --ph-input-border-width{syntax:"<length>";inherits:true;initial-value:1px}@property --ph-input-border-radius{syntax:"<length>";inherits:true;initial-value:.5rem}@property --ph-input-padding{syntax:"*";inherits:true;initial-value:.75rem}@property --ph-button-padding{syntax:"*";inherits:true;initial-value:.75rem 1.5rem}@property --ph-container-padding{syntax:"*";inherits:true;initial-value:2rem}@property --ph-container-padding-x{syntax:"<length>";inherits:true;initial-value:2rem}@property --ph-container-padding-y{syntax:"<length>";inherits:true;initial-value:2rem}@property --ph-section-gap{syntax:"<length>";inherits:true;initial-value:4rem}@property --ph-container-gap{syntax:"<length>";inherits:true;initial-value:2rem}@property --ph-content-width{syntax:"<length>";inherits:true;initial-value:1280px}:root{--ph-input-border-color:#e2e8f0;--ph-input-bg-color:#fff;--ph-input-text-color:#0f0f0f;--ph-input-placeholder-color:#64748b;--ph-input-focus-ring-color:#3b82f6;--ph-link-color:#2563eb;--ph-link-hover-color:#1d4ed8;--ph-border-radius:.5rem;--ph-input-border-width:1px;--ph-input-border-radius:.5rem;--ph-input-padding:.75rem;--ph-button-padding:.75rem 1.5rem;--ph-container-padding:2rem;--ph-container-padding-x:2rem;--ph-container-padding-y:2rem;--ph-section-gap:4rem;--ph-container-gap:2rem;--ph-content-width:1280px}
