.size-input[data-v-647e43d5]{background:#fff;font-weight:500;padding:0 6px!important}.size-input[data-v-647e43d5] input{font-weight:500}.open-params__header[data-v-b7fe239f]{cursor:pointer;justify-content:space-between;align-items:center;height:40px;padding:0 6px;display:flex}.open-params__title[data-v-b7fe239f]{font-weight:var(--fw-normal);font-size:var(--fs-base);color:var(--one-level-text-color)}.open-params__arrow[data-v-b7fe239f]{color:var(--two-level-text-color);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-size:24px;transition:transform .3s;display:flex}.open-params__arrow.is-open[data-v-b7fe239f]{transform:rotate(180deg)}.open-params__arrow[data-v-b7fe239f]:hover{background-color:var(--neutral-gray-2)}.open-params__arrow[data-v-b7fe239f]:active{background-color:var(--primary-background3)}.open-params__content[data-v-b7fe239f]{padding-bottom:12px;display:grid}.open-params__content.count-1[data-v-b7fe239f]{grid-template-columns:1fr}.open-params__content.count-1 .param-item[data-v-b7fe239f]{width:100%}.open-params__content.count-2[data-v-b7fe239f]{grid-template-columns:repeat(2,1fr)}.open-params__content.count-2 .param-item[data-v-b7fe239f]{width:100%}.open-params__content.count-3[data-v-b7fe239f]{grid-template-columns:repeat(3,1fr)}.param-item[data-v-b7fe239f]{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex-direction:column;gap:8px;width:96px;padding:6px;display:flex;overflow:hidden}.param-item[data-v-b7fe239f]:focus-within{background-color:var(--secondary-background-active)}.param-item[data-v-b7fe239f] .size-input:not(input){background:var(--primary-background-light);transition:none}.param-item[data-v-b7fe239f] .size-input:not(input):hover,.param-item[data-v-b7fe239f] .size-input:not(input):focus,.param-item[data-v-b7fe239f] .size-input:not(input):focus-within{border:1px solid var(--stroke-active)}.param-item[data-v-b7fe239f] .size-input:not(input) input{color:var(--one-level-text-color);font-weight:var(--fw-normal);font-size:var(--fs-base);background:0 0}.param-item__label[data-v-b7fe239f]{width:calc(100% - 2px);max-width:max-content;font-weight:var(--fw-normal);font-size:var(--fs-xsm);color:var(--two-level-text-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.popup-wrapper.custom-size .open-params__content.count-3{grid-template-columns:repeat(2,1fr)}.loading[data-v-4984632f]{display:inline-block;border:2px solid #fff!important;border-top-color:#0000!important}.btn-block[data-v-4984632f]{justify-content:center;align-items:center;width:100%;margin-top:16px;transition:unset;display:flex}.more-settings[data-v-4984632f]{background:var(--primary-background);border-radius:8px;margin-top:16px;padding:0 8px}.size-box .warn-message[data-v-4984632f]{background:var(--stroke-default-light)}.size-box .warn-message .p-icon-warning2[data-v-4984632f],.size-box .warn-message .warn-text[data-v-4984632f]{color:var(--two-level-text-color)}.size-box .size-box-title .size-title-container[data-v-4984632f]{color:var(--one-level-text-color)}.size-box .size-box-title .unit-switch[data-v-4984632f]{background:var(--primary-background-hover)}.size-box .size-box-title .unit-switch .unit-switch-item[data-v-4984632f]{color:var(--one-level-text-color);border:1px solid var(--stroke-divider)}.size-box .size-box-title .unit-switch .unit-switch-item.active[data-v-4984632f]{color:var(--text-icon-color);background:var(--secondary-background-active)}.size-box .size-box-title .unit-switch .unit-switch-item.active[data-v-4984632f]:first-child{border:1px solid var(--stroke-active);border-right:1px solid var(--stroke-active)}.size-box .size-box-title .unit-switch .unit-switch-item.active[data-v-4984632f]:last-child{border:1px solid var(--stroke-active);border-left:1px solid var(--stroke-active)}.size-box .size-inputs .size-item .size-item-title[data-v-4984632f]{color:var(--two-level-text-color)}.size-box .size-inputs .size-item.active[data-v-4984632f]{background:var(--secondary-background-active)}.size-box .size-inputs .size-item.active[data-v-4984632f] .size-input{background:var(--primary-background-light)}.size-box .size-inputs .size-item[data-v-4984632f] .size-input:not(input){background:var(--primary-background-light);transition:none}.size-box .size-inputs .size-item[data-v-4984632f] .size-input:not(input):hover,.size-box .size-inputs .size-item[data-v-4984632f] .size-input:not(input):focus,.size-box .size-inputs .size-item[data-v-4984632f] .size-input:not(input):focus-within{border:1px solid var(--stroke-active)}.size-box .size-inputs .size-item[data-v-4984632f] .size-input:not(input) input{color:var(--one-level-text-color);font-weight:var(--fw-normal);font-size:var(--fs-base);background:0 0}.size-box[data-v-4984632f]{border-radius:16px}.size-box .warn-message[data-v-4984632f]{border-radius:8px;align-items:flex-start;margin-top:12px;padding:10px;line-height:16px;display:flex}.size-box .warn-message i[data-v-4984632f]{font-size:20px}.size-box .warn-message .warn-text[data-v-4984632f]{margin-left:10px;font-size:12px;font-weight:400}.size-box .size-box-title[data-v-4984632f]{font-family:var(--pac-font-family), sans-serif;font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-1_6);letter-spacing:var(--pac-font-letter-spacing);flex-wrap:wrap;align-items:center;margin-bottom:12px;display:flex}.size-box .size-box-title .size-title-container[data-v-4984632f]{flex:1}.size-box .size-box-title .size-title-container div[data-v-4984632f]{white-space:nowrap}.size-box .size-box-title .seize[data-v-4984632f]{flex:1}.size-box .size-box-title .unit-switch[data-v-4984632f]{border-radius:8px;align-items:center;width:76px;height:16px;display:flex}.size-box .size-box-title .unit-switch .unit-switch-item[data-v-4984632f]{cursor:pointer;text-align:center;flex:1;width:0;font-size:12px;line-height:16px}.size-box .size-box-title .unit-switch .unit-switch-item[data-v-4984632f]:first-child{border-right:none;border-radius:8px 0 0 8px}.size-box .size-box-title .unit-switch .unit-switch-item[data-v-4984632f]:last-child{border-radius:0 8px 8px 0}.size-box [data-v-4984632f]:focus-visible{outline:initial;outline-offset:initial;box-shadow:initial}.size-box .size-inputs[data-v-4984632f]{display:flex}.size-box .size-inputs .size-item[data-v-4984632f]{border-radius:8px;flex:1;width:0;padding:4px;display:inline-block;position:relative}.size-box .size-inputs .size-item .size-item-title[data-v-4984632f]{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:12px;overflow:hidden}.title[data-v-b332aa94]{font-family:var(--pac-font-family), sans-serif;font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-1_6);letter-spacing:var(--pac-font-letter-spacing);color:var(--one-level-text-color);margin-bottom:10px}.size-list[data-v-b332aa94]{position:relative}.size-list .size-list-item .size-capacity[data-v-b332aa94]{color:#7f7f7f}.size-list .size-list-item:hover .size-list-item-wrapper[data-v-b332aa94]{border-radius:13px}.size-list .size-list-item[data-v-b332aa94]:hover:after{opacity:1}.size-list .size-list-item.active .size-list-item-wrapper[data-v-b332aa94]{border-radius:14px}.size-list .size-list-item.active[data-v-b332aa94]:after{opacity:1;box-shadow:inset 0 0 0 2px var(--primary-background-light-pure)}.size-list__loading[data-v-b332aa94]{cursor:not-allowed;z-index:1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.size-list[data-v-b332aa94]{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:2px;display:grid}.size-list .size-list-item-container[data-v-b332aa94]{width:100%;height:0;padding-bottom:100%;position:relative}.size-list .size-list-item[data-v-b332aa94]{cursor:pointer;box-sizing:border-box;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.size-list .size-list-item[data-v-b332aa94]:after{content:"";border:2px solid var(--stroke-active-pure);pointer-events:none;z-index:1;opacity:0;border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0}.size-list .size-list-item-wrapper[data-v-b332aa94]{border-radius:12px;width:100%;height:100%;overflow:hidden}.size-list .size-list-item .loading[data-v-b332aa94]{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.size-list .size-list-item .size-capacity[data-v-b332aa94]{font-family:var(--pac-font-family), sans-serif;font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-1_6);letter-spacing:var(--pac-font-letter-spacing);position:absolute;bottom:4px;left:10px}.mockup-background-panel[data-v-1f9cc4ea]{--mockup-background-swatch-size:34.2857px;--mockup-background-custom-color-size:34.2857px;--mockup-background-swatch-selected-inner-size:28.2857px;--mockup-background-selection-stroke:var(--Color-Neutral-neutral-10);--Shadow-shadow-3:#0003;background:var(--Color-Neutral-white,var(--primary-background-light));width:320px;height:auto;max-height:calc(100vh - 104px);box-shadow:0 0 20px var(--Shadow-shadow-3);box-sizing:border-box;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:16px;font-family:Poppins,sans-serif;display:flex;overflow:hidden}.mockup-background-panel__scroll-content[data-v-1f9cc4ea]{box-sizing:border-box;flex-direction:column;flex:auto;gap:16px;width:288px;min-height:0;max-height:calc(100vh - 136px);display:flex;overflow:hidden}.mockup-background-panel__groups-wrap[data-v-1f9cc4ea]{box-sizing:border-box;flex:auto;width:288px;min-height:0;margin-top:8px;position:relative;overflow:hidden}.mockup-background-panel__groups-wrap[data-v-1f9cc4ea]:before,.mockup-background-panel__groups-wrap[data-v-1f9cc4ea]:after{content:"";z-index:2;opacity:0;pointer-events:none;width:100%;height:16px;transition:opacity .2s ease-in-out;position:absolute;left:0}.mockup-background-panel__groups-wrap[data-v-1f9cc4ea]:before{background:linear-gradient(0deg, var(--gradient-mask-start-color), var(--Color-Neutral-white));top:0}.mockup-background-panel__groups-wrap[data-v-1f9cc4ea]:after{background:linear-gradient(180deg, var(--gradient-mask-start-color), var(--Color-Neutral-white));bottom:0}.mockup-background-panel__groups-wrap--top-mask[data-v-1f9cc4ea]:before,.mockup-background-panel__groups-wrap--bottom-mask[data-v-1f9cc4ea]:after{opacity:1}.mockup-background-panel__groups[data-v-1f9cc4ea]{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;flex-direction:column;flex:auto;gap:24px;width:288px;height:100%;min-height:0;display:flex;overflow:hidden auto}.mockup-background-panel__groups[data-v-1f9cc4ea]::-webkit-scrollbar{width:0;height:0;display:none}.mockup-background-panel__section[data-v-1f9cc4ea]{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:8px;width:288px;display:flex}.mockup-background-panel__section--title[data-v-1f9cc4ea]{z-index:3;position:relative}.mockup-background-panel h3[data-v-1f9cc4ea]{font-size:var(--fs-14);font-weight:var(--fw-400);line-height:var(--lh-1_2);color:var(--one-level-text-color);word-break:break-word;margin:0}.mockup-background-panel__ai-divider[data-v-1f9cc4ea]{border-top:1px solid var(--Color-Neutral-neutral-3);box-sizing:border-box;background:0 0;flex-shrink:0;width:288px;height:0;margin:0}.mockup-background-panel__quick-row[data-v-1f9cc4ea]{width:288px;height:var(--mockup-background-custom-color-size);flex-wrap:wrap;align-content:flex-start;align-items:center;gap:8px;display:flex}.mockup-background-panel__quick-row[data-v-1f9cc4ea] .p-popover__trigger{width:var(--mockup-background-custom-color-size);height:var(--mockup-background-custom-color-size);flex:0 0 var(--mockup-background-custom-color-size);aspect-ratio:1;justify-content:center;align-items:center;line-height:0;display:inline-flex}.mockup-background-panel__color-trigger[data-v-1f9cc4ea]{width:var(--mockup-background-custom-color-size);height:var(--mockup-background-custom-color-size);min-width:var(--mockup-background-custom-color-size);min-height:var(--mockup-background-custom-color-size);flex:0 0 var(--mockup-background-custom-color-size);aspect-ratio:1;vertical-align:top;box-sizing:border-box;justify-content:center;align-items:center;line-height:0;display:inline-flex}.mockup-background-panel__swatches[data-v-1f9cc4ea]{grid-template-columns:repeat(7, var(--mockup-background-swatch-size));grid-auto-rows:var(--mockup-background-swatch-size);box-sizing:border-box;justify-content:space-between;gap:8px 0;width:288px;display:grid}.mockup-background-panel__swatches--extra[data-v-1f9cc4ea]{margin-top:8px}.mockup-background-panel__section-header[data-v-1f9cc4ea]{align-items:center;gap:8px;width:100%;min-height:17px;display:flex}.mockup-background-panel__section-header span[data-v-1f9cc4ea]{min-width:0;color:var(--Text-Neutral-primary,var(--one-level-text-color));font-size:var(--fs-14);font-weight:var(--fw-400);line-height:var(--lh-1_2);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.mockup-background-panel__section-header button[data-v-1f9cc4ea]{color:var(--Text-Neutral-tertiary,var(--three-level-text-color));font-size:var(--fs-12);font-weight:var(--fw-400);line-height:var(--lh-1_2);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:none;padding:0;font-family:inherit}.mockup-background-panel__section-header button[data-v-1f9cc4ea]:hover{color:var(--Text-Neutral-primary,var(--one-level-text-color))}.mockup-background-panel__custom-color[data-v-1f9cc4ea],.mockup-background-panel__transparent[data-v-1f9cc4ea]{width:var(--mockup-background-swatch-size);height:var(--mockup-background-swatch-size);min-width:var(--mockup-background-swatch-size);min-height:var(--mockup-background-swatch-size);cursor:pointer;appearance:none;flex:0 0 var(--mockup-background-swatch-size);aspect-ratio:1;box-sizing:border-box;vertical-align:top;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex;position:relative}.mockup-background-panel__custom-color[data-v-1f9cc4ea]{width:var(--mockup-background-custom-color-size);height:var(--mockup-background-custom-color-size);min-width:var(--mockup-background-custom-color-size);min-height:var(--mockup-background-custom-color-size);flex:0 0 var(--mockup-background-custom-color-size);box-shadow:none;background:0 0;border:none;border-radius:99px;padding:0;overflow:visible}.mockup-background-panel__custom-color[data-v-1f9cc4ea]:before{content:"";background:linear-gradient(var(--Color-Neutral-white), var(--Color-Neutral-white)) padding-box, conic-gradient(from 90deg at 50% 50%, #39e431 0deg, #35f9f8 45deg, #3248ff 90deg, #9d2cff 135deg, #ff29c5 180deg, #fe2426 225deg, #ffc13d 270deg, #97e62d 315deg, #39e431 360deg) border-box;pointer-events:none;box-sizing:border-box;border:6px solid #0000;border-radius:99px;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-panel__custom-color[data-v-1f9cc4ea]:after{content:"";z-index:2;border:1px solid var(--mockup-background-selection-stroke);opacity:0;pointer-events:none;box-sizing:border-box;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-panel__custom-color[data-v-1f9cc4ea]:hover:after,.mockup-background-panel__custom-color.active[data-v-1f9cc4ea]:after{opacity:1}.mockup-background-panel__custom-color.active[data-v-1f9cc4ea]{box-shadow:none}.mockup-background-panel__custom-color.active[data-v-1f9cc4ea]:after{border-width:1.5px}.mockup-background-panel__custom-color.active[data-v-1f9cc4ea]:before{top:3px;bottom:3px;left:3px;right:3px}.mockup-background-panel__custom-color-inner[data-v-1f9cc4ea]{z-index:1;background:0 0;border-radius:0;justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:relative}.mockup-background-panel__custom-color-inner[data-v-1f9cc4ea]:before{display:none}.mockup-background-panel__custom-color-inner i[data-v-1f9cc4ea]{z-index:1;width:10px;height:10px;color:var(--Color-Neutral-neutral-10);justify-content:center;align-items:center;display:inline-flex;position:relative;font-size:10px!important;line-height:10px!important}.mockup-background-panel__custom-color-inner i[data-v-1f9cc4ea]:before{color:currentColor;line-height:1;display:block}.mockup-background-panel__custom-color-icon[data-v-1f9cc4ea]{color:var(--Color-Neutral-neutral-10);flex-shrink:0}.mockup-background-panel__image-moved-tip[data-v-1f9cc4ea]{z-index:12;background:color-mix(in srgb, var(--Color-Neutral-neutral-10) 80%, transparent);width:100%;min-height:37px;box-shadow:0 0 10px var(--Shadow-shadow-2);color:var(--Text-whiteStatic);backdrop-filter:blur(2px);box-sizing:border-box;pointer-events:auto;border:none;border-radius:8px;align-items:flex-start;gap:6px;padding:8px 28px 8px 10px;display:flex;position:absolute;top:63.2857px;left:0}.mockup-background-panel__image-moved-tip-gesture[data-v-1f9cc4ea]{width:18px;height:21px;color:var(--Text-whiteStatic);font-family:Poppins,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:var(--fs-18);font-weight:var(--fw-500);white-space:nowrap;flex:0 0 18px;line-height:21px;animation:1.2s ease-in-out infinite mockup-background-image-moved-gesture-1f9cc4ea;display:block}.mockup-background-panel__image-moved-tip-text[data-v-1f9cc4ea]{min-width:0;color:color-mix(in srgb, var(--Text-whiteStatic) 80%, transparent);font-family:Poppins,sans-serif;font-size:var(--fs-14);font-weight:var(--fw-400);line-height:var(--lh-1_5);letter-spacing:-.252px;text-overflow:clip;white-space:normal;word-break:break-word;flex:auto;display:block;overflow:visible}.mockup-background-panel__image-moved-tip-close[data-v-1f9cc4ea]{cursor:pointer;background:0 0;border:none;border-radius:4px;flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;margin:0;padding:0;display:inline-flex;position:absolute;top:10px;right:8px}.mockup-background-panel__image-moved-tip-close[data-v-1f9cc4ea]:hover{opacity:1}.mockup-background-panel__image-moved-tip-close-icon[data-v-1f9cc4ea]{width:16px;height:16px;display:block}.mockup-background-panel__transparent-inner[data-v-1f9cc4ea],.mockup-background-panel__current-default[data-v-1f9cc4ea],.mockup-background-panel__swatch span[data-v-1f9cc4ea]{aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.mockup-background-panel__transparent-inner[data-v-1f9cc4ea]{border:1px solid var(--Color-Neutral-neutral-3);background-position:50%;background-size:cover;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-panel__transparent[data-v-1f9cc4ea]:after{content:"";border:1px solid var(--mockup-background-selection-stroke);opacity:0;pointer-events:none;z-index:2;border-radius:50%;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-panel__transparent[data-v-1f9cc4ea]:hover:after,.mockup-background-panel__transparent.active[data-v-1f9cc4ea]:after{opacity:1}.mockup-background-panel__transparent.active[data-v-1f9cc4ea]:after{border-width:1.5px}.mockup-background-panel__transparent.active .mockup-background-panel__transparent-inner[data-v-1f9cc4ea]{border:none;width:auto;height:auto;top:3px;bottom:3px;left:3px;right:3px}.mockup-background-panel__current-color[data-v-1f9cc4ea]{width:var(--mockup-background-swatch-size);height:var(--mockup-background-swatch-size);min-width:var(--mockup-background-swatch-size);min-height:var(--mockup-background-swatch-size);box-shadow:none;box-sizing:border-box;cursor:pointer;appearance:none;flex:0 0 var(--mockup-background-swatch-size);aspect-ratio:1;vertical-align:top;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex;position:relative}.mockup-background-panel__current-color[data-v-1f9cc4ea]:after{content:"";border:1px solid var(--Color-Neutral-neutral-3);opacity:1;pointer-events:none;box-sizing:border-box;z-index:1;border-radius:50%;transition:border-color .15s,border-width .15s;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-panel__current-color[data-v-1f9cc4ea]:hover:after,.mockup-background-panel__current-color.active[data-v-1f9cc4ea]:after{border-color:var(--mockup-background-selection-stroke)}.mockup-background-panel__current-color.active[data-v-1f9cc4ea]:after{border-width:1.5px}.mockup-background-panel__current-color span[data-v-1f9cc4ea]{aspect-ratio:1;box-sizing:border-box;border-radius:50%;width:100%;height:100%;overflow:hidden;background-position:50%!important;background-size:cover!important}.mockup-background-panel__current-color.active span[data-v-1f9cc4ea]{width:var(--mockup-background-swatch-selected-inner-size);height:var(--mockup-background-swatch-selected-inner-size);box-shadow:none}.mockup-background-panel__swatch span[data-v-1f9cc4ea]{border:none;display:block}.mockup-background-panel__swatch[data-v-1f9cc4ea]{width:var(--mockup-background-swatch-size);height:var(--mockup-background-swatch-size);min-width:var(--mockup-background-swatch-size);min-height:var(--mockup-background-swatch-size);cursor:pointer;appearance:none;flex:0 0 var(--mockup-background-swatch-size);aspect-ratio:1;box-sizing:border-box;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex;position:relative;overflow:visible}.mockup-background-panel__swatch[data-v-1f9cc4ea]:after{content:"";border:1px solid var(--Color-Neutral-neutral-3);opacity:1;pointer-events:none;box-sizing:border-box;border-radius:50%;transition:border-color .15s,border-width .15s;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-panel__swatch[data-v-1f9cc4ea]:hover:after,.mockup-background-panel__swatch.active[data-v-1f9cc4ea]:after{border-color:var(--mockup-background-selection-stroke)}.mockup-background-panel__swatch.active[data-v-1f9cc4ea]:after{border-width:1.5px}.mockup-background-panel__swatch.active span[data-v-1f9cc4ea]{width:var(--mockup-background-swatch-selected-inner-size);height:var(--mockup-background-swatch-selected-inner-size);box-shadow:none;border:none}.mockup-background-panel__ai-card[data-v-1f9cc4ea]{background-image:linear-gradient(0deg, #232eff3d, #232eff3d), var(--mockup-background-ai-card-bg);width:288px;min-height:103px;color:var(--Text-whiteStatic);cursor:pointer;text-align:left;box-sizing:border-box;background-position:50%;background-size:cover;border:none;border-radius:10px;flex-direction:column;flex-shrink:0;gap:12px;margin:0;padding:16px;display:flex;position:relative;overflow:hidden}.mockup-background-panel__ai-card[data-v-1f9cc4ea]:hover{filter:brightness(1.02)}.mockup-background-panel__ai-title[data-v-1f9cc4ea]{width:100%;font-size:var(--fs-16);font-weight:var(--fw-500);justify-content:space-between;align-items:center;gap:10px;line-height:1.3;display:flex}.mockup-background-panel__ai-title[data-v-1f9cc4ea] .pac-feature-badge{white-space:nowrap;min-width:0}.mockup-background-panel__ai-heading[data-v-1f9cc4ea]{align-items:center;gap:6px;min-width:0;display:inline-flex}.mockup-background-panel__ai-symbol[data-v-1f9cc4ea]{width:20px;height:20px;color:var(--Text-whiteStatic);flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex;font-size:20px!important;line-height:20px!important}.mockup-background-panel__ai-symbol[data-v-1f9cc4ea]:before{color:currentColor;line-height:1;display:block}.mockup-background-panel__ai-arrow[data-v-1f9cc4ea]{width:20px;height:20px;color:var(--Text-whiteStatic);flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex;overflow:visible;font-size:20px!important;line-height:20px!important}.mockup-background-panel__ai-arrow[data-v-1f9cc4ea]:before{color:currentColor;line-height:1;display:block}.mockup-background-panel__ai-desc[data-v-1f9cc4ea]{width:100%;color:color-mix(in srgb, var(--Text-whiteStatic) 90%, transparent);font-size:var(--fs-12);font-weight:var(--fw-400);line-height:1.6;display:block}.mockup-background-image-moved-tip-enter-active[data-v-1f9cc4ea],.mockup-background-image-moved-tip-leave-active[data-v-1f9cc4ea]{transition:opacity .15s,transform .15s}.mockup-background-image-moved-tip-enter-from[data-v-1f9cc4ea],.mockup-background-image-moved-tip-leave-to[data-v-1f9cc4ea]{opacity:0;transform:translateY(-4px)}@keyframes mockup-background-image-moved-gesture-1f9cc4ea{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mockup-background-color-popover{--primary-background-light:#fff;--primary-background-light-pure:#fff;--one-level-text-color:#191919;--Text-Neutral-primary:#191919;--Color-Neutral-white:#fff;--Color-Neutral-neutral-1:#f7f7f7;--Color-Neutral-neutral-2:#eee;--Color-Neutral-neutral-3:#e6e6e6;--Color-Neutral-neutral-4:#d9d9d9;--Color-Neutral-neutral-5:#bfbfbf;--Color-Neutral-neutral-6:#999;--Color-Neutral-neutral-8:#666;--Color-Neutral-neutral-10:#191919;--Color-Neutral-black:#191919;--Text-Neutral-white:#fff;--mockup-background-selection-stroke:var(--Color-Neutral-neutral-10);--stroke-divider:var(--Color-Neutral-neutral-3);--Shadow-shadow-2:#0000001a;--Shadow-shadow-3:#0003;width:280px}.mockup-background-color-popover.p-popover-bottomRight{padding-top:4px}.mockup-background-color-popover .p-popover__content .p-popover__inner{background:var(--Color-Neutral-white);width:280px;box-shadow:0 0 20px var(--Shadow-shadow-3);box-sizing:border-box;border-radius:12px;padding:16px;overflow:hidden}.mockup-background-color-popover--solid{width:240px}.mockup-background-color-popover--solid .p-popover__content .p-popover__inner{width:240px;height:360px}.mockup-background-color-popover--image{width:240px}.mockup-background-color-popover--image .p-popover__content .p-popover__inner{width:240px;height:328px}.mockup-background-color-popover--gradient{width:240px}.mockup-background-color-popover--gradient .p-popover__content .p-popover__inner{width:240px;height:522px}.mockup-background-palette-enter-active,.mockup-background-palette-leave-active{transition:max-height .2s ease-in-out,opacity .2s ease-in-out,padding .2s ease-in-out,margin .2s ease-in-out}.mockup-background-palette-enter-from,.mockup-background-palette-leave-to{opacity:0}.mockup-background-color-popover--surface-dark{--primary-background-light:#000;--primary-background-light-pure:#000;--one-level-text-color:var(--Text-whiteStatic,#fff);--Text-Neutral-primary:var(--Text-whiteStatic,#fff);--Text-primary:var(--Text-whiteStatic,#fff);--Color-Neutral-neutral-1:#ffffff0f;--Color-Neutral-neutral-2:#ffffff1f;--Color-Neutral-neutral-3:#fff3;--Color-Neutral-neutral-4:#ffffff47;--Color-Neutral-neutral-5:#fff6;--Color-Neutral-neutral-6:#ffffff8c;--Color-Neutral-neutral-8:#ffffffb8;--Color-Neutral-neutral-9:#ffffffdb;--Color-Neutral-neutral-10:#fff;--Color-Neutral-black:#191919;--Text-Neutral-white:#191919;--mockup-background-selection-stroke:#191919;--stroke-divider:var(--Color-Neutral-neutral-3);--Shadow-shadow-2:#00000059;--Shadow-shadow-3:#ffffff4d}.mockup-background-color-popover--surface-dark .p-popover__content .p-popover__inner{box-shadow:0 0 20px var(--Shadow-shadow-3);background:#000}.mockup-background-color-popover--surface-dark .mockup-background-color-editor{color:var(--Text-whiteStatic,#fff)}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__mode{color:var(--Color-Neutral-neutral-10)}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-arrow,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-check,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-check{filter:invert()}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-menu,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-menu{border-color:var(--Text-whiteStatic,#fff);box-shadow:2px 2px 0 var(--Text-whiteStatic,#fff);background:#000}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-option,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-option{color:var(--Text-whiteStatic,#fff)}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-option.active,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-option.active{border-color:var(--Text-whiteStatic,#fff);background:#ffffff1f}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-option:hover,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-option:hover{background:#ffffff14}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-actions button:hover,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__refresh:hover,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button:hover{background:#ffffff1f}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-actions button:active,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__refresh:active,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button:active{background:#ffffff2e}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex input{color:var(--Text-whiteStatic,#fff);background:0 0}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box{background:#000!important;border-color:#ffffff3d!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input input{color:var(--Text-whiteStatic,#fff)!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .pick-color-btn{color:var(--Text-whiteStatic,#fff)!important;background:#000!important;border:1px solid #ffffff3d!important}.mockup-background-color-editor{width:248px;height:100%;color:var(--Color-Neutral-neutral-10);box-sizing:border-box;flex-direction:column;gap:16px;display:flex}.mockup-background-color-editor [class^=p-icon-],.mockup-background-color-editor [class*=\ p-icon-]{color:var(--Color-Neutral-neutral-10);font-style:normal}.mockup-background-color-editor__modes{flex:0 0 24px;align-items:flex-start;gap:8px;width:88px;height:24px;margin-bottom:0;padding-bottom:0;display:flex}.mockup-background-color-editor__mode{appearance:none;width:24px;height:24px;color:var(--Color-Neutral-neutral-10);cursor:pointer;box-sizing:border-box;font:inherit;background:0 0;border:none;border-radius:4px;flex:0 0 24px;justify-content:center;align-items:center;margin:0;padding:2px;line-height:0;display:inline-flex}.mockup-background-color-editor__mode:hover{background:var(--Color-Neutral-neutral-2)}.mockup-background-color-editor__mode:active{background:var(--Color-Neutral-neutral-3)}.mockup-background-color-editor__mode--active{background:var(--Color-Neutral-neutral-2)}.mockup-background-color-editor__mode-icon{box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.mockup-background-color-editor__mode-icon i{justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;line-height:20px;display:inline-flex}.mockup-background-color-editor__mode-icon img{object-fit:contain;user-select:none;width:20px;height:20px;display:block}.mockup-background-color-editor:after{content:"";border-top:1px solid var(--Color-Neutral-neutral-3);flex:0 0 0;order:1;width:100%;height:0}.mockup-background-color-editor__solid-picker{flex:0 0 280px;order:2;width:208px;height:280px}.mockup-background-color-editor--solid{width:208px;height:328px}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker{flex:0 0 272px;width:208px;height:272px}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner{width:208px;height:272px}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-box{flex-direction:column!important;gap:12px!important;width:100%!important;height:100%!important;display:flex!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-wrap{position:relative;flex-direction:column!important;flex:0 0 228px!important;gap:6px!important;width:100%!important;height:228px!important;display:flex!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-panel{border-radius:8px!important;flex:0 0 208px!important;width:208px!important;height:208px!important;min-height:208px!important;overflow:visible!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-panel .pointer{box-sizing:border-box;background:var(--mockup-background-solid-pointer-color,#000)!important;width:16px!important;height:16px!important;box-shadow:0 0 4px color-mix(in srgb, var(--Color-Neutral-neutral-10) 15%, transparent)!important;border:2px solid #007aff!important;transform:none!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-hue-box{flex:0 0 14px!important;justify-content:center!important;height:14px!important;min-height:14px!important;margin:0!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-hue-box .color-bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)!important;border-radius:99px!important;flex:0 0 8px!important;height:8px!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-hue-box .color-bar .pointer{border:2px solid var(--Color-Neutral-white)!important;box-sizing:border-box!important;border-radius:50%!important;width:13px!important;height:13px!important;margin-left:-.5px!important;top:50%!important;transform:translateY(-50%)!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input{margin-top:0;flex:0 0 32px!important;align-items:center!important;gap:8px!important;height:32px!important;min-height:32px!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box{box-sizing:border-box;border-color:var(--Color-Neutral-neutral-3)!important;border-radius:6px!important;flex:0 0 168px!important;gap:6px!important;width:168px!important;height:32px!important;padding:0 12px 0 6px!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box:hover,.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box:focus,.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box:focus-within{border-color:var(--Color-Neutral-neutral-3)}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .current-color{flex:0 0 20px!important;width:20px!important;height:20px!important;margin-right:0!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input input{color:var(--Text-Neutral-primary);width:0!important;height:32px!important;font-family:Poppins,sans-serif!important;font-size:var(--fs-14)!important;font-weight:var(--fw-400)!important;line-height:var(--fs-32)!important;background:0 0!important;flex:1!important;padding:0!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .pick-color-btn{box-sizing:border-box;margin-left:0;border:1px solid var(--Color-Neutral-neutral-3)!important;backdrop-filter:blur(10px)!important;width:32px!important;height:32px!important;font-size:var(--fs-16)!important;cursor:pointer!important;background:0 0!important;border-radius:6px!important;flex:0 0 32px!important;padding:0!important}.mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .pick-color-btn .mockup-background-color-editor__svg-icon--eyedropper{width:32px;height:32px}.mockup-background-color-editor--image{width:208px;height:296px}.mockup-background-color-editor--gradient{width:208px;height:490px}.mockup-background-color-editor--gradient:after{width:208px}.mockup-background-color-editor__gradient-content{outline:none;flex-direction:column;order:2;gap:8px;width:208px;height:434px;display:flex}.mockup-background-color-editor__gradient-toolbar{flex:0 0 24px;justify-content:space-between;align-items:flex-start;width:208px;height:24px;display:flex}.mockup-background-color-editor__gradient-type{z-index:6;position:relative}.mockup-background-color-editor__gradient-type-trigger{border:1px solid var(--Color-Neutral-neutral-3);background:var(--Color-Neutral-neutral-1);width:88px;height:24px;color:var(--Color-Neutral-neutral-10);cursor:pointer;box-sizing:border-box;font-family:Gilroy-Medium,Gilroy,Poppins,sans-serif;font-size:var(--fs-12);border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-weight:350;line-height:normal;display:flex}.mockup-background-color-editor__gradient-type-trigger.active{border-color:var(--Color-Neutral-neutral-10);border-width:1.5px}.mockup-background-color-editor__gradient-type-trigger:hover{border-color:var(--Color-Neutral-neutral-10)}.mockup-background-color-editor__gradient-type-trigger span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mockup-background-color-editor__gradient-type-trigger .mockup-background-color-editor__gradient-type-arrow{flex:0 0 12px;width:12px;height:12px;transition:transform .15s;display:block;transform:rotate(180deg)}.mockup-background-color-editor__gradient-type-trigger .mockup-background-color-editor__gradient-type-arrow.is-open{transform:rotate(0)}.mockup-background-color-editor__gradient-type-menu{z-index:7;border:1px solid var(--Color-Neutral-neutral-10);background:var(--Color-Neutral-white);width:88px;box-shadow:2px 2px 0 var(--Color-Neutral-neutral-10);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;padding:10px 6px 4px;display:flex;position:absolute;top:28px;left:0;overflow:hidden}.mockup-background-color-editor__gradient-type-option{width:100%;height:28px;color:var(--Color-Neutral-neutral-10);cursor:pointer;box-sizing:border-box;font-family:Gilroy-Medium,Gilroy,Poppins,sans-serif;font-size:var(--fs-12);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-weight:350;line-height:normal;display:flex;overflow:hidden}.mockup-background-color-editor__gradient-type-option.active{border-color:var(--Text-Neutral-primary);background:var(--Color-Neutral-neutral-3);line-height:var(--lh-1_5);border-radius:6px}.mockup-background-color-editor__gradient-type-option:hover{border-color:var(--Color-Neutral-neutral-10);background:var(--Color-Neutral-neutral-2)}.mockup-background-color-editor__gradient-type-option span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mockup-background-color-editor__gradient-type-option .mockup-background-color-editor__gradient-type-check{flex:0 0 12px;width:12px;height:12px;display:block}.mockup-background-color-editor__gradient-actions{align-items:center;gap:2px;width:50px;height:24px;display:flex}.mockup-background-color-editor__gradient-actions button{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:2px;display:inline-flex}.mockup-background-color-editor__gradient-actions button:hover{background:var(--Color-Neutral-neutral-2)}.mockup-background-color-editor__gradient-actions button:active{background:var(--Color-Neutral-neutral-3)}.mockup-background-color-editor__gradient-actions button:disabled{cursor:default;opacity:.45}.mockup-background-color-editor__gradient-actions button .mockup-background-color-editor__refresh-icon{width:16px;height:16px;color:var(--Color-Neutral-neutral-10);justify-content:center;align-items:center;font-size:16px;line-height:16px;display:inline-flex}.mockup-background-color-editor__gradient-picker{flex-direction:column;flex:0 0 402px;gap:24px;width:208px;height:402px;display:flex}.mockup-background-color-editor__gradient-area{flex-direction:column;flex:0 0 228px;gap:6px;width:208px;height:228px;display:flex;position:relative}.mockup-background-color-editor__gradient-board{cursor:default;user-select:none;border-radius:8px;flex:0 0 208px;width:208px;height:208px;position:relative;overflow:visible}.mockup-background-color-editor__gradient-preview-svg{z-index:0;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mockup-background-color-editor__gradient-axis{z-index:1;background:var(--Color-Neutral-white);height:1px;box-shadow:0 0 5px color-mix(in srgb, var(--Color-Neutral-neutral-10) 10%, transparent);transform-origin:0;pointer-events:none;position:absolute}.mockup-background-color-editor__gradient-axis-hit{z-index:1;cursor:crosshair;transform-origin:0;background:0 0;border:none;padding:0;position:absolute}.mockup-background-color-editor__gradient-stop{width:var(--mockup-background-gradient-stop-size,13px);height:var(--mockup-background-gradient-stop-size,13px);border:2px solid var(--mockup-background-gradient-stop-color,var(--Color-Neutral-white));box-shadow:0 0 4px color-mix(in srgb, var(--Color-Neutral-neutral-10) 15%, transparent);cursor:move;box-sizing:border-box;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.mockup-background-color-editor__gradient-stop:active{cursor:move}.mockup-background-color-editor__hue-bar{flex:0 0 14px;width:208px;height:14px;position:relative}.mockup-background-color-editor__hue-track{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:99px;width:208px;height:8px;position:absolute;top:3px;left:0}.mockup-background-color-editor__hue-bar input{appearance:none;cursor:pointer;background:0 0;outline:none;width:208px;height:14px;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-color-editor__hue-bar input::-webkit-slider-runnable-track{background:0 0;width:208px;height:14px}.mockup-background-color-editor__hue-bar input::-webkit-slider-thumb{border:2px solid var(--Color-Neutral-white);width:14px;height:14px;box-shadow:0 0 1px color-mix(in srgb, var(--Color-Neutral-neutral-10) 25%, transparent);appearance:none;background:currentColor;border-radius:50%;margin-top:0}.mockup-background-color-editor__hue-bar input:focus-visible::-webkit-slider-thumb{border-color:var(--Text-primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--Color-Neutral-white);top:0}.mockup-background-color-editor__hue-bar input:hover::-webkit-slider-thumb{border-color:var(--Text-primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--Color-Neutral-white);top:0}.mockup-background-color-editor__hue-bar input::-moz-range-track{background:0 0;border:none;width:208px;height:14px}.mockup-background-color-editor__hue-bar input::-moz-range-thumb{border:2px solid var(--Color-Neutral-white);width:14px;height:14px;box-shadow:0 0 1px color-mix(in srgb, var(--Color-Neutral-neutral-10) 25%, transparent);background:currentColor;border-radius:50%}.mockup-background-color-editor__gradient-controls{flex-direction:column;flex:0 0 150px;gap:12px;width:208px;height:150px;display:flex}.mockup-background-color-editor__gradient-control{flex-direction:column;gap:8px;width:208px;height:47px;display:flex}.mockup-background-color-editor__gradient-control>span{width:208px;height:17px;color:var(--one-level-text-color);font-family:Poppins,sans-serif;font-size:var(--fs-14);font-weight:var(--fw-400);line-height:var(--lh-1_2)}.mockup-background-color-editor__slider-row{align-items:center;gap:12px;width:208px;height:27px;display:flex}.mockup-background-color-editor__slider-row input[type=range]{appearance:none;cursor:pointer;background:0 0;outline:none;width:156px;height:12px;margin:0;padding:0}.mockup-background-color-editor__slider-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--Color-Neutral-neutral-10) 0 var(--mockup-background-slider-value), var(--Color-Neutral-neutral-4) var(--mockup-background-slider-value) 100%);border-radius:99px;width:156px;height:4px}.mockup-background-color-editor__slider-row input[type=range]::-webkit-slider-thumb{border:1.5px solid var(--Color-Neutral-neutral-9);background:var(--Color-Neutral-neutral-1);width:12px;height:12px;box-shadow:0 0 3px color-mix(in srgb, var(--Color-Neutral-black) 20%, transparent);appearance:none;border-radius:6px;margin-top:-4px}.mockup-background-color-editor__slider-row .mockup-background-color-editor__slider-value{border:1px solid var(--Color-Neutral-neutral-3);background:var(--Color-Neutral-white);width:40px;min-width:40px;max-width:40px;height:27px;min-height:27px;max-height:27px;color:var(--one-level-text-color);box-sizing:border-box;font-family:Poppins,sans-serif;font-size:var(--fs-12);font-weight:var(--fw-400);line-height:var(--lh-1_2);white-space:nowrap;border-radius:4px;flex:0 0 40px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.mockup-background-color-editor__slider-row .mockup-background-color-editor__slider-value input{width:100%;min-width:0;height:25px;color:inherit;font:inherit;text-align:center;box-sizing:border-box;appearance:textfield;background:0 0;border:none;outline:none;padding:0;line-height:25px}.mockup-background-color-editor__slider-row .mockup-background-color-editor__slider-value input::-webkit-outer-spin-button{appearance:none;margin:0}.mockup-background-color-editor__slider-row .mockup-background-color-editor__slider-value input::-webkit-inner-spin-button{appearance:none;margin:0}.mockup-background-color-editor__gradient-hex{align-items:center;gap:8px;width:208px;height:32px;display:flex}.mockup-background-color-editor__gradient-hex label{border:1px solid var(--Color-Neutral-neutral-3);box-sizing:border-box;border-radius:6px;align-items:center;gap:6px;width:168px;height:32px;padding:0 12px 0 6px;display:flex}.mockup-background-color-editor__gradient-hex label span{border-radius:50%;flex:0 0 20px;width:20px;height:20px}.mockup-background-color-editor__gradient-hex label input{min-width:0;height:30px;color:var(--one-level-text-color);font-family:Poppins,sans-serif;font-size:var(--fs-14);font-weight:var(--fw-400);line-height:var(--fs-32);border:none;outline:none;flex:1;padding:0}.mockup-background-color-editor__gradient-hex button{border:1px solid var(--Color-Neutral-neutral-3);backdrop-filter:blur(10px);box-sizing:border-box;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.mockup-background-color-editor__gradient-hex button:focus{outline:none}.mockup-background-color-editor__gradient-hex button .mockup-background-color-editor__svg-icon{width:15px;height:15px;display:block}.mockup-background-color-editor__gradient-hex button .mockup-background-color-editor__svg-icon--eyedropper{width:32px;height:32px}.mockup-background-color-editor__image-content{flex-direction:column;order:2;gap:8px;width:208px;height:240px;display:flex}.mockup-background-color-editor__image-toolbar{flex:0 0 24px;justify-content:space-between;align-items:center;gap:8px;width:208px;height:24px;display:flex}.mockup-background-color-editor__image-fit{z-index:6;position:relative}.mockup-background-color-editor__image-fit-trigger{border:1px solid var(--Color-Neutral-neutral-3);background:var(--Color-Neutral-neutral-1);width:88px;height:24px;color:var(--Color-Neutral-neutral-10);cursor:pointer;box-sizing:border-box;font-family:Gilroy-Medium,Gilroy,Poppins,sans-serif;font-size:var(--fs-12);border-radius:6px;align-items:center;gap:4px;padding:4px 6px;font-weight:350;line-height:normal;display:flex}.mockup-background-color-editor__image-fit-trigger.active{border-color:var(--Color-Neutral-neutral-10);border-width:1.5px}.mockup-background-color-editor__image-fit-trigger:hover{border-color:var(--Color-Neutral-neutral-10)}.mockup-background-color-editor__image-fit-trigger span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mockup-background-color-editor__image-fit-trigger .mockup-background-color-editor__image-fit-arrow{width:12px;height:12px;color:var(--Color-Neutral-neutral-10);flex:0 0 12px;justify-content:center;align-items:center;font-size:12px;line-height:12px;display:inline-flex}.mockup-background-color-editor__image-fit-menu{z-index:7;border:1px solid var(--Color-Neutral-neutral-10);background:var(--Color-Neutral-white);width:88px;box-shadow:2px 2px 0 var(--Color-Neutral-neutral-10);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;padding:10px 6px 4px;display:flex;position:absolute;top:28px;left:0;overflow:hidden}.mockup-background-color-editor__image-fit-option{width:100%;height:28px;color:var(--one-level-text-color);cursor:pointer;box-sizing:border-box;font-family:Gilroy-Medium,Gilroy,Poppins,sans-serif;font-size:var(--fs-12);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:0 6px;font-weight:350;line-height:normal;display:flex;overflow:hidden}.mockup-background-color-editor__image-fit-option.active{border-color:var(--Text-Neutral-primary);background:var(--Color-Neutral-neutral-3);line-height:var(--lh-1_5);border-radius:6px}.mockup-background-color-editor__image-fit-option:hover{border-color:var(--one-level-text-color);background:var(--Color-Neutral-neutral-2)}.mockup-background-color-editor__image-fit-option span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mockup-background-color-editor__image-fit-option .mockup-background-color-editor__image-fit-check{flex:0 0 12px;width:12px;height:12px;display:block}.mockup-background-color-editor__refresh{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:2px;display:inline-flex}.mockup-background-color-editor__refresh:hover:not(:disabled){background:var(--Color-Neutral-neutral-2)}.mockup-background-color-editor__refresh:disabled{cursor:not-allowed}.mockup-background-color-editor__refresh:disabled .mockup-background-color-editor__refresh-icon{color:var(--Color-Neutral-neutral-5)}.mockup-background-color-editor__refresh .mockup-background-color-editor__refresh-icon{width:16px;height:16px;color:var(--Color-Neutral-neutral-10);justify-content:center;align-items:center;font-size:16px;line-height:16px;display:inline-flex}.mockup-background-color-editor__refresh-icon{width:16px;height:16px;color:var(--Color-Neutral-neutral-10);pointer-events:none;user-select:none;justify-content:center;align-items:center;font-size:16px;line-height:16px;display:inline-flex}.mockup-background-color-editor__svg-icon{object-fit:contain;pointer-events:none;user-select:none;flex:none;display:block}.mockup-background-color-editor__svg-icon--eyedropper{color:var(--Color-Neutral-neutral-10);pointer-events:none;user-select:none;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.mockup-background-color-editor__tooltip-trigger{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mockup-background-color-editor__tooltip-trigger:has(>button:disabled){cursor:not-allowed}.mockup-background-color-editor__tooltip-trigger>button:disabled{pointer-events:none}.mockup-background-color-editor__image-box{background:var(--Color-Neutral-neutral-1);cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:208px;height:208px;display:flex;position:relative;overflow:hidden}.mockup-background-color-editor__image-box--empty{background-color:var(--Text-whiteStatic);background-image:linear-gradient(90deg, #1919194d, #1919194d), var(--mockup-background-checkerboard);color:var(--Text-whiteStatic);background-position:0 0;background-size:auto,98px 98px;border:none}.mockup-background-color-editor__image-box--empty:before{display:none}.mockup-background-color-editor__image-box--filled{background-color:var(--Text-whiteStatic);background-image:var(--mockup-background-checkerboard);background-position:0 0;background-size:98px 98px;border:none}.mockup-background-color-editor__image-box--filled:before{content:"";z-index:2;opacity:0;pointer-events:none;background:#1919194d;transition:opacity .15s;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-color-editor__image-box--filled .mockup-background-color-editor__image-upload-button{z-index:3;opacity:0;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mockup-background-color-editor__image-box--filled:hover:before,.mockup-background-color-editor__image-box--filled:hover .mockup-background-color-editor__image-upload-button{opacity:1}.mockup-background-color-editor__image-box--dragging{border:1px dashed var(--Color-primary-6,#8f47ff);background:var(--Color-primary-1,#f7f2ff);color:var(--Color-primary-6,#8f47ff);cursor:copy;background-image:none}.mockup-background-color-editor__image-box--dragging:before{display:none}.mockup-background-color-editor__image-preview-frame{z-index:0;border-radius:inherit;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.mockup-background-color-editor__image-preview-frame .mockup-background-color-editor__image-preview{transform-origin:50%;pointer-events:none;width:100%;height:100%}.mockup-background-color-editor__image-preview{border-radius:inherit;object-fit:cover;transform-origin:50%;pointer-events:none;width:100%;height:100%;display:block}.mockup-background-color-editor__image-upload-button{z-index:1;background:var(--Color-Neutral-neutral-10,#191919);height:32px;color:var(--Text-Neutral-white,#fff);font-family:Gilroy,Poppins,sans-serif;font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-1_2);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex;position:relative}.mockup-background-color-editor__image-loading{z-index:4;border:1px dashed var(--Color-primary-6,#8f47ff);background:var(--Color-primary-1,#f7f2ff);color:var(--Color-primary-6,#8f47ff);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.mockup-background-color-editor__image-loading .mockup-background-color-editor__image-loading-frame{width:40px;height:40px;color:inherit;justify-content:center;align-items:center;display:inline-flex}.mockup-background-color-editor__image-loading .mockup-background-color-editor__image-loading-icon{transform-origin:50%;will-change:transform;width:33.3333px;height:33.3333px;animation:.75s linear infinite mockup-background-image-loading-spin;display:block}.mockup-background-color-editor__image-drag-icon{flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;color:var(--Color-primary-6,#8f47ff)!important;font-size:36px!important;line-height:36px!important}.mockup-background-color-editor__image-drag-icon:before{color:currentColor;line-height:1;display:block}.mockup-background-color-editor__image-drag-text{z-index:1;width:100%;color:var(--Color-primary-6,#8f47ff);font-family:Gilroy,Poppins,sans-serif;font-size:var(--fs-14);font-weight:var(--fw-500);line-height:var(--lh-1_5);text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;padding:0 16px;position:relative}.mockup-background-color-editor__mode-tooltip.pacdora-tip{font-family:Poppins,sans-serif;font-size:var(--fs-12);font-weight:var(--fw-400);line-height:var(--lh-1_2);padding:6px 8px}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__mode:hover,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__mode--active{background:#ffffff1f}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__mode:active{background:#ffffff2e}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-arrow,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-check,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-check,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__svg-icon{filter:invert()}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-actions button,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__refresh,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button{color:var(--Color-Neutral-neutral-10)}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-actions button:hover:not(:disabled),.mockup-background-color-popover--surface-dark .mockup-background-color-editor__refresh:hover:not(:disabled),.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button:hover:not(:disabled){background:#ffffff1f}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-actions button:active:not(:disabled),.mockup-background-color-popover--surface-dark .mockup-background-color-editor__refresh:active:not(:disabled),.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button:active:not(:disabled){background:#ffffff2e}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-trigger,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-trigger,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-value,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex label{color:var(--Text-whiteStatic,#fff);background:#000;border-color:#ffffff3d}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-type-trigger.active,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__image-fit-trigger.active,.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex label:focus-within{border-color:#ffffff8c}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-value{color:var(--Text-whiteStatic,#fff)!important;background:#000!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-value input{-webkit-text-fill-color:var(--Text-whiteStatic,#fff);color:var(--Text-whiteStatic,#fff)!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--Text-whiteStatic,#fff) 0 var(--mockup-background-slider-value), #ffffff47 var(--mockup-background-slider-value) 100%)}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-row input[type=range]::-webkit-slider-thumb{border-color:var(--Text-whiteStatic,#fff);box-shadow:none;background:#000}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-row input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--Text-whiteStatic,#fff) 0 var(--mockup-background-slider-value), #ffffff47 var(--mockup-background-slider-value) 100%)}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__slider-row input[type=range]::-moz-range-thumb{border-color:var(--Text-whiteStatic,#fff);box-shadow:none;background:#000}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex input{color:var(--Text-whiteStatic,#fff);-webkit-text-fill-color:var(--Text-whiteStatic,#fff);background:0 0}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button{background:#000;border:1px solid #ffffff3d}.mockup-background-color-popover--surface-dark .mockup-background-color-editor__gradient-hex button:hover{border-color:#ffffff73}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box{color:var(--Text-whiteStatic,#fff)!important;background:#000!important;border-color:#ffffff3d!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box:hover,.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box:focus,.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .input-box:focus-within{border-color:#ffffff73!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input input{-webkit-text-fill-color:var(--Text-whiteStatic,#fff);color:var(--Text-whiteStatic,#fff)!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .pick-color-btn{color:var(--Text-whiteStatic,#fff)!important;cursor:pointer!important;background:#000!important;border:1px solid #ffffff3d!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .pick-color-btn:hover{background:#ffffff1f!important;border-color:#ffffff73!important}.mockup-background-color-popover--surface-dark .mockup-background-color-editor--solid .mockup-background-color-editor__solid-picker.color-picker-inner .color-input .pick-color-btn img{filter:invert()}@keyframes mockup-background-image-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}