.plugin-root,.plugin-root *,.plugin-root *::before,.plugin-root *::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:#fff0}.plugin-root{width:100%;overflow-x:hidden}.plugin-root :is(button,a,input,select,textarea){touch-action:manipulation}.plugin-root{--color-bg:rgb(249, 249, 249);--color-bg-alt:rgb(255, 255, 255);--color-primary:rgb(0, 123, 255);--color-primary-dark:rgb(0, 86, 179);--color-secondary:rgb(104, 156, 235);--color-border:rgb(221, 221, 221);--color-shadow:0 4px 8px rgba(0,0,0,0.1);--color-heading:rgba(41, 141, 223, 0.63);--color-text:rgb(17, 17, 17);--color-input-bg:rgb(255, 255, 255);--color-input-text:rgb(17, 17, 17);--color-input-border:rgb(204, 204, 204);--color-fg:var(--color-text);--radius-main:12px;--radius-btn:25px;--btn-font-size:16px;--btn-padding:12px 18px;--btn-shadow:0 2px 10px rgba(0,0,0,0.06);--input-font-size:14px;--slider-thumb-size:20px;--transition-main:background .2s, transform .2s, box-shadow .2s;--color-scrollbar:rgb(225, 225, 225);--color-scrollbar-hover:rgb(196, 196, 196);--color-scrollbar-dark:rgb(49, 68, 90);--color-scrollbar-hover-dark:rgb(68, 85, 102)}.plugin-root.dark-mode{--color-bg:rgb(2, 38, 63);--color-bg-alt:rgb(3, 26, 45);--color-primary:rgb(64, 140, 255);--color-primary-dark:rgb(104, 156, 235);--color-secondary:rgb(144, 180, 255);--color-border:rgb(68, 68, 68);--color-shadow:0 2px 5px rgba(0,0,0,0.33);--color-heading:rgb(64, 140, 255);--color-text:rgb(224, 224, 224);--color-input-bg:rgb(2, 38, 63);--color-input-text:rgb(224, 224, 224);--color-input-border:rgb(68, 68, 68);--color-scrollbar:var(--color-scrollbar-dark);--color-scrollbar-hover:var(--color-scrollbar-hover-dark)}.plugin-root.dark-mode,.plugin-root.dark-mode *,.plugin-root.dark-mode *::before,.plugin-root.dark-mode *::after{color-scheme:dark}@keyframes fadeIn{to{opacity:1}}@keyframes btnspin{to{transform:rotate(360deg)}}@font-face{font-family:'Lato OpenSans Italic';font-style:italic;font-weight:400;font-display:swap;src:url(/wp-content/plugins/greeting-card-plugin/assets/fonts/lato-opensans-italic.woff2?ver=1.2.0) format('woff2')}@font-face{font-family:'RobotoSerif';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/plugins/greeting-card-plugin/assets/fonts/robotoserif.woff2?ver=1.2.0) format('woff2')}@font-face{font-family:'Lato Black Italic';font-style:italic;font-weight:900;font-display:swap;src:url(/wp-content/plugins/greeting-card-plugin/assets/fonts/lato-black-italic.woff2?ver=1.2.0) format('woff2')}.plugin-root label{display:block;font-family:'RobotoSerif',sans-serif;font-style:normal;font-weight:400;font-size:26px;color:var(--color-text,#111);text-align:center;margin:0 auto}.plugin-root h3{font-family:'Lato Black Italic',sans-serif;font-style:italic;font-weight:900;font-size:26px;color:var(--color-heading,#298ddf);text-align:center;margin:0 auto}.landing-container{opacity:0;animation:fadeIn 0.9s ease-out 0.6s forwards;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;max-width:550px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;background:url(/wp-content/plugins/greeting-card-plugin/assets/images/landing-background.svg) center center/contain no-repeat,#fff0}.plugin-root{font-family:Arial,sans-serif;background-color:var(--color-bg,#f9f9f9);color:var(--color-text,#111)}.banner{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-sizing:border-box;z-index:10;width:100%;margin:0 auto 12px;min-height:clamp(140px, 20vw, 320px)}.banner-static{position:absolute;inset:0;z-index:1;background-position:center center;background-repeat:no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center}.banner-static img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.banner>#bannerTextLottie{position:absolute;inset:0;pointer-events:none;z-index:11}.banner>#bannerTextLottie~#bannerTextLottie{display:none}.banner>#bannerTextLottie svg{width:100%;height:100%;transform-origin:center center;transform:scale(1.3)}.main-landing-grid{display:grid;grid-template-columns:1fr;width:100%;box-sizing:border-box;margin:0 auto;align-items:stretch}.center-section{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;position:relative}#uiLanding,.plugin-root #pluginUI{width:100%;max-width:900px;margin:0 auto}.greeting-card-lang-switcher{width:100%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;max-width:none}.greeting-lang-select{font-size:1.03rem;padding:6px 10px;min-width:110px;max-width:160px;border-radius:6px;border:1px solid #c1c6d3;background:#fff;box-shadow:0 1px 2px rgb(30 40 80 / .05);transition:border 0.2s,box-shadow 0.2s;outline:none}.greeting-lang-select:focus{border:1.5px solid #1976d2;box-shadow:0 0 0 3px rgb(25 118 210 / .15)}.plugin-root .button-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-top:2rem;padding:24px 0 32px;background:none;z-index:2}.plugin-root .cta-button{display:block;width:80%;max-width:250px;margin:0 auto;color:#fff;padding:var(--btn-padding,12px 18px);font-size:var(--btn-font-size,16px);border:none;border-radius:var(--radius-btn,25px);cursor:pointer;background:var(--color-primary,#0b7bff);box-shadow:var(--btn-shadow,0 2px 10px rgb(0 0 0 / .06));transition:var(--transition-main,background .2s,transform .2s,box-shadow .2s)}.plugin-root .cta-button:hover,.plugin-root .cta-button:focus{background:var(--color-primary-dark,#0056b3);transform:translateY(-2px) scale(1.02);outline:none}.plugin-root .cta-button.cta-compact{width:auto;max-width:100%;padding:10px 16px;border-radius:8px;margin:0;display:inline-block}.plugin-root .flex-container{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:center;text-align:center;max-width:100%;width:100%;min-height:80vh;margin:0 auto;padding:4vw 2vw;position:relative;box-sizing:border-box;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--color-shadow);border-radius:var(--radius-main);container-type:inline-size;container-name:main}.plugin-header{width:100%;padding:10px 20px;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);position:sticky;top:0;left:0;z-index:2000;display:flex;justify-content:flex-end;align-items:center}.theme-toggle label{font-size:14px;cursor:pointer;display:flex;align-items:center}.theme-toggle input[type="checkbox"]{margin-right:8px;cursor:pointer}.plugin-root .input-container{width:100%;min-height:50vh;max-height:100vh;padding:.5rem;overflow-y:auto;background-color:var(--color-bg-alt,#fff);color:var(--color-text,#111);border:1px solid var(--color-border,#ddd);border-radius:5px;box-shadow:0 2px 8px rgb(0 0 0 / .1);display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.plugin-root .input-container input[type="text"],.plugin-root .input-container input[type="search"],.plugin-root .input-container input[type="email"],.plugin-root .input-container input[type="url"],.plugin-root .input-container input[type="tel"],.plugin-root .input-container input[type="number"],.plugin-root .input-container textarea,.plugin-root .input-container select{width:100%;padding:8px;margin-bottom:10px;font-size:var(--input-font-size,14px);background-color:var(--color-input-bg,#fff);color:var(--color-input-text,#111);border:1px solid var(--color-input-border,#ccc);border-radius:4px;outline:none;box-shadow:none}.plugin-root .input-container :is(input,textarea,select):focus-visible{outline:2px solid var(--color-primary,#0b7bff);outline-offset:2px}.plugin-root .input-container input[type="color"]{-webkit-appearance:none;appearance:none;display:inline-block;inline-size:40px;block-size:40px;min-inline-size:40px;min-block-size:40px;aspect-ratio:1/1;padding:0;box-sizing:content-box;border-radius:50%;overflow:hidden;--picker-color:rgb(220, 53, 69);color:var(--picker-color);border:2px solid currentColor;background:#fff0;cursor:pointer;box-shadow:0 2px 3px rgb(0 0 0 / .3);transition:transform .2s,border-color .2s;margin-bottom:10px}.plugin-root .input-container input[type="color"]::-webkit-color-swatch-wrapper{padding:0}.plugin-root .input-container input[type="color"]::-webkit-color-swatch{border:0;border-radius:50%}.plugin-root .input-container input[type="color"]::-moz-color-swatch{border:0;border-radius:50%}.plugin-root .input-container input[type="color"]:hover{transform:scale(1.05)}.plugin-root .input-container input[type="color"]:focus-visible{outline:2px solid var(--color-primary,#0b7bff);outline-offset:2px}.plugin-root.dark-mode .input-container input[type="color"]{box-shadow:0 2px 4px rgb(0 0 0 / .45)}@media (forced-colors:active){.plugin-root .input-container input[type="color"]{forced-color-adjust:none;border:2px solid ButtonText;outline:1px solid ButtonText}}.plugin-root input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--color-border,#ddd);border-radius:5px;margin:10px 0}.plugin-root input[type="range"]::-webkit-slider-runnable-track{height:8px;background:var(--color-border,#ddd);border-radius:5px}.plugin-root input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size,20px);height:var(--slider-thumb-size,20px);background:var(--color-primary,#0b7bff);border-radius:4px;cursor:pointer;margin-top:calc((8px - var(--slider-thumb-size, 20px)) / 2)}.plugin-root input[type="range"]::-moz-range-track{height:8px;background:var(--color-border,#ddd);border-radius:5px}.plugin-root input[type="range"]::-moz-range-thumb{width:var(--slider-thumb-size,20px);height:var(--slider-thumb-size,20px);background:var(--color-primary,#0b7bff);border:none;border-radius:4px;cursor:pointer}.plugin-root .slider-with-buttons{display:flex;align-items:center;gap:10px}.plugin-root .slider-with-buttons input[type="range"]{flex-grow:1}.plugin-root .slider-with-buttons button{width:30px;height:30px;background-color:var(--color-primary,#0b7bff);color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;line-height:30px;font-size:16px;transition:background-color .3s}.plugin-root .slider-with-buttons button:hover{background-color:var(--color-primary-dark,#0056b3)}.plugin-root #aiPromptInput{width:100%;margin:0 0 8px 0;padding:12px;border-radius:10px;border:1px solid var(--color-input-border,#ccc);background:var(--color-input-bg,#fff);color:var(--color-input-text,#111);font-size:16px;line-height:1.35;resize:vertical;box-sizing:border-box;min-height:110px;height:140px;display:block}@media (max-width:420px){.plugin-root #aiPromptInput{min-height:100px;height:110px;padding:14px}}.plugin-root #aiVariationWrap{display:none!important}.plugin-root #aiVariationWrap #aiVariationLabel{font-size:12px;opacity:.75}.plugin-root #aiVariationWrap #aiVariationSelect{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--color-input-border,#ccc);background:var(--color-input-bg,#fff);color:var(--color-input-text,#111)}.plugin-root #autoDesignButton,.plugin-root #aiRerollButton{width:100%;border-radius:10px}.plugin-root #aiSpinner{margin-top:8px;font-size:13px;opacity:.9}.plugin-root #aiMessageBox{margin-top:8px;font-size:13px;font-weight:600;text-align:center}@media (orientation:portrait){.plugin-root .flex-container{display:grid;grid-template-rows:50vh minmax(20vh,1fr);grid-auto-columns:100%;align-items:stretch;justify-items:stretch;gap:10px;min-height:100vh}@supports (height:1dvh){.plugin-root .flex-container{grid-template-rows:50dvh minmax(20dvh,1fr);min-height:100dvh}}.plugin-root .right-panel{grid-row:1;width:100%}.plugin-root .left-panel{grid-row:2;width:100%}.plugin-root .right-panel .canvas-container{height:100%;min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.plugin-root #pluginUI .preview-wrapper{position:relative;width:100%;height:100%;aspect-ratio:auto}.plugin-root #pluginUI .preview-wrapper>#cardPreview,.plugin-root #pluginUI .preview-wrapper>#lottieContainer{position:absolute;inset:0;width:100%;height:100%}.plugin-root .input-container{height:100%;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:auto;padding-bottom:env(safe-area-inset-bottom)}.plugin-root #messageAnimationList,.plugin-root #grid-container{max-width:100%;overflow-x:hidden}.plugin-root .playback-container,.plugin-root .recording-container{display:none}}@supports (height:1dvh){@media (orientation:portrait){.plugin-root .right-panel .canvas-container{height:50dvh}.plugin-root .input-container{min-height:20dvh}}}#gcp-promo-section{margin:25px 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/wp-content/plugins/greeting-card-plugin/assets/images/promo-bg.svg) center/80% no-repeat;border-radius:12px;min-height:240px;padding:60px 0}#gcp-promo-button{background:#044480;color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;padding:12px 26px;cursor:pointer;box-shadow:0 3px 8px rgb(0 0 0 / .25);transition:transform 0.2s ease,box-shadow 0.2s ease}#gcp-promo-button:hover{transform:scale(1.05);box-shadow:0 5px 12px rgb(0 0 0 / .3)}#gcp-promo-message{margin-top:10px;font-size:14px;color:#333}.gcp-alert{display:inline-block;padding:8px 12px;border-radius:6px;font-size:14px;position:relative;max-width:90%;opacity:1;transition:opacity 0.4s ease}.gcp-alert.info{background:#e6f4ff;color:#004085}.gcp-alert.error{background:#ffe6e6;color:#b10000}.gcp-alert .close-x{position:absolute;right:8px;top:4px;cursor:pointer;font-weight:700}@media (max-width:480px){#gcp-promo-section{background-size:100%;padding:40px 0}#gcp-promo-button{font-size:15px;padding:10px 22px}}.plugin-root .record-button-container{margin-top:10px;text-align:center}.plugin-root #startRecordingButton,.plugin-root .Submit-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;font:inherit;font-weight:600;border:1px solid #fff0;border-radius:var(--radius-main,12px);background:var(--color-primary,#0b7bff);color:#fff;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .05s ease;box-shadow:var(--btn-shadow,0 2px 10px rgb(0 0 0 / .06));max-width:260px}.plugin-root #startRecordingButton:hover,.plugin-root .Submit-button:hover{background:var(--color-primary-dark,#0056b3)}.plugin-root #startRecordingButton:active,.plugin-root .Submit-button:active{transform:translateY(1px)}.plugin-root #startRecordingButton:focus-visible,.plugin-root .Submit-button:focus-visible{outline:2px solid var(--color-primary,#0b7bff);outline-offset:2px}.plugin-root #startRecordingButton:disabled,.plugin-root .Submit-button[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.plugin-root #startRecordingButton.is-loading,.plugin-root .Submit-button.is-loading{pointer-events:none}.plugin-root #startRecordingButton.is-loading::before,.plugin-root .Submit-button.is-loading::before{content:"";width:1em;height:1em;border:2px solid currentColor;border-top-color:#fff0;border-radius:50%;display:inline-block;animation:btnspin .9s linear infinite}.plugin-root .playback-button,.plugin-root #playAnimationButton{font-family:'Lato OpenSans Italic',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-style:italic;font-weight:400;font-synthesis:none}.plugin-root .Submit-button,.plugin-root #startRecordingButton{font-family:'Lato OpenSans Italic',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-style:italic;font-weight:400;font-synthesis:none}.recording-indicator{display:none;gap:12px;justify-content:center;align-items:center}.recording-indicator.show{display:flex}.recording-indicator>#lottieSpinner{width:200px;height:200px}.recording-indicator>#lottieSpinner svg{width:100%;height:100%}.recording-indicator>div:not(#lottieSpinner){display:none}#grid-container{display:grid;gap:8px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding:0}#grid-container>*{min-width:0}#grid-container .bg-cat-tile{appearance:none;-webkit-appearance:none;background:var(--color-bg-alt,#fff);color:var(--color-text,#000);border:1px solid var(--color-border,#d9d9d9);border-radius:5px;display:flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem .8rem;width:100%;min-width:0;font:inherit;font-size:.9rem;line-height:1.25;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}#grid-container .bg-cat-tile:hover{transform:scale(1.02);border-color:var(--color-primary,#0d6efd);box-shadow:0 2px 6px rgb(0 0 0 / .08)}#grid-container .bg-cat-tile:active{transform:scale(.98)}#grid-container .bg-cat-tile:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary,#0d6efd) 35%,transparent)}#grid-container[data-view="cats"]{grid-template-columns:repeat(2,1fr)}@media (min-width:700px){#grid-container[data-view="cats"]{grid-template-columns:repeat(3,1fr)}}#grid-container[data-view="images"]{grid-template-columns:repeat(3,1fr)}#grid-container[data-view="images"] img.bg-thumb{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:6px;min-width:0;cursor:pointer;transition:transform 0.2s ease}#grid-container[data-view="images"] img.bg-thumb:hover{transform:scale(1.03)}.color-palette-inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));gap:8px;margin-bottom:10px;justify-items:center;width:100%;box-sizing:border-box}.color-swatch{width:28px;height:28px;border-radius:50%;border:1.5px solid rgb(0 0 0 / .15);outline:none;cursor:pointer;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;box-shadow:0 1px 3px rgb(0 0 0 / .08)}.color-swatch[style*="background-color: rgb(255, 255, 255)"],.color-swatch[style*="#fff"],.color-swatch[style*="#FFF"]{border:1.5px solid rgb(0 0 0 / .25);box-shadow:inset 0 0 1px rgb(0 0 0 / .15),0 1px 2px rgb(0 0 0 / .08)}.color-swatch:hover,.color-swatch:focus{border-color:red;transform:scale(1.05)}.color-swatch.selected{border-color:red;box-shadow:0 0 0 2px rgb(255 0 0 / .25)}.color-picker{appearance:none;-webkit-appearance:none;border:1.5px solid #ccc;border-radius:50%;width:28px;height:28px;padding:0;cursor:pointer;background-color:#fafafa;box-shadow:0 1px 2px rgb(0 0 0 / .1);transition:border-color 0.2s,box-shadow 0.2s}.color-picker:hover{border-color:red}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:50%}.color-picker::-moz-color-swatch{border:none;border-radius:50%}@media (max-width:600px){.color-palette-inline{grid-template-columns:repeat(auto-fit,minmax(26px,1fr));gap:6px}.color-swatch,.color-picker{width:26px;height:26px}}.plugin-root .field-wrapper{position:relative}.plugin-root .font-popup.hidden{display:none}.plugin-root .font-popup.visible{display:grid}.plugin-root .font-popup .name{display:none}.plugin-root .font-popup{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:300px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:44px;gap:8px;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;background:var(--color-bg-alt,#fff);border:1px solid var(--color-border,#d9d9d9);border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .12);padding:8px;z-index:1000}@media (max-width:575.98px){.plugin-root .font-popup{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:992px){.plugin-root .font-popup{grid-template-columns:repeat(4,minmax(0,1fr))}}.plugin-root .font-popup button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:100%;padding:8px 10px;background:var(--color-bg-alt,#fff);color:var(--color-text,#000);border:1px solid var(--color-border,#ddd);border-radius:6px;cursor:pointer;user-select:none;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.plugin-root .font-popup button:hover,.plugin-root .font-popup button:focus-visible{background:var(--color-bg,#f9f9f9);border-color:var(--color-primary,#0d6efd);box-shadow:0 2px 8px rgb(13 110 253 / .12);outline:none}.plugin-root .font-popup button[aria-selected="true"]{outline:2px solid var(--color-primary,#0d6efd);outline-offset:1px}.plugin-root.dark-mode .font-popup{background:var(--color-bg-alt,#031a2d);border-color:var(--color-border,#223348);box-shadow:0 4px 12px rgb(0 0 0 / .35)}.plugin-root.dark-mode .font-popup button{background:var(--color-input-bg,#02263f);color:var(--color-text,#e0e0e0);border-color:var(--color-input-border,#444)}.plugin-root.dark-mode .font-popup button:hover,.plugin-root.dark-mode .font-popup button:focus-visible{background:color-mix(in oklab,var(--color-primary) 14%,transparent);border-color:var(--color-primary)}#messageAnimationList{display:none;position:relative;width:100%;background:var(--color-bg-alt,#fff);border:1px solid var(--color-border,#d9d9d9);border-radius:8px;box-shadow:0 6px 24px rgb(0 0 0 / .12);padding:12px;margin-top:8px;z-index:100;color:var(--color-text,#000)}#messageAnimationList.active{display:block}#messageAnimationList .template-tabs{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}#messageAnimationList .tab-button{flex:1 1 0%;padding:10px 12px;font-size:16px;border:1px solid var(--color-border,#d9d9d9);background:var(--color-bg,#f9f9f9);color:var(--color-text,#000);border-radius:6px;cursor:pointer;text-align:center}#messageAnimationList .tab-button:hover,#messageAnimationList .tab-button:focus-visible{background:var(--color-bg-alt,#fff)}#messageAnimationList .tab-button.active{background:var(--color-primary,#0d6efd);color:#fff;border-color:#fff0}#messageAnimationList .template-panels{width:100%}#messageAnimationList .panel{display:none}#messageAnimationList .panel:not(.hidden){display:block}#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-cols:3;--ta-gap:10px;--ta-row-h:clamp(48px, 7vw, 72px);display:grid;grid-template-columns:repeat(var(--ta-cols),1fr);grid-auto-rows:var(--ta-row-h);gap:var(--ta-gap);width:100%;padding:10px 0 12px;background:#fff0;border:0;border-radius:0;height:calc((var(--ta-row-h) * 2) + var(--ta-gap));box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar,#e1e1e1) var(--color-bg,#f9f9f9)}#messageAnimationList .panel[data-category="text-anim"]::-webkit-scrollbar{width:8px;background:var(--color-bg,#f9f9f9)}#messageAnimationList .panel[data-category="text-anim"]::-webkit-scrollbar-thumb{background:var(--color-scrollbar,#e1e1e1);border-radius:4px}#messageAnimationList .panel[data-category="text-anim"] .animation-option-button{display:flex;align-items:center;justify-content:center;height:100%;width:100%;min-height:0;padding:8px 10px;background:var(--color-bg-alt,#fff);border:1px solid var(--color-border,#d9d9d9);border-radius:8px;box-shadow:0 1px 3px rgb(0 0 0 / .06);cursor:pointer;outline:0;overflow:hidden;transition:border-color .18s,box-shadow .16s,background .16s,transform .12s;color:var(--color-text,#000)}#messageAnimationList .panel[data-category="text-anim"] .animation-option-button *{color:inherit}#messageAnimationList .panel[data-category="text-anim"] .animation-option-button:hover,#messageAnimationList .panel[data-category="text-anim"] .animation-option-button:focus-visible{border-color:var(--color-primary,#0d6efd);background:var(--color-bg,#f9f9f9);box-shadow:0 2px 10px rgb(80 138 255 / .1);transform:translateY(-1px)}#messageAnimationList .panel[data-category="text-anim"] .lottie-thumb{display:none}#messageAnimationList .panel[data-category="text-anim"] .animation-option-button .caption{margin:0;font-size:clamp(12px, 1.8vw, 14px);line-height:1.2;color:inherit;opacity:.9;text-align:center;width:100%;white-space:normal;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;pointer-events:none}@media (min-width:300px){#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-gap:8px;--ta-row-h:clamp(48px, 7.5vw, 68px)}}@media (min-width:576px){#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-gap:10px;--ta-row-h:clamp(52px, 6.5vw, 70px)}}@media (min-width:768px){#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-row-h:clamp(56px, 5.5vw, 72px)}}@media (min-width:992px){#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-row-h:clamp(58px, 4.5vw, 74px)}}@media (min-width:1200px){#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-row-h:clamp(60px, 3.8vw, 76px)}}@media (min-width:1400px){#messageAnimationList .panel[data-category="text-anim"]:not(.hidden){--ta-row-h:clamp(62px, 3.2vw, 80px)}}#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));grid-template-rows:repeat(2,minmax(90px,1fr));gap:18px;width:100%;padding:20px 0;margin:0;background:#fff0;border:0;border-radius:0;max-height:340px;box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar,#e1e1e1) var(--color-bg,#f9f9f9)}#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid::-webkit-scrollbar{width:8px;background:var(--color-bg,#f9f9f9)}#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid::-webkit-scrollbar-thumb{background:var(--color-scrollbar,#e1e1e1);border-radius:4px}#messageAnimationList .panel[data-category="pure-anim"] .animation-option-button{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 5;background:var(--color-bg-alt,#fff);border:1px solid var(--color-border,#d9d9d9);border-radius:10px;box-shadow:0 1px 3px rgb(0 0 0 / .06);padding:0;margin:0;cursor:pointer;outline:0;overflow:hidden;transition:border-color 0.18s,box-shadow 0.16s,background 0.16s;color:var(--color-text,#000);box-sizing:border-box}#messageAnimationList .panel[data-category="pure-anim"] .animation-option-button:hover,#messageAnimationList .panel[data-category="pure-anim"] .animation-option-button:focus-visible{border-color:var(--color-primary,#0d6efd);background:var(--color-bg,#f9f9f9);box-shadow:0 2px 10px rgb(80 138 255 / .1)}#messageAnimationList .panel[data-category="pure-anim"] .lottie-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fff0;border:0;margin:0;padding:0;box-shadow:none;overflow:hidden;position:relative}#messageAnimationList .panel[data-category="pure-anim"] .lottie-thumb svg{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}#messageAnimationList .panel[data-category="pure-anim"] .animation-option-button span:not(.lottie-thumb){display:none}#messageAnimationList .panel[data-category="pure-anim"] .pagination-controls{display:flex;justify-content:space-between;margin-top:8px}@media (max-width:820px){#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:unset;grid-auto-rows:auto;gap:10px;padding:10px 0;max-height:70vh;overflow-y:auto}#messageAnimationList .panel[data-category="pure-anim"] .animation-option-button{width:100%;aspect-ratio:2 / 3;min-width:0;max-width:none;border-radius:8px}#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid>*{min-width:0}#messageAnimationList .panel[data-category="pure-anim"] .lottie-thumb{border-radius:6px;width:100%;height:100%}}@media (max-width:575.98px){#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:unset;grid-auto-rows:auto;gap:6px;padding:6px 0;max-height:70vh;overflow-y:auto}#messageAnimationList .panel[data-category="pure-anim"] .animation-option-button{aspect-ratio:2 / 3;min-width:0;max-width:none;border-radius:6px}#messageAnimationList .panel[data-category="pure-anim"] .overlay-grid>*{min-width:0}}.playback-container{padding:15px;display:flex;justify-content:center;align-items:center}.playback-button{display:inline-block;margin:0 auto;padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease;max-width:250px;background:var(--color-primary)}.playback-button:hover{background-color:var(--color-primary-dark)}.left-panel,.right-panel{flex:1 1 50%;min-width:0}.right-panel{display:flex;flex-direction:column;gap:1rem}.right-panel .canvas-container{max-width:none;width:100%}.preview-wrapper{flex:none}.playback-container,.recording-container{width:100%;margin:0}.plugin-root.dark-mode h3{color:var(--color-primary);text-align:center;letter-spacing:.02em;transition:border-color 0.2s,color 0.2s}.plugin-root.dark-mode h3:hover{border-bottom:2px solid var(--color-secondary)}.plugin-root.dark-mode input[type="text"],.plugin-root.dark-mode input[type="range"],.plugin-root.dark-mode input[type="color"],.plugin-root.dark-mode textarea{background-color:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);box-shadow:none;caret-color:var(--color-primary);transition:border-color 0.2s,background 0.2s,color 0.2s}.plugin-root.dark-mode input[type="text"]:focus,.plugin-root.dark-mode textarea:focus{border-color:var(--color-primary);outline:none;background-color:#1a2338}.plugin-root.dark-mode input::placeholder,.plugin-root.dark-mode textarea::placeholder{color:#95a2bc;opacity:1}.plugin-root.dark-mode input[type="range"]{background:var(--color-input-border);transition:background 0.3s}.plugin-root.dark-mode input[type="range"]::-webkit-slider-thumb,.plugin-root.dark-mode input[type="range"]::-moz-range-thumb{background:var(--color-primary);border:1px solid var(--color-secondary);transition:transform 0.2s}.plugin-root.dark-mode input[type="range"]:hover::-webkit-slider-thumb{transform:scale(1.1)}.plugin-root.dark-mode button,.plugin-root.dark-mode .pagination-button{background-color:var(--color-input-border);color:var(--color-text);border:1px solid var(--color-input-border);box-shadow:0 2px 5px rgb(20 40 60 / .13);transition:background-color 0.2s,transform 0.2s,color 0.2s}.plugin-root.dark-mode button:hover,.plugin-root.dark-mode .pagination-button:hover{background-color:var(--color-primary);color:#fff;transform:scale(1.04)}.plugin-root.dark-mode .font-options{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-input-border);box-shadow:0 2px 8px rgb(14 23 38 / .2);padding:10px;scrollbar-color:var(--color-scrollbar) var(--color-bg);scrollbar-width:thin}.plugin-root.dark-mode .font-options .font-option{background-color:var(--color-bg);color:var(--color-text);padding:8px 12px;margin:5px 0;border-radius:4px;cursor:pointer;transition:background-color 0.18s,color 0.18s}.plugin-root.dark-mode .font-options .font-option:hover,.plugin-root.dark-mode .font-options .font-option:focus{background-color:var(--color-primary);color:#fff}.plugin-root.dark-mode .font-options::-webkit-scrollbar{width:8px;background:#fff0}.plugin-root.dark-mode .font-options::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px;transition:background 0.3s}.plugin-root.dark-mode .font-options::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.plugin-root #pluginUI .preview-wrapper{position:relative;width:100%;max-width:none;aspect-ratio:9 / 16;overflow:hidden;margin:0 auto;border:2px dashed rgb(128 190 255 / .247);box-shadow:0 4px 15px rgb(0 0 0 / .1);border-radius:5px;box-sizing:border-box;background-color:#fff0}.plugin-root #pluginUI .preview-wrapper::before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none;z-index:3;background-image:url(/wp-content/plugins/greeting-card-plugin/assets/images/scissors-horiz.svg),url(/wp-content/plugins/greeting-card-plugin/assets/images/scissors-horiz.svg),url(/wp-content/plugins/greeting-card-plugin/assets/images/scissors-vert.svg),url(/wp-content/plugins/greeting-card-plugin/assets/images/scissors-vert.svg);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:top center,bottom center,left center,right center;background-size:24px 24px}.plugin-root #pluginUI .preview-wrapper>#cardPreview,.plugin-root #pluginUI .preview-wrapper>#lottieContainer{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box}.plugin-root #pluginUI .preview-wrapper>#cardPreview{background-color:#fff;border:none;z-index:1}.plugin-root #pluginUI .preview-wrapper>#lottieContainer{pointer-events:none;z-index:2;overflow:hidden}.plugin-root #pluginUI .preview-wrapper,.plugin-root #pluginUI #lottieContainer{touch-action:none}.plugin-root #pluginUI #lottieContainer .draggable-text{pointer-events:auto;cursor:grab}.plugin-root #pluginUI .draggable-text:active{cursor:grabbing}.plugin-root #pluginUI .draggable-text:hover{cursor:grab}.landing-container #startCreatingButton,#startCreatingButton{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-inline-size:140px;max-inline-size:240px;inline-size:auto;padding:10px 20px;line-height:1.15;white-space:nowrap;font-family:'Lato OpenSans Italic',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-style:italic;font-weight:400;font-size:15px;border:none;border-radius:22px;background:var(--color-primary,#0b7bff);color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgb(0 0 0 / .18);transition:background .2s ease,box-shadow .2s ease}#startCreatingButton:hover,#startCreatingButton:focus{background:var(--color-primary-dark,#0056b3);outline:none}#startCreatingButton:focus-visible{outline:2px solid rgb(11 123 255 / .45);outline-offset:2px}#startCreatingButton[disabled],#startCreatingButton.is-disabled,#startCreatingButton[aria-disabled="true"]{opacity:.6;cursor:not-allowed;box-shadow:none;pointer-events:none}.plugin-root .button-wrapper{width:100%;display:flex;justify-content:center;margin:2rem 0}@media (max-width:767.98px) and (orientation:portrait){#startCreatingButton{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:999}}@media (max-width:380px) and (orientation:portrait){#startCreatingButton{font-size:14px;padding:5px 10px;min-inline-size:130px}}@media (min-width:1200px){.greeting-card-lang-switcher{max-width:none;margin-left:auto;margin-right:0}}@media (max-width:800px) and (orientation:portrait){#uiLanding.landing-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;padding:0 1rem;box-sizing:border-box;position:relative}#uiLanding.landing-container::after{content:"";display:block;height:4rem;flex-shrink:0}#uiLanding.landing-container .button-wrapper{position:relative;z-index:10;background:none}#uiLanding.landing-container .button-wrapper .cta-button{width:clamp(160px, 60%, 200px);padding:clamp(10px, 4vw, 16px) clamp(20px, 6vw, 24px);font-size:clamp(14px, 5vw, 18px)}}@media (max-width:380px) and (orientation:portrait){.input-container{min-height:0;max-height:65vh;height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:auto;padding:.25rem}}@media (max-width:250px) and (orientation:portrait){.landing-container{background-image:url(/wp-content/plugins/greeting-card-plugin/assets/images/landing-background-mobile.svg)}}@media (min-width:576px){.template-tabs{flex-direction:row}.tab-button{flex:1}.animation-option-button{flex:1 1 48%;width:auto}.panel{flex-direction:row}}@media (min-width:768px){.input-container{flex:0 0 40%;padding:1rem}}@media (max-width:812px) and (orientation:landscape){.landing-container{background-image:url(/wp-content/plugins/greeting-card-plugin/assets/images/landing-background-landscape.svg)}}@media (min-width:813px){.landing-container{background-image:url(/wp-content/plugins/greeting-card-plugin/assets/images/landing-background-desktop.svg)}}@media (max-width:767.98px){.plugin-root .banner{min-height:100px}.main-landing-grid{display:block}.center-section{padding:0 2vw}}@media (max-width:991.98px) and (max-height:700px) and (orientation:landscape){.main-landing-grid{grid-template-columns:0 1fr 0;gap:6px}.center-section{padding:0 4vw}.plugin-root .banner{min-height:90px}.plugin-root #pluginUI .input-container{max-height:100vh}}@media (max-width:1199.98px){.main-landing-grid{grid-template-columns:0.5fr minmax(0,1fr) 0.5fr}#uiLanding,.plugin-root #pluginUI{max-width:700px}.plugin-root .banner{min-height:160px}}@media (min-width:1200px){#uiLanding,.plugin-root #pluginUI{max-width:900px}.plugin-root .banner{min-height:320px}.plugin-root #pluginUI .input-container{max-height:65vh}}@media (min-width:768px),(max-width:767.98px) and (orientation:landscape){.plugin-root .flex-container{flex-direction:row;align-items:flex-start;gap:2rem}.left-panel{flex:1 1 55%;min-width:0}.right-panel{flex:1 1 45%;min-width:0;display:flex;flex-direction:column;gap:1rem}.right-panel .canvas-container{max-width:none;width:100%}.preview-wrapper{flex:none}.playback-container,.recording-container{width:100%;margin:0}}@media (orientation:portrait){.flex-container{width:100%;max-width:none}.left-panel,.right-panel{width:100%;max-width:none;flex:1 1 auto}.canvas-container{width:100%;max-width:none;min-height:65vh;display:flex;justify-content:center;align-items:center}.preview-wrapper{width:100%;max-width:none;aspect-ratio:9 / 16;position:relative}#cardPreview,#lottieContainer{width:100%;height:100%;display:block}}@media (min-width:768px){.main-landing-grid{display:grid;grid-template-columns:1fr minmax(0,1000px) 1fr}.center-section{grid-column:2;width:100%;display:block}.plugin-root{width:100%;max-width:none;margin-left:auto;margin-right:auto}.plugin-root .flex-container{width:100%;max-width:none;padding-left:2vw;padding-right:2vw;margin-left:auto;margin-right:auto}}@media (max-width:575.98px){#uiLanding.landing-container{justify-content:flex-end;padding-bottom:.2rem}#uiLanding .button-wrapper{margin-bottom:-.9rem}#startCreatingButton{max-width:150px;padding:.25rem 1.25rem;font-size:1rem}}@container main (min-width:768px){.left-panel{flex:1 1 55%;min-width:0}.right-panel{flex:1 1 45%;min-width:0;display:flex;flex-direction:column;gap:1rem}.right-panel .canvas-container{max-width:none;width:100%}}.plugin-root :where(button,[href],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.plugin-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.plugin-root .landing-container{opacity:1!important}}@media (forced-colors:active){.plugin-root .cta-button,.plugin-root .playback-button,.plugin-root .Submit-button,.plugin-root .pagination-button{forced-color-adjust:none;border:1px solid ButtonText;background:ButtonFace;color:ButtonText}.plugin-root .input-container,.plugin-root .flex-container{forced-color-adjust:none;border:1px solid CanvasText;background:Canvas;color:CanvasText}}.plugin-root *{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) #fff0}.plugin-root *::-webkit-scrollbar{width:8px;height:8px;background:#fff0}.plugin-root *::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:6px}.plugin-root *::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}@media print{.plugin-root .plugin-header,.plugin-root .button-wrapper,.plugin-root .greeting-card-lang-switcher,.plugin-root .input-container,.plugin-root .template-tabs,.plugin-root .pagination-controls,.plugin-root .recording-container,.plugin-root .playback-container{display:none}.plugin-root,.plugin-root #pluginUI,.plugin-root .flex-container,.plugin-root .right-panel,.plugin-root .preview-wrapper{display:block;width:100%;max-width:none;margin:0;padding:0;box-shadow:none;border:0;background:#fff0}.plugin-root .preview-wrapper{position:static;aspect-ratio:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}.plugin-root #cardPreview,.plugin-root #lottieContainer{position:static;width:100%;height:auto;aspect-ratio:auto}.plugin-root canvas,.plugin-root svg,.plugin-root img{max-width:100%;height:auto}@page{size:auto;margin:12mm}}.plugin-root .plugin-header.is-fixed{position:fixed;top:0;left:0;right:0}.plugin-root.has-fixed-header{padding-top:56px}.plugin-root,.plugin-root .flex-container,.plugin-root .canvas-container{background-color:var(--color-bg);color:var(--color-text)}.plugin-root .input-container{background-color:var(--color-bg-alt);color:var(--color-text);border-color:var(--color-border)}.plugin-root a{color:var(--color-primary);text-decoration-color:var(--color-primary)}.plugin-root a:hover,.plugin-root a:focus{color:var(--color-primary-dark);text-decoration-color:var(--color-primary-dark)}.plugin-root :is(input[type="text"],input[type="search"],input[type="email"],input[type="url"],input[type="tel"],input[type="number"],textarea,select){background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);box-shadow:none}.plugin-root input[type="range"]{background:var(--color-border)}.plugin-root input[type="range"]::-webkit-slider-thumb,.plugin-root input[type="range"]::-moz-range-thumb{background:var(--color-primary);border-color:var(--color-primary)}.plugin-root input[type="color"]{background:#fff0;border-color:var(--color-input-border)}#gcp-paywall-modal,#gcp-paywall-modal *{box-sizing:border-box}#gcp-paywall-modal input,#gcp-paywall-modal button{all:unset;box-sizing:border-box;font:inherit;line-height:1.2}#gcp-paywall-modal button{cursor:pointer}#gcp-paywall-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:clamp(12px, 2vw, 24px);background:rgb(0 0 0 / .45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;font-family:Arial,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",sans-serif;animation:gcp-modal-fade .18s ease-out}@keyframes gcp-modal-fade{from{opacity:0}to{opacity:1}}#gcp-paywall-modal .panel{width:min(560px, 96vw);max-height:min(92vh, 900px);display:flex;flex-direction:column;background:radial-gradient(130% 120% at 0% 0%,rgb(11 123 255 / .08) 0%,#fff0 55%),var(--color-bg-alt,#fff);color:var(--color-text,#111);border:1px solid var(--color-border,#dcdcdc);border-radius:16px;box-shadow:0 12px 36px rgb(0 0 0 / .20),0 2px 8px rgb(0 0 0 / .08);overflow:hidden;transform:translateY(6px) scale(.985);animation:gcp-panel-pop .18s ease-out forwards}@keyframes gcp-panel-pop{to{transform:translateY(0) scale(1)}}#gcp-paywall-modal .row{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-alt,#fff)}#gcp-paywall-modal .row h3{margin:0;font-size:18px;font-weight:800;letter-spacing:.2px;color:var(--color-heading,#298ddf)}#gcp-paywall-modal .row h3::after{content:"";display:inline-block;width:18px;height:18px;margin-left:8px;border-radius:4px;background:linear-gradient(180deg,#9bb9ff,#4b77ff);-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M17 8h-1V6a4 4 0 10-8 0v2H7a2 2 0 00-2 2v8a2 2 0 002 2h10a2 2 0 002-2v-8a2 2 0 00-2-2zm-3 0H10V6a2 2 0 114 0v2z'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M17 8h-1V6a4 4 0 10-8 0v2H7a2 2 0 00-2 2v8a2 2 0 002 2h10a2 2 0 002-2v-8a2 2 0 00-2-2zm-3 0H10V6a2 2 0 114 0v2z'/%3E%3C/svg%3E") center/16px 16px no-repeat}#gcp-paywall-modal #gcp-paywall-close{width:34px;height:34px;border-radius:8px;border:1px solid var(--color-border,#dcdcdc);background:#fff0;color:var(--color-text,#111);font-size:18px;display:grid;place-items:center;transition:background .15s ease,transform .06s ease,color .15s ease}#gcp-paywall-modal #gcp-paywall-close:hover{background:rgb(0 0 0 / .05)}#gcp-paywall-modal #gcp-paywall-close:active{transform:scale(.96)}#gcp-paywall-modal .panel-body{flex:1 1 auto;padding:16px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}#gcp-paywall-modal .panel:not(:has(.panel-body)){overflow:auto}#gcp-paywall-modal label{display:block;margin:6px 0 4px;font-size:12px;color:var(--color-text,#111);opacity:.8}#gcp-paywall-modal #gcp-paywall-email{display:block;width:100%;height:44px;padding:10px 12px;background:var(--color-input-bg,#fff);color:var(--color-input-text,#111);border:1px solid var(--color-input-border,#cfcfcf);border-radius:12px;outline:none;margin:0;float:none;position:static;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}#gcp-paywall-modal #gcp-paywall-email::placeholder{color:#9aa3af}#gcp-paywall-modal #gcp-paywall-email:focus{border-color:var(--color-primary,#0b7bff);box-shadow:0 0 0 4px rgb(11 123 255 / .15)}#gcp-stripe-payment-element{position:relative;width:100%;min-height:80px;padding:18px 16px;border-radius:14px;border:1px solid var(--color-border,#dcdcdc);background:linear-gradient(135deg,rgb(51 88 255 / .10),#fff0 60%),linear-gradient(180deg,#fdfefe,#f7f9ff);overflow:hidden;margin-top:10px;margin-bottom:10px;touch-action:auto}#gcp-stripe-payment-element::before{content:"";position:absolute;top:14px;left:16px;width:34px;height:24px;border-radius:4px;background:linear-gradient(180deg,#d8c27a,#b79d4b);opacity:.75;pointer-events:none}#gcp-stripe-payment-element::after{content:"";position:absolute;right:-20px;top:-40px;width:180px;height:140px;transform:rotate(18deg);background:radial-gradient(closest-side,rgb(11 123 255 / .08),transparent 70%);pointer-events:none}#gcp-stripe-payment-element>*{position:relative;z-index:1}#gcp-paywall-modal .actions,#gcp-paywall-modal .panel>div:last-child{flex:0 0 auto;display:flex;gap:10px;justify-content:flex-end;align-items:center;padding:14px 18px;border-top:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-alt,#fff)}#gcp-paywall-modal .btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:10px;border:1px solid #fff0;font-weight:700;letter-spacing:.2px;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .06s ease,border-color .15s ease}#gcp-paywall-modal .btn:active{transform:translateY(1px)}#gcp-paywall-modal .btn-ghost{background:var(--color-bg,#f6f7fb);color:var(--color-text,#111);border-color:var(--color-border,#dcdcdc)}#gcp-paywall-modal .btn-ghost:hover{background:#fff}#gcp-paywall-modal .btn-dark{background:var(--color-primary,#0b7bff);color:#fff;border-color:#fff0;box-shadow:0 8px 16px rgb(11 123 255 / .22),inset 0 -2px 0 rgb(0 0 0 / .08)}#gcp-paywall-modal .btn-dark:hover{background:var(--color-primary-dark,#0056b3)}#gcp-paywall-modal .btn-dark:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}html.gcp-modal-open,body.gcp-modal-open{overflow:hidden}.plugin-root.dark-mode~#gcp-paywall-modal .row,.plugin-root.dark-mode~#gcp-paywall-modal .actions{background:var(--color-bg-alt,#031a2d);border-color:var(--color-border,#223348)}.plugin-root.dark-mode~#gcp-paywall-modal .panel{background:radial-gradient(130% 120% at 0% 0%,rgb(64 140 255 / .10) 0%,#fff0 55%),var(--color-bg-alt,#031a2d);color:var(--color-text,#e0e0e0);border-color:var(--color-border,#444);box-shadow:0 6px 18px rgb(0 0 0 / .35)}.plugin-root.dark-mode~#gcp-paywall-modal #gcp-paywall-email{background:var(--color-input-bg,#02263f);color:var(--color-input-text,#e0e0e0);border-color:var(--color-input-border,#444)}.plugin-root.dark-mode~#gcp-paywall-modal .btn-ghost{background:var(--color-input-bg,#02263f);color:var(--color-text,#e0e0e0);border-color:var(--color-input-border,#444)}@media (max-width:380px){#gcp-paywall-modal .panel{width:100%;border-radius:12px}#gcp-paywall-modal .panel-body{padding:12px}#gcp-paywall-modal #gcp-paywall-email{height:42px}}@media (pointer:coarse){#gcp-paywall-modal .panel{transform:none!important;animation:none!important}#gcp-paywall-modal .panel-body{-webkit-overflow-scrolling:auto!important;overflow-y:visible!important}#gcp-paywall-modal .panel{overflow:auto!important}}@media (pointer:fine){#gcp-paywall-modal .panel{transform:translateY(6px) scale(.985);animation:gcp-panel-pop .18s ease-out forwards}}.plugin-root{--color-accent-buy:rgb(139, 92, 246);--color-accent-redeem:rgb(34, 197, 94);--color-accent-buy-dark:rgb(167, 139, 250);--color-accent-redeem-dark:rgb(74, 222, 128)}.pricing-strip{width:100%;box-sizing:border-box;margin:8px auto 10px;padding:8px 10px;background:linear-gradient(180deg,rgb(0 98 204 / .96),rgb(0 84 176 / .96));border-radius:12px;box-shadow:0 8px 24px rgb(0 0 0 / .12);display:block;overflow:visible}.pricing-strip-inner{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box;min-width:0}.pricing-strip-inner>*{flex:0 0 auto;min-width:0}.pricing-strip .pricing-pill{display:inline-flex;align-items:center;position:relative;cursor:pointer}.pricing-strip .pricing-pill input[type="radio"]{position:absolute;opacity:0;pointer-events:none}.pricing-strip .pricing-pill .pill-body{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid rgb(0 0 0 / .06);border-radius:999px;background:#fff;box-shadow:0 2px 6px rgb(0 0 0 / .06);font-size:13px;line-height:1;font-weight:600;color:#0b1f36;user-select:none;white-space:nowrap;transition:transform 120ms ease,box-shadow 120ms ease,border-color 120ms ease,background 120ms ease}.pricing-strip .pill-body .label{font-weight:700}.pricing-strip .pill-body .price{font-weight:800}.pricing-strip .pill-body .sub{opacity:.75;font-weight:600}.pricing-strip .pricing-pill:hover .pill-body,.pricing-strip .pricing-pill:has(input[type="radio"]:focus-visible) .pill-body{transform:translateY(-1px);box-shadow:0 8px 16px rgb(0 0 0 / .12);border-color:rgb(0 98 204 / .35);outline:none}.pricing-strip .pricing-pill input[type="radio"]:checked+.pill-body{border-color:rgb(0 98 204 / .75);box-shadow:0 10px 20px rgb(0 98 204 / .18)}.pricing-strip .pricing-pill .check{display:none;width:16px;height:16px;border-radius:999px;border:2px solid rgb(0 204 44 / .9);background:#fff;position:relative}.pricing-strip .pricing-pill input[type="radio"]:checked+.pill-body .check{display:inline-block}.pricing-strip .pricing-pill .check::after{content:"";position:absolute;top:2px;left:4px;width:4px;height:8px;border:solid #1aff4c;border-width:0 2px 2px 0;transform:rotate(45deg)}#pricingStrip #gcpVoucherBadge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-top:0;border-radius:999px;background:rgb(255 255 255 / .95);color:#0b1f36;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 8px rgb(0 0 0 / .08);flex:0 0 auto;white-space:nowrap;max-width:100%}.plugin-root #redeemButton{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-width:110px;font:inherit;font-weight:600;white-space:nowrap;border:1px solid rgb(0 0 0 / .05);border-radius:var(--radius-main,12px);background:#22c55e;color:#fff;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .05s ease;box-shadow:var(--btn-shadow,0 2px 10px rgb(0 0 0 / .06))}.plugin-root #redeemButton:hover,.plugin-root #redeemButton:focus-visible{background:#16a34a}.plugin-root #redeemButton:active{transform:translateY(1px)}.plugin-root #redeemButton:focus-visible{outline:2px solid rgb(25 118 210 / .35);outline-offset:2px}.plugin-root #redeemButton[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}#pricingStrip #useVoucherButton,#pricingStrip #buyVoucherButton{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;padding:8px 12px;min-height:34px;line-height:1.15;border-radius:999px;border:1px solid rgb(0 0 0 / .06);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:.2px;box-shadow:0 2px 6px rgb(0 0 0 / .06);cursor:pointer}#pricingStrip #useVoucherButton{background:#22c55e;color:#fff;border-color:rgb(0 0 0 / .05)}#pricingStrip #useVoucherButton:hover,#pricingStrip #useVoucherButton:focus-visible{background:#16a34a}#pricingStrip #buyVoucherButton{background:#fff;color:var(--color-text,#0b1f36);border-color:rgb(0 0 0 / .08)}#pricingStrip #buyVoucherButton:hover,#pricingStrip #buyVoucherButton:focus-visible{background:#f7fafc;border-color:rgb(0 98 204 / .35)}#pricingStrip #useVoucherButton:focus-visible,#pricingStrip #buyVoucherButton:focus-visible{outline:2px solid rgb(25 118 210 / .35);outline-offset:2px}.plugin-root.dark-mode~.pricing-strip #gcpVoucherBadge,body.dark-mode .pricing-strip #gcpVoucherBadge{background:rgb(3 26 45 / .9);color:#e0e0e0}.plugin-root.dark-mode~.pricing-strip,.pricing-strip.dark{background:linear-gradient(180deg,rgb(32 64 128 / .9),rgb(16 40 96 / .9))}body[data-page-mode="pay_create"] .pricing-strip{background:linear-gradient(180deg,rgb(0 98 204 / .96),rgb(0 84 176 / .96))}body[data-page-mode="buy_voucher"] .pricing-strip{background:linear-gradient(180deg,color-mix(in oklab,var(--color-accent-buy) 60%,#000 0%),color-mix(in oklab,var(--color-accent-buy) 48%,#000 0%))}body[data-page-mode="redeem_voucher"] .pricing-strip{background:linear-gradient(180deg,color-mix(in oklab,var(--color-accent-redeem) 60%,#000 0%),color-mix(in oklab,var(--color-accent-redeem) 48%,#000 0%))}@media (max-width:575.98px){.pricing-strip{padding:6px 8px}.pricing-strip-inner{max-width:100%;gap:6px}.pricing-strip .pill-body{padding:7px 10px;font-size:12px}#pricingStrip #useVoucherButton,#pricingStrip #buyVoucherButton{padding:7px 10px;min-height:32px;font-size:12px;font-weight:600;flex:0 0 auto}.plugin-root #startRecordingButton,.plugin-root #redeemButton{padding:10px 14px;min-width:120px;font-size:14px;border-radius:10px}}.pricing-strip{display:none}body.builder-active .pricing-strip{display:block}@media (orientation:portrait){.plugin-root #pluginUI .right-panel{order:-1;width:100%}.plugin-root #pluginUI .left-panel{order:2;width:100%}.plugin-root #pluginUI .right-panel .canvas-container{position:sticky;top:0;z-index:3;height:50vh;min-height:50vh;max-height:50vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-bg)}@supports (height:1dvh){.plugin-root #pluginUI .right-panel .canvas-container{height:50dvh;min-height:50dvh;max-height:50dvh}}.plugin-root #pluginUI .preview-wrapper{position:relative;height:100%;width:auto;max-width:100%;aspect-ratio:9 / 16;margin:0 auto;border:0;border-radius:6px;box-shadow:0 4px 14px rgb(0 0 0 / .08)}.plugin-root #pluginUI .preview-wrapper>#cardPreview,.plugin-root #pluginUI .preview-wrapper>#lottieContainer{position:absolute;inset:0;width:100%;height:100%}.plugin-root #pluginUI .left-panel .input-container{max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(env(safe-area-inset-bottom), 14px)}@supports (height:1dvh){.plugin-root #pluginUI .left-panel .input-container{max-height:50dvh}}.plugin-root #pluginUI .playback-container,.plugin-root #pluginUI .recording-container{display:block}.plugin-root #pluginUI .recording-container .record-button-container{position:sticky;bottom:0;z-index:4;background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:10px 8px}.plugin-root,.plugin-root #pluginUI,.plugin-root #pluginUI .flex-container{overflow:visible}}.plugin-root .input-container :is(input,textarea,select){font-size:16px}@media (pointer:coarse) and (hover:none){.plugin-root .input-container :is(input,textarea,select){font-size:16px}}.plugin-root #pluginUI .left-panel .input-container{overscroll-behavior-y:contain;scroll-padding-bottom:max(env(safe-area-inset-bottom), 70px)}.plugin-root #pluginUI .right-panel .canvas-container{z-index:5}.plugin-root #pluginUI .preview-wrapper{position:relative;z-index:6}