:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-height:100svh;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--js-safe-area-top:0px;--js-safe-area-bottom:0px;--breakpoint-mobile-max:767px;--breakpoint-tablet-min:768px;--breakpoint-desktop-min:1024px;--color-primary:#2a8f7e;--color-primary-light:#2a8f7e0f;--color-primary-alpha-04:#2a8f7e0a;--color-primary-alpha-08:#2a8f7e14;--color-primary-alpha-10:#2a8f7e1a;--color-primary-alpha-12:#2a8f7e1f;--color-primary-alpha-15:#2a8f7e26;--color-primary-alpha-20:#2a8f7e33;--color-primary-alpha-30:#2a8f7e4d;--color-primary-alpha-40:#2a8f7e66;--color-primary-dark:#1f6b5e;--color-accent-orange:#fb923c;--color-accent-green:#22c55e;--notice-bg:#fff7ed;--notice-border:#fed7aa;--notice-text:#9a3412;--color-secondary:#f47927;--color-secondary-light:#fbbf24;--color-secondary-dark:#ea580c;--color-secondary-darker:#dc4a00;--color-remix-gradient-start:var(--color-secondary);--color-remix-gradient-end:var(--color-secondary-light);--color-remix-gradient:linear-gradient(135deg,var(--color-secondary)0%,var(--color-secondary-light)100%);--color-remix-hover-gradient-start:var(--color-secondary-dark);--color-remix-hover-gradient-end:var(--color-secondary);--color-remix-hover-gradient:linear-gradient(135deg,var(--color-secondary-dark)0%,var(--color-secondary)100%);--ui-bg-primary:#e8e3dc;--ui-bg-secondary:#f0ece6;--ui-sidebar-bg:#ece7df;--ui-border:#0000001f;--ui-border-light:#00000012;--ui-hover-bg:#0000000f;--ui-selected:var(--color-primary);--ui-focus-ring:2px solid var(--color-primary);--ui-primary-bg:var(--color-primary-alpha-10);--ui-border-hover:#00000026;--ui-text-primary:#1a1a1a;--ui-text-secondary:#3d3d3d;--ui-text-tertiary:#5a5a5a;--ui-surface:#f0ece6;--designer-button-bg:#00000014;--designer-button-hover-bg:#0000001f;--designer-button-text:#1a1a1a;--floating-toolbar-button-bg:#ece7df;--floating-toolbar-button-gap:4px;--floating-toolbar-ai-button-radius:12px;--floating-toolbar-button-border-dark:var(--color-gray-500);--floating-toolbar-button-text-dark:var(--color-gray-200);--floating-toolbar-gradient:linear-gradient(to bottom,#ece7df,#e4ded5);--dirobot-icon-filter:brightness(0);--canva-toolbar-height:48px;--canva-toolbar-gap:8px;--canva-toolbar-padding:8px 12px;--canva-toolbar-radius:12px;--canva-toolbar-shadow:0 4px 20px #00000014;--canva-toolbar-bg:#f4f0ebf5;--canva-toolbar-backdrop:blur(12px);--canva-mobile-toolbar-height:56px;--canva-mobile-icon-size:24px;--canva-mobile-button-size:44px;--canva-mobile-toolbar-bg:#f4f0ebfa;--mobile-toolbar-height:var(--canva-mobile-toolbar-height);--canva-topbar-undo-redo-gap:4px;--canva-topbar-title-max-width:200px;--canva-topbar-button-size:36px;--canva-toolbar-transition-duration:.2s;--canva-toolbar-transition-ease:cubic-bezier(.4,0,.2,1);--canva-toolbar-transition:var(--canva-toolbar-transition-duration)var(--canva-toolbar-transition-ease);--sidebar-tab-width:56px;--sidebar-panel-width:300px;--sidebar-total-width:calc(var(--sidebar-tab-width) + var(--sidebar-panel-width));--sidebar-tab-icon-size:22px;--sidebar-tab-button-size:44px;--sidebar-tab-bg:#ece7dffa;--sidebar-panel-bg:#f4f0ebf5;--sidebar-panel-backdrop-bg:#0000002e;--sidebar-panel-border-color:#0000001f;--sidebar-panel-shadow:0 4px 16px #0000000f,0 20px 48px #0000001a;--panel-section-bg:#0000000d;--panel-section-border:#00000014;--text-primary:#1a1a1a;--text-secondary:#000000a6;--text-tertiary:var(--ui-text-tertiary);--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family-default:"Roboto",var(--font-roboto),system-ui,-apple-system,"Segoe UI",sans-serif;--font-size-base:.9375rem;--duration-fast:.15s;--duration-normal:.2s;--duration-medium:.3s;--duration-slow:.5s;--font-size-demo:1.5rem;--toggle-switch-width:44px;--toggle-switch-height:24px;--toggle-thumb-size:20px;--header-button-size:48px;--header-icon-size:20px;--profile-menu-icon-size:22px;--color-accent:#37c2ad;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-shipped:#8b5cf6;--autosave-animation-size:32px;--notification-like:#f47927;--notification-comment:#2a8f7e;--notification-star:#fbbf24;--notification-follow:#10b981;--notification-trophy:#f59e0b;--notification-reply:#1f6b5e;--notification-general:#6b7280;--notification-following:#ea580c;--notification-digest:#22c55e;--notification-priority-high:#ef4444;--notification-priority-medium:#f59e0b;--notification-priority-low:#10b981;--brand-facebook:#1877f2;--help-screen-bg:#f0f0f0;--help-screen-icon:#444;--picker-default-black:#000;--text-editor-default-color:#1f2937;--canvas-animation-duration:.45s;--canvas-animation-easing:cubic-bezier(.4,0,.2,1);--canvas-snap-duration:.2s;--product-view-fade-delay:.1s;--product-view-canvas-width:120%;--image-frame-grid-color:#0003;--image-edit-overlay-color:#ffffff80;--image-edit-frame-outline-color:#000000b3;--image-edit-content-outline-color:#f47927;--image-edit-handle-stroke-color:#f47927;--color-red-300:#fca5a5;--color-red-600:#dc2626;--color-red-800:#991b1b;--color-emerald-800:#065f46;--notice-bg-info:var(--color-primary-alpha-10);--notice-border-info:var(--color-primary-alpha-20);--notice-text-info:var(--color-primary);--notice-bg-error:#fef2f2;--notice-border-error:#fecaca;--notice-text-error:#dc2626;--overlay-global-bg:#00000080;--ui-sidebar-width:350px;--ui-left-sidebar-width:280px;--ui-right-sidebar-width:320px;--ui-mockup-left-panel-width:320px;--ui-mockup-right-panel-width:360px;--ui-app-nav-width-collapsed:72px;--ui-app-nav-width-expanded:240px;--nav-sidebar-collapsed:60px;--nav-sidebar-expanded:240px;--nav-sidebar-icon-size:24px;--nav-sidebar-item-height:48px;--nav-sidebar-padding:12px;--mobile-bottom-nav-height:64px;--mobile-bottom-nav-icon-size:24px;--ui-bottom-nav-max-width:400px;--ui-topbar-height:60px;--ui-content-top:calc(var(--ui-topbar-height) + env(safe-area-inset-top,0px) + var(--ui-guest-banner-height,0px));--ui-panel-top:calc(var(--ui-content-top) + var(--buffer-zone-md));--ui-panel-bottom:calc(var(--mobile-bottom-safe-zone) + var(--buffer-zone-md));--ui-bottom-nav-height:48px;--global-bottom-nav-height:56px;--mockup-topbar-height:calc(1rem + 44px + .5rem + env(safe-area-inset-top,0px));--ui-canvas-offset-top:56px;--ui-canvas-offset-bottom:calc(var(--canva-mobile-toolbar-height) + var(--safe-area-inset-bottom) + 24px);--ui-canvas-offset-horizontal:8px;--ui-floating-indicator-top:calc(env(safe-area-inset-top,0px) + 76px);--ui-fab-bottom-offset:calc(7.5rem + env(safe-area-inset-bottom,0px));--bottom-nav-active-indicator-offset:-6px;--bottom-nav-active-indicator-width:32px;--bottom-nav-active-indicator-height:4px;--bottom-nav-badge-offset:-8px;--bottom-nav-badge-size:16px;--bottom-nav-hover-offset:-4px;--bottom-nav-text-spacing-mobile:-2px;--bottom-nav-gap-mobile:5px;--bottom-nav-icon-size-mobile:16px;--bottom-nav-icon-size-tablet:24px;--bottom-nav-icon-size-desktop:28px;--bottom-nav-text-inactive:#6b7280;--bottom-nav-text-hover:#1a1a1a;--bottom-nav-bg-hover:#0000000d;--ui-element-height:40px;--ui-section-spacing:12px;--ui-mobile-padding:8px;--page-top-padding-mobile:120px;--page-top-padding-desktop:80px;--page-bottom-padding-mobile:80px;--page-bottom-padding-desktop:40px;--floating-controls-button-width:36px;--floating-controls-inner-padding:6px;--floating-controls-width:36px;--floating-controls-grunge-button-height:110px;--floating-controls-label-height:20px;--floating-controls-icon-size:18px;--floating-toolbar-button-size:58px;--floating-toolbar-icon-size:20px;--floating-toolbar-spacing-top:20px;--view-switcher-side-button-min-width:100px;--view-switcher-gap-top:12px;--view-switcher-total-height:48px;--slider-gap-ratio:0;--slider-track-height:1.5em;--slider-track-radius:.75em;--slider-track-shadow:0 -1px #eaeaea,0 1px #fff;--slider-thumb-size:1.5em;--slider-thumb-border:.25em;--slider-thumb-shadow:0 2px 5px #7d7d7dd9;--slider-active-fill-height:calc(var(--slider-track-height) - (var(--slider-track-height)*.34));--slider-active-fill-radius:calc(var(--slider-active-fill-height)/2);--slider-active-fill-shadow:inset 0 1px 4px #8c8c8c;--slider-visual-offset:0;--design-element-text-width:400;--design-element-text-height:150;--design-element-shape-width:300;--design-element-shape-height:300;--design-element-image-width:200;--design-element-image-height:200;--design-element-position-x:200;--design-element-position-y:200;--design-element-text-color:#666;--design-element-matrica-color:#9ca3af;--canvas-image-max-size-ratio:.8;--canvas-image-stroke-multiplier:2;--canvas-double-click-timeout:300;--textarea-timeout:10;--design-element-circle-size:100;--design-element-line-width:200;--design-element-min-size:120;--design-element-min-scale:.1;--transformer-anchor-size:28px;--transformer-rotate-offset:36px;--transformer-border-stroke-width:2px;--transformer-anchor-stroke-width:2px;--transformer-padding:8px;--transformer-touch-padding:6px;--selection-rectangle-stroke-color:#16a34a;--selection-rectangle-fill-color:#16a34a1a;--transformer-content-anchor-radius:3px;--transformer-normal-anchor-radius:50px;--image-frame-placeholder-color:var(--color-gray-300);--image-frame-ghost-opacity:.3;--image-frame-content-border-width:1px;--canvas-min-text-width:50px;--canvas-min-text-height:60px;--canvas-background-color:#fff;--popup-item-height:64px;--history-icon-size:14px;--scrollbar-width:6px;--scrollbar-thumb-radius:3px;--scrollbar-track-bg:#f5f0ea;--scrollbar-track-bg-dark:var(--color-gray-700);--scrollbar-thumb-bg:#c4bdb3;--scrollbar-thumb-bg-hover:var(--color-primary-dark);--scrollbar-thumb-opacity:.6;--scrollbar-thumb-opacity-hover:1;--mobile-top-safe-zone:calc(var(--ui-topbar-height) + var(--settings-bar-height) + env(safe-area-inset-top,0px));--mobile-bottom-safe-zone:calc(var(--canva-mobile-toolbar-height) + var(--safe-area-inset-bottom));--mobile-content-height:calc(var(--app-height) - var(--mobile-top-safe-zone) - var(--mobile-bottom-safe-zone));--buffer-zone-xs:var(--space-xs);--buffer-zone-sm:var(--space-sm);--buffer-zone-md:var(--space-md);--buffer-zone-lg:var(--space-lg);--buffer-zone-xl:var(--space-xl);--mobile-canvas-padding:var(--buffer-zone-sm);--mobile-element-spacing:var(--buffer-zone-xs);--mobile-safe-padding:var(--buffer-zone-md);--mobile-page-toggle-height:40px;--mobile-canvas-toolbar-height:70px;--mobile-canvas-padding-total:16px;--mobile-canvas-margin:.125rem;--mobile-canvas-max-width:520px;--z-index-canvas-wrapper:5;--z-index-settings-bar:10;--mobile-fixed-elements-height:calc(var(--ui-topbar-height) + var(--settings-bar-height) + var(--ui-bottom-nav-height) + var(--mobile-page-toggle-height) + var(--mobile-canvas-toolbar-height) + var(--mobile-canvas-padding-total) + var(--safe-area-inset-bottom) + env(safe-area-inset-top,0px));--browser-ui-compensation-critical:120px;--browser-ui-compensation-small:80px;--browser-ui-compensation-iphone:70px;--browser-ui-compensation-medium:60px;--browser-ui-compensation-large:40px;--canvas-buffer-zone:8px;--mobile-canvas-max-height:720px;--canvas-horizontal-padding:10px;--canvas-max-width:520px;--canvas-max-height-mobile:780px;--canvas-max-height-desktop:9999px;--canvas-min-width:220px;--canvas-min-height:330px;--canvas-aspect-ratio:.667;--canvas-calculation-padding-mobile:80px;--canvas-calculation-padding-desktop:16px;--canvas-horizontal-padding-mobile:4px;--canvas-horizontal-base-padding:16px;--design-area-left-margin:.2;--design-area-top-margin:.2;--design-area-width-ratio:.6;--design-area-height-ratio:.6;--canvas-responsive-max-width:100%;--compact-screen-margin:16px;--space-0:0rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-4);--space-lg:var(--space-6);--space-xl:var(--space-8);--radius-none:0rem;--radius-xs:.5rem;--radius-sm:1rem;--radius-md:1.25rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-2xl:2.5rem;--radius-3xl:3rem;--radius-bubble:3rem;--radius-full:9999px;--radius-pill:var(--radius-full);--canvas-border-color:#2a8f7e;--canvas-border-width:2px;--canvas-border-offset:4px;--canvas-brand-font-size:72px;--canvas-text-default-font-size:24px;--canvas-text-heading-font-size:72px;--canvas-text-subheading-font-size:48px;--canvas-text-body-font-size:36px;--empty-overlay-z-index:1000;--empty-overlay-animation-size-mobile:120px;--empty-overlay-animation-size-desktop:140px;--empty-overlay-alert-max-width:400px;--grid-overlay-line-color:#00bcd4;--grid-overlay-line-opacity:.3;--grid-overlay-line-width:.5px;--grid-overlay-label-size:12px;--grid-layout-line-color:#0f172a;--grid-layout-line-opacity:.12;--grid-layout-line-width:1px;--adaptive-grid-dark-color:#1e293b;--adaptive-grid-light-color:#e2e8f0;--adaptive-grid-min-opacity:.08;--adaptive-grid-max-opacity:.25;--adaptive-grid-luminance-threshold:.5;--shadow-none:none;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000f,0 1px 2px #00000008;--shadow-md:0 4px 8px #00000014,0 2px 4px #0000000a;--shadow-lg:0 8px 16px #0000001a,0 4px 8px #0000000d;--shadow-xl:0 12px 24px #0000001f,0 6px 12px #0000000f;--shadow-2xl:0 20px 40px #00000026,0 10px 20px #00000014;--shadow-inner:inset 0 2px 4px #0000000f;--text-shadow-soft:0 2px 4px #0000004d;--shadow-brand-sm:0 2px 8px #1b7d6b26,0 1px 3px #1b7d6b14;--shadow-brand-md:0 4px 16px #1b7d6b33,0 2px 6px #1b7d6b1a;--shadow-brand-lg:0 8px 24px #1b7d6b40,0 4px 10px #1b7d6b1f;--gradient-primary-subtle:linear-gradient(135deg,#2a8f7e 0%,#24a090 100%);--gradient-ai-subtle:linear-gradient(135deg,#22c55e 0%,#2a8f7e 100%);--gradient-pro-subtle:linear-gradient(135deg,#1f6b5e 0%,#f47927 100%);--gradient-community-subtle:linear-gradient(135deg,#f47927 0%,#fbbf24 100%);--gradient-success-subtle:linear-gradient(135deg,#22c55e 0%,#10b981 100%);--gradient-primary:linear-gradient(135deg,#2a8f7e 0%,#22c55e 100%);--gradient-ai:linear-gradient(135deg,#22c55e 0%,#2a8f7e 100%);--gradient-pro:linear-gradient(135deg,#1f6b5e 0%,#ea580c 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#34d399 100%);--gradient-community:linear-gradient(135deg,#ea580c 0%,#fbbf24 100%);--gradient-cart:linear-gradient(135deg,#fb923c 0%,#f97316 100%);--gradient-primary-bold:linear-gradient(135deg,#2a8f7e 0%,#22c55e 50%,#1f6b5e 100%);--gradient-ai-bold:linear-gradient(135deg,#22c55e 0%,#2a8f7e 50%,#1f6b5e 100%);--gradient-pro-bold:linear-gradient(135deg,#1f6b5e 0%,#f47927 50%,#fbbf24 100%);--gradient-community-bold:linear-gradient(135deg,#ea580c 0%,#f47927 50%,#fbbf24 100%);--gradient-glass-primary:linear-gradient(135deg,#1b7d6b1a 0%,#22c55e0d 100%);--gradient-glass-ai:linear-gradient(135deg,#22c55e1a 0%,#2a8f7e0d 100%);--gradient-glass:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);--gradient-glass-dark:linear-gradient(135deg,#0003 0%,#0000001a 100%);--gradient-primary-horizontal:linear-gradient(90deg,#2a8f7e 0%,#2dd4bf 100%);--gradient-primary-diagonal:var(--gradient-primary);--gradient-primary-radial:radial-gradient(circle at top left,#2dd4bf 0%,#2a8f7e 100%);--gradient-secondary-horizontal:linear-gradient(90deg,#f47927 0%,#fbbf24 100%);--gradient-surface-subtle:linear-gradient(180deg,#fff 0%,#fafafa 100%);--gradient-sidebar:linear-gradient(180deg,#fafafa 0%,#f5f5f5 100%);--gradient-overlay-light:linear-gradient(180deg,#fff0 0%,#fffc 100%);--gradient-overlay-dark:linear-gradient(180deg,#0000 0%,#0000000d 100%);--gradient-neutral-light:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);--gradient-neutral-dark:linear-gradient(135deg,#111827 0%,#1f2937 100%);--gradient-primary-light:linear-gradient(135deg,#2a8f7e 0%,#2dd4bf 100%);--gradient-primary-dark:linear-gradient(135deg,#145c50 0%,#24a090 100%);--gradient-primary-hover-light:linear-gradient(135deg,#24a090 0%,#4dd2c2 100%);--gradient-primary-hover-dark:linear-gradient(135deg,#2a8f7e 0%,#2dd4bf 100%);--gradient-secondary-light:linear-gradient(135deg,#f47927 0%,#fbbf24 100%);--gradient-secondary-dark:linear-gradient(135deg,#ea580c 0%,#f47927 100%);--gradient-secondary-hover-light:linear-gradient(135deg,#fbbf24 0%,#fde047 100%);--gradient-secondary-hover-dark:linear-gradient(135deg,#f47927 0%,#fbbf24 100%);--gradient-glass-light:linear-gradient(135deg,#ffffffb3 0%,#ffffff80 100%);--gradient-glass-dark-bg:linear-gradient(135deg,#171717b3 0%,#17171780 100%);--gradient-danger:linear-gradient(135deg,#ef4444 0%,#f97316 100%);--gradient-danger-hover:linear-gradient(135deg,#f87171 0%,#fb923c 100%);--gradient-warning:linear-gradient(135deg,#fb923c 0%,#fbbf24 100%);--gradient-warning-hover:linear-gradient(135deg,#fbbf24 0%,#fde047 100%);--gradient-success-hover:linear-gradient(135deg,#34d399 0%,#6ee7b7 100%);--gradient-neutral:var(--gradient-neutral-light);--gradient-primary-mode:var(--gradient-primary-light);--gradient-primary-hover:var(--gradient-primary-hover-light);--gradient-secondary-mode:var(--gradient-secondary-light);--gradient-secondary-hover:var(--gradient-secondary-hover-light);--gradient-glass-bg:var(--gradient-glass-light);--gradient-mesh:radial-gradient(at 40% 20%,#36bf9f26 0px,transparent 50%),radial-gradient(at 80% 0%,#f57a2926 0px,transparent 50%),radial-gradient(at 0% 50%,#10bc8326 0px,transparent 50%),radial-gradient(at 80% 50%,#f59f0a26 0px,transparent 50%);--gradient-mesh-dark:radial-gradient(at 40% 20%,#36bf9f33 0px,transparent 50%),radial-gradient(at 80% 0%,#f57a2933 0px,transparent 50%),radial-gradient(at 0% 50%,#10bc8333 0px,transparent 50%),radial-gradient(at 80% 50%,#f59f0a33 0px,transparent 50%);--auth-bg-gradient-light:linear-gradient(135deg,#2a8f7e 0%,#4caf96 100%);--auth-bg-gradient-dark:linear-gradient(135deg,#1f6b5e 0%,#2a8f7e 100%);--auth-card-max-width:400px;--auth-input-bg:#ffffffe6;--auth-label-color:#000c;--backdrop-blur-sm:blur(4px);--backdrop-blur-md:blur(8px);--backdrop-blur-lg:blur(12px);--backdrop-blur-xl:blur(20px);--glass-background:#ffffffb3;--glass-bg-light:#ffffffb3;--glass-bg-dark:#0000004d;--glass-border:#0000001f;--glass-blur:blur(10px);--glass-shadow:0 8px 32px 0 #1f26871a;--sidebar-glass-bg-light:#ffffff59;--sidebar-glass-bg-dark:#1a202c66;--sidebar-glass-blur:blur(28px)saturate(180%);--sidebar-glass-border-light:#ffffff80;--sidebar-glass-border-dark:#ffffff14;--sidebar-glass-shadow-left-light:2px 0 12px #00000008;--sidebar-glass-shadow-left-dark:2px 0 12px #0003;--sidebar-glass-shadow-right-light:-2px 0 12px #00000008;--sidebar-glass-shadow-right-dark:-2px 0 12px #0003;--sidebar-glass-bg:var(--sidebar-glass-bg-light);--sidebar-glass-border:var(--sidebar-glass-border-light);--sidebar-glass-shadow-left:var(--sidebar-glass-shadow-left-light);--sidebar-glass-shadow-right:var(--sidebar-glass-shadow-right-light);--modal-overlay-bg:#0f172a73;--modal-overlay-blur:8px;--modal-content-bg:var(--color-white);--modal-content-radius:var(--radius-lg);--modal-content-shadow:var(--shadow-2xl);--modal-content-max-height:85vh;--modal-close-button-size:32px;--modal-close-icon-size:18px;--modal-close-bg:#0000001a;--modal-close-bg-hover:#0003;--modal-close-transition:all .2s;--welcome-modal-button-height:60px;--mockup-modal-max-width-mobile:calc(100% - 20px);--mockup-modal-max-width-desktop:500px;--mockup-modal-image-shadow:0 10px 40px 0 #0000004d;--mockup-modal-content-reserve:280px;--mockup-disclaimer-gradient:linear-gradient(135deg,#d4f4dd 0%,#b8e6c5 100%);--empty-state-content-max-width:280px;--empty-state-icon-container-size:64px;--swiper-pagination-bottom:40px;--swiper-bullet-size:12px;--swiper-bullet-bg:#0000004d;--swiper-bullet-opacity:.6;--ease-smooth:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-bounce:cubic-bezier(.68,-.55,.27,1.55);--ease-playful:cubic-bezier(.34,1.56,.64,1);--transition-instant:.1s var(--ease-playful);--transition-fast:.15s var(--ease-playful);--transition-base:.2s var(--ease-playful);--transition-slow:.32s var(--ease-playful);--transition:all .2s ease-in-out;--ui-transition-fast:all .15s ease-out;--ui-transition-smooth:all .2s ease-in-out;--ui-transition-standard:.35s;--ui-timing-smooth:var(--ease-spring);--transition-color:color var(--transition-fast);--transition-bg:background-color var(--transition-fast);--transition-shadow:box-shadow var(--transition-fast);--transition-border:border-color var(--transition-fast);--transition-opacity:opacity var(--transition-base);--disabled-opacity:.4;--disabled-opacity-controls:.6;--history-future-opacity:.6;--zoom-percentage-min-width:50px;--font-size-xs:.64rem;--font-size-sm:.8rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5625rem;--font-size-2xl:1.953rem;--font-size-3xl:2.441rem;--font-size-4xl:3.052rem;--font-size-5xl:3.815rem;--font-size-micro:.4375rem;--font-size-xxxs:.6rem;--font-size-xxs:.625rem;--font-size-md-lg:1.125rem;--designer-font-heading:1.125rem;--designer-font-subheading:1rem;--designer-font-body:.875rem;--designer-font-label:.75rem;--picker-checkicon-size:14px;--picker-checkicon-size-sm:12px;--admin-title-size:var(--font-size-2xl);--admin-heading-size:var(--font-size-lg);--admin-text-size:var(--font-size-sm);--admin-label-size:var(--font-size-xs);--admin-small-size:var(--font-size-xxs);--admin-primary:var(--color-primary);--admin-primary-hover:#0f4c3c;--admin-border:#e5e7eb;--admin-border-focus:var(--color-primary);--admin-focus-ring:var(--color-primary);--admin-success:#059669;--admin-success-bg:#d1fae5;--admin-success-border:#a7f3d0;--page-toggle-spacing:1rem;--page-toggle-button-padding:.5rem 1rem;--page-toggle-icon-size:1rem;--page-toggle-element-indicator:.25rem;--page-toggle-mobile-padding-xs:.2rem .4rem;--page-toggle-mobile-padding-sm:.3rem .6rem;--page-toggle-mobile-padding-md:.25rem .5rem;--page-toggle-mobile-font-xs:.7rem;--page-toggle-mobile-font-sm:var(--font-size-xs);--page-toggle-mobile-gap-xs:.15rem;--page-toggle-mobile-gap-sm:.2rem;--page-toggle-mobile-gap-md:.25rem;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.5;--font-weight-extrabold:800;--icon-size-small:12px;--icon-size-medium:16px;--icon-size-large:24px;--icon-size-toolbar:28px;--icon-size-modal:20px;--icon-size-button:22px;--icon-container-size:32px;--icon-stroke-thin:2;--icon-stroke-normal:2.5;--modal-title-size:1.25rem;--modal-subtitle-size:.875rem;--modal-preview-width:30px;--modal-scale-duration:.25s;--mockup-preview-max-height:500px;--picker-sheet-max-height:70vh;--picker-sheet-animation:slideUp .2s ease-out;--picker-sheet-shadow:0 -12px 40px #0000003d,0 -4px 16px #0000001f;--picker-sheet-border:1px solid #0000001a;--picker-sheet-background:white;--picker-sheet-border-radius:var(--radius-xl)var(--radius-xl)0 0;--picker-overlay-bg:#0000001a;--picker-overlay-z-index:var(--z-index-modal-backdrop);--picker-animation-duration:.2s;--touch-target-size:44px;--spinner-size:24px;--spinner-border-width:2px;--drag-handle-width:36px;--drag-handle-height:4px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--icon-stroke-width:2px;--long-press-feedback-size:120px;--long-press-feedback-opacity:.5;--long-press-feedback-color-light:#ffffff80;--long-press-feedback-color-dark:#ffffff4d;--long-press-feedback-scale-initial:.3;--long-press-feedback-scale-exit:1.2;--long-press-feedback-duration:.5s;--long-press-feedback-easing:ease-out;--long-press-feedback-z-index:calc(var(--z-index-context-menu) - 1);--tablet-control-button-size:44px;--tablet-control-icon-size:16px;--tablet-control-divider-height:40px;--mobile-toolbar-divider-height:50px;--loading-spinner-sm:20px;--loading-spinner-md:32px;--loading-spinner-lg:48px;--dirobot-loading-size:64px;--dirobot-loading-size-sm:32px;--dirobot-loading-size-md:48px;--dirobot-loading-size-lg:64px;--dirobot-loading-size-xl:80px;--dirobot-loading-size-xxl:120px;--global-loading-size:var(--dirobot-loading-size-xxl);--global-loading-z-index:var(--z-index-notification);--global-loading-animation-duration:.3s;--global-loading-animation-scale:.8;--global-loading-pulse-duration:2s;--global-loading-shadow-opacity-light:.15;--global-loading-shadow-opacity-dark:.25;--view-transition-exit-duration:.35s;--view-transition-enter-duration:.45s;--view-transition-duration-total:.8s;--view-transition-fallback-timeout:.95s;--notification-unread-indicator-size:8px;--notification-avatar-border-width:2px;--notification-icon-size:18px;--profile-menu-avatar-size-md:40px;--command-palette-max-height:400px;--upload-overlay-icon-size:100px;--bg-removal-modal-width:400px;--bg-removal-animation-size:var(--loading-spinner-lg);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--ai-modal-font-family:"Roboto",system-ui,sans-serif;--ai-modal-title-size:1.875rem;--ai-modal-title-weight:100;--ai-modal-shimmer-spacing:.2em;--ai-modal-status-spacing:.05em;--ai-modal-animation-idle:18rem;--ai-modal-animation-active:19.8125rem;--color-picker-max-height:70vh;--color-picker-header-offset:100px;--color-picker-overlay-bg:#0000001a;--color-picker-desktop-max-width:600px;--color-picker-desktop-max-height:650px;--gradient-slider-track-height:6px;--color-picker-saturation-radius:var(--radius-lg);--color-picker-hue-slider-height:16px;--color-picker-hue-slider-radius:var(--radius-full);--color-picker-pointer-size:28px;--color-picker-pointer-border:3px solid white;--color-picker-saturation-shadow:inset 0 0 0 1px #00000014,0 2px 4px #0000000f;--color-picker-hue-slider-shadow:inset 6px 10px 10px #00000026,inset -6px -10px 10px #ffffff6a;--color-picker-pointer-shadow:inset 8px 8px 5px -8px #fff6,inset -4px -4px 10px -3px #0003,7px 5px 7px -.5px #0006;--corner-radius-option-height:60px;--corner-radius-preview-height:20px;--corner-radius-preview-border:2px;--popup-compact-max-width:280px;--popup-compact-max-height:360px;--popup-compact-padding:var(--space-sm);--popup-compact-gap:var(--space-xs);--popup-compact-border-radius:16px;--design-card-border-gradient:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);--design-card-hover-shadow-light:0 8px 24px var(--color-primary-alpha-20);--design-card-hover-shadow-dark:0 8px 24px var(--color-primary-alpha-30);--design-card-transition:all .18s ease;--settings-bar-height:40px;--color-indicator-size:24px;--color-swatch-size:32px;--select-width-default:240px;--settings-modal-product-btn-height-mobile:80px;--settings-modal-product-btn-height-desktop:56px;--settings-modal-gender-btn-height-mobile:56px;--settings-modal-gender-btn-height-desktop:44px;--settings-modal-color-swatch-size:48px;--settings-modal-spacer-height:180px;--settings-modal-divider-height:40px;--settings-modal-button-height-mobile:56px;--settings-modal-button-height-desktop:48px;--size-touch-min:44px;--text-editor-font-size:18px;--text-editor-line-height:1.4;--text-editor-min-width:160px;--text-editor-max-width:560px;--text-editor-min-height:64px;--text-editor-viewport-margin:16px;--blur-backdrop:10px;--mobile-toolbar-button-size:60px;--mobile-toolbar-gap:var(--space-xs);--mobile-toolbar-icon-size:20px;--mobile-toolbar-ai-icon-size:24px;--canvas-desktop-header-height:80px;--canvas-zoom-controls-height:48px;--z-index-base:1;--z-index-canvas:10;--z-index-canvas-toolbar:50;--z-index-floating-controls:100;--z-index-topbar:100;--z-index-grunge-toggle:var(--z-index-topbar);--z-index-textarea:200;--z-index-bottom-nav:1000;--z-index-bottom-sheet:1002;--z-index-overlay:1001;--z-index-modal-backdrop:9900;--z-index-context-menu:10002;--z-index-modal:10000;--z-index-notification:10500;--z-index-text-editor:12000;--z-index-debug:2500;--grunge-toggle-letter-spacing:.05em;--canvas-max-size-desktop:500px;--canvas-design-width:500px;--canvas-design-height:600px;--shape-fill-default:#9ca3af;--shape-stroke-default:#6b7280;--shape-stroke-width-default:2;--color-guide-canvas:var(--color-primary);--textarea-border-radius:4px;--textarea-line-height:1;--textarea-z-index:100;--textarea-background:transparent;--textarea-margin:0;--textarea-outline:none;--textarea-default-color:var(--color-gray-800);--textarea-default-line-height:var(--line-height-tight);--textarea-default-font-weight:normal;--guide-update-throttle:16;--guide-line-weight-weak:1;--guide-line-weight-normal:1.5;--guide-line-weight-strong:2;--snap-guideline-color:var(--color-secondary);--snap-guideline-dash-pattern:4,6;--snap-guideline-line-width:1;--snap-guideline-opacity:.9;--context-menu-btn-size:1.75rem;--context-menu-gap:2px;--context-menu-padding:4px;--context-menu-bubble-gap:8px;--context-menu-group-bg:#00000008;--context-menu-group-border:#0000000f;--context-menu-width:188px;--context-menu-height:84px;--context-menu-object-gap:16px;--context-menu-gap-extra:8px;--context-menu-rotation-clearance:48px;--motion-duration-instant:.1s;--motion-duration-fast:.2s;--motion-duration-normal:.3s;--motion-duration-slow:.4s;--motion-ease-standard:cubic-bezier(.4,0,.2,1);--motion-ease-decelerate:cubic-bezier(0,0,.2,1);--motion-ease-accelerate:cubic-bezier(.4,0,1,1);--motion-ease-spring:cubic-bezier(.34,1.56,.64,1);--motion-ease-smooth:cubic-bezier(.25,.46,.45,.94);--motion-scale-hover:1.05;--motion-scale-tap:.95;--motion-scale-active:1.08;--motion-translate-hover:-3px;--motion-translate-tap:2px;--shadow-hover:0 2px 8px #0000001f;--shadow-active:0 1px 4px #00000014;--shadow-lifted:0 4px 12px #00000026;--motion-gpu-hack:translateZ(0);--motion-will-change:transform,opacity;--canvas-will-change-transform:transform;--canvas-will-change-auto:auto;--motion-stagger-xs:30ms;--motion-stagger-sm:50ms;--motion-stagger-md:.1s;--motion-stagger-lg:.15s;--motion-spring-stiffness:400;--motion-spring-damping:30;--motion-spring-mass:1;--hint-mode-overlay-bg:#0000004d;--hint-mode-overlay-z-index:9998;--hint-mode-overlay-transition:var(--motion-duration-normal)var(--motion-ease-standard);--hint-region-bg:#ffffff1a;--hint-region-border:2px solid #ffffff4d;--hint-region-border-radius:var(--radius-md);--hint-region-hover-bg:#ffffff26;--hint-region-hover-border:#ffffff80;--hint-region-transition:var(--motion-duration-fast)var(--motion-ease-standard);--hint-label-bg:#000c;--hint-label-color:white;--hint-label-padding:4px 8px;--hint-label-border-radius:var(--radius-sm);--hint-label-shadow:0 2px 8px #0000004d;--hint-label-max-width:120px;--hint-label-z-index:var(--z-index-modal);--hint-info-button-bg:var(--color-primary);--hint-info-button-bg-hover:var(--color-primary-dark);--hint-info-button-color:white;--hint-info-button-size:var(--floating-button-size);--hint-info-button-icon-size:var(--floating-button-icon-size);--hint-info-button-shadow:var(--shadow-lg);--hint-info-button-z-index:100;--hint-panel-bg:white;--hint-panel-border-radius:var(--radius-lg);--hint-panel-shadow:var(--shadow-2xl);--hint-panel-max-width:320px;--hint-panel-max-height:400px;--hint-panel-padding:var(--space-lg);--hint-panel-z-index:var(--z-index-context-menu);--hint-panel-title-size:var(--font-size-lg);--hint-panel-title-weight:var(--font-weight-semibold);--hint-panel-text-size:var(--font-size-sm);--hint-panel-text-color:var(--ui-text-primary);--hint-panel-text-secondary:var(--ui-text-secondary);--hint-panel-icon-size:16px;--hint-panel-icon-color:var(--color-primary);--hint-panel-icon-bg:var(--color-primary-light);--hint-panel-icon-padding:8px;--hint-shortcut-bg:var(--ui-bg-secondary);--hint-shortcut-border:1px solid var(--ui-border);--hint-shortcut-border-radius:var(--radius-sm);--hint-shortcut-padding:4px 8px;--hint-shortcode-font-size:var(--font-size-xs);--hint-shortcode-font-weight:var(--font-weight-medium);--hint-shortcode-color:var(--ui-text-secondary);--hint-panel-section-gap:var(--space-md);--hint-panel-item-gap:var(--space-sm);--hint-panel-list-gap:var(--space-xs);--context-menu-ref-panel-padding:8px;--context-menu-ref-panel-spacing:8px;--context-menu-ref-panel-heading-height:36px}.autosave-icon{width:var(--autosave-animation-size);height:var(--autosave-animation-size);display:block}.dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--auth-bg-gradient-light:var(--auth-bg-gradient-dark);--auth-input-bg:#ffffff26;--auth-label-color:#fffc;--ui-bg-primary:#0f172a;--ui-bg-secondary:#1e293b;--ui-sidebar-bg:#111827;--ui-border:#ffffff1a;--ui-border-light:#ffffff0d;--ui-hover-bg:#ffffff0d;--ui-primary-bg:var(--color-primary-alpha-20);--ui-border-hover:#fff3;--ui-text-primary:#f1f5f9;--ui-text-secondary:#cbd5e1;--ui-text-tertiary:#94a3b8;--ui-surface:#1e293b;--text-primary:#fff;--text-secondary:#ffffffbf;--text-secondary-dark:#ffffffbf;--text-tertiary:var(--ui-text-tertiary);--text-muted:#ffffff73;--designer-button-bg:#ffffff0d;--designer-button-hover-bg:#ffffff1a;--designer-button-text:#f3f4f6;--floating-toolbar-button-bg:var(--color-gray-800);--floating-toolbar-gradient:linear-gradient(to bottom,#1f2937,#111827);--dirobot-icon-filter:brightness(0)invert(1);--canva-toolbar-shadow:0 4px 20px #0000004d;--canva-toolbar-bg:#1f2937f2;--canva-mobile-toolbar-bg:#111827fa;--sidebar-tab-bg:#111827fa;--sidebar-panel-bg:#17202eeb;--sidebar-panel-backdrop-bg:#0000004d;--sidebar-panel-border-color:#ffffff1f;--sidebar-panel-shadow:0 20px 48px #0009;--panel-section-bg:#00000040;--panel-section-border:#ffffff14;--bottom-nav-text-inactive:#9ca3af;--bottom-nav-text-hover:#f3f4f6;--bottom-nav-bg-hover:#1f2937;--sidebar-glass-bg:var(--sidebar-glass-bg-dark);--sidebar-glass-border:var(--sidebar-glass-border-dark);--sidebar-glass-shadow-left:var(--sidebar-glass-shadow-left-dark);--sidebar-glass-shadow-right:var(--sidebar-glass-shadow-right-dark);--color-gray-50:#1f1f1f;--color-gray-100:#2d2d2d;--color-gray-200:#3a3a3a;--color-gray-300:#4a4a4a;--color-gray-400:#6a6a6a;--color-gray-500:#8a8a8a;--color-gray-600:#a0a0a0;--color-gray-700:silver;--color-gray-800:#e0e0e0;--color-gray-900:#f5f5f5;--notice-bg:#9a341233;--notice-border:#9a3412;--notice-text:#fdba74;--notice-bg-error:#7f1d1d33;--notice-border-error:#b91c1c;--notice-text-error:#fca5a5;--color-primary-light:#1b7d6b26;--color-primary-alpha-04:#ffffff0a;--color-primary-alpha-08:#ffffff14;--color-primary-alpha-10:#1b7d6b33;--color-primary-alpha-12:#ffffff1f;--color-primary-alpha-15:#ffffff26;--scrollbar-track-bg:#1e293b;--scrollbar-thumb-bg:var(--color-gray-600);--scrollbar-thumb-opacity:.6;--scrollbar-thumb-opacity-hover:1;--swiper-bullet-bg:#ffffff80;--modal-content-bg:var(--color-white);--modal-overlay-bg:#0f172a99;--picker-sheet-background:#1e293b;--picker-overlay-bg:#0000004d;--glass-background:#1e293ba6;--glass-bg-light:#ffffff0d;--glass-bg-dark:#00000080;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px 0 #0000005e;--gradient-neutral:var(--gradient-neutral-dark);--gradient-primary-mode:var(--gradient-primary-dark);--gradient-primary-hover:var(--gradient-primary-hover-dark);--gradient-secondary-mode:var(--gradient-secondary-dark);--gradient-secondary-hover:var(--gradient-secondary-hover-dark);--gradient-glass-bg:var(--gradient-glass-dark-bg);--designer-toolbar-bg:#1e293b;--designer-toolbar-border:#ffffff1a;--designer-sidebar-bg:#111827;--designer-sidebar-border:#ffffff0d;--image-frame-grid-color:#ffffff59;--image-edit-frame-outline-color:#fffffff2;--overlay-global-bg:#1b1b1be6;--hint-mode-overlay-bg:#0006;--long-press-feedback-color-light:var(--long-press-feedback-color-dark)}@media (max-width:767px){:root{--view-switcher-gap-top:2px}}@media (min-width:768px){:root{--header-button-size:40px;--header-icon-size:20px;--profile-menu-icon-size:20px}}@media (min-width:1024px){:root{--ui-canvas-offset-bottom:1rem}}:root,.dark,[data-theme=dark]{--button-success-bg:#10b981;--button-success-bg-hover:#059669;--button-success-bg-active:#047857;--button-success-text:#fff}.express-checkout-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}:root{--trust-icon-green:#16a34a;--trust-icon-orange:#ea580c;--trust-icon-yellow:#ca8a04;--trust-icon-muted:#6b7280}.dark,[data-theme=dark]{--trust-icon-green:#4ade80;--trust-icon-orange:#fb923c;--trust-icon-yellow:#facc15;--trust-icon-muted:#9ca3af}.trust-icon-green{color:var(--trust-icon-green);flex-shrink:0}.trust-icon-orange{color:var(--trust-icon-orange);flex-shrink:0}.trust-icon-yellow{color:var(--trust-icon-yellow);flex-shrink:0}.trust-icon-muted{color:var(--trust-icon-muted);flex-shrink:0}:root{--text-editor-viewport-margin:16px;--text-editor-min-width:160px;--text-editor-min-height:64px;--text-editor-default-color:#1a1a1a}.dark,[data-theme=dark]{--text-editor-default-color:#fff}.canvas-text-editor{z-index:100;isolation:isolate;box-shadow:none;transform-origin:0 0;background:0 0;border:none;padding:0;position:fixed}.canvas-text-editor--inline{pointer-events:auto}.canvas-text-editor__input{resize:none;white-space:pre-wrap;word-wrap:break-word;color:#0000;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.canvas-text-editor__input:focus{outline:none}.diro-text-editor{resize:none;background:0 0;border:none;outline:none}.canvas-text-editor__caret{pointer-events:none;will-change:transform;background:currentColor;width:1px;position:absolute}.canvas-text-editor__overlay{pointer-events:none;position:absolute;inset:0}
:root{--designer-accent-start:#37c2ad;--designer-accent-end:#1f6b5e;--designer-accent-hover-start:#48d4bd;--designer-accent-hover-end:#195044;--designer-accent-glow:#37c2ad73;--designer-toggle-start:#f79a52;--designer-toggle-end:#d5520f;--designer-toggle-hover-start:#ffad6b;--designer-toggle-hover-end:#c34709;--designer-toggle-flat:#f37926;--designer-bg-dark:#e8e3dc;--designer-text-dark:#0c0f10}.dark{--designer-bg-dark:#0f172a}.designer-button-accent{background-image:linear-gradient(90deg,var(--designer-accent-start),var(--designer-accent-end));color:#fff;border:1px solid var(--glass-border);box-shadow:0 22px 38px -18px var(--designer-accent-glow),0 0 22px -6px var(--designer-accent-glow);transition:transform .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth),background-image .25s var(--ease-smooth)}.designer-button-accent:hover,.designer-button-accent:focus-visible{background-image:linear-gradient(90deg,var(--designer-accent-hover-start),var(--designer-accent-hover-end));box-shadow:0 28px 44px -18px var(--designer-accent-glow),0 0 26px -4px var(--designer-accent-glow)}.designer-toggle-group{background:var(--overlay-bg);border:1px solid var(--overlay-border);box-shadow:0 18px 36px var(--overlay-bg-heavy);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.designer-toggle-button{color:var(--overlay-text-secondary);transition:color .2s var(--ease-smooth),background .2s var(--ease-smooth);padding:.5rem 1.25rem;font-size:.875rem;font-weight:600}.designer-toggle-button:hover{color:var(--overlay-text);background:var(--overlay-hover)}.designer-toggle-button--active{color:var(--color-white);background-image:linear-gradient(90deg,var(--designer-toggle-start),var(--designer-toggle-end))}.designer-toggle-button--active:hover,.designer-toggle-button--active:focus-visible{background-image:linear-gradient(90deg,var(--designer-toggle-hover-start),var(--designer-toggle-hover-end))}.designer-model-group{background:var(--overlay-bg-heavy);border:1px solid var(--overlay-border);box-shadow:0 12px 24px var(--overlay-bg),inset 0 0 0 1px var(--overlay-subtle-bg);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-radius:9999px;display:inline-flex;overflow:hidden}.designer-model-button{min-width:auto;color:var(--overlay-text-secondary);text-transform:uppercase;letter-spacing:.04em;transition:color .25s var(--ease-smooth),background .25s var(--ease-smooth),transform .25s var(--ease-smooth);background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.6rem;font-weight:600;display:flex}.designer-model-button:hover{color:var(--overlay-text);background:var(--overlay-hover)}.designer-model-button--active{color:var(--designer-text-dark);background-image:linear-gradient(90deg,var(--designer-toggle-start),var(--designer-toggle-end));box-shadow:0 16px 28px -12px #f4955299,0 6px 14px -8px var(--overlay-bg)}.designer-model-button__icon{background:var(--overlay-hover);width:1.125rem;height:1.125rem;color:var(--overlay-text);transition:transform .25s var(--ease-smooth),background .25s var(--ease-smooth),color .25s var(--ease-smooth);border-radius:9999px;justify-content:center;align-items:center;display:flex}.designer-model-button:hover .designer-model-button__icon{transform:scale(1.05)}.designer-model-button--active .designer-model-button__icon{background:var(--glass-shine);color:var(--designer-text-dark)}.designer-model-button__icon img{filter:invert();width:100%;height:100%;transition:filter .25s var(--ease-smooth)}.designer-model-button--active .designer-model-button__icon img{filter:invert(0)}.designer-model-button__icon svg{stroke:currentColor;fill:none}.designer-action-secondary{background:var(--overlay-bg-heavy);border:1px solid var(--overlay-border);color:var(--ui-text-primary);transition:background .25s var(--ease-smooth),border-color .25s var(--ease-smooth),color .25s var(--ease-smooth)}.designer-action-secondary:hover,.designer-action-secondary:focus-visible{background:var(--checkout-surface-hover);border-color:var(--checkout-border-hover);color:var(--ui-text-primary)}.designer-action-primary{background-image:linear-gradient(90deg,var(--designer-accent-start),var(--designer-accent-end));color:#fff;border:1px solid var(--glass-border);box-shadow:0 18px 32px -14px var(--designer-accent-glow);transition:background-image .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth)}.designer-action-primary:hover,.designer-action-primary:focus-visible{background-image:linear-gradient(90deg,var(--designer-accent-hover-start),var(--designer-accent-hover-end));box-shadow:0 22px 36px -12px var(--designer-accent-glow)}.bottom-sheet-backdrop{background:var(--backdrop-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.bottom-sheet-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(32px);border:1px solid var(--sheet-border);height:85vh;box-shadow:0 -10px 40px var(--overlay-bg),inset 0 1px 0 var(--overlay-divider);border-bottom:none;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-sheet-drag-handle{background:var(--sheet-handle);border-radius:9999px;width:2.5rem;height:.25rem;margin:.75rem auto .5rem}.bottom-sheet-header{justify-content:space-between;align-items:center;padding:0 1rem .5rem;display:flex}.bottom-sheet-title{color:var(--sheet-text);font-size:1.125rem;font-weight:600}.bottom-sheet-close-btn{background:var(--sheet-hover);border:1px solid var(--sheet-divider);color:var(--sheet-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s var(--ease-smooth);border-radius:9999px;padding:.5rem}.bottom-sheet-close-btn:hover{background:var(--sheet-handle);border-color:var(--sheet-handle)}.bottom-sheet-content{flex:1;padding:0 1rem 1rem;overflow-y:auto}.bottom-sheet-footer{border-top:1px solid var(--sheet-divider);background:var(--checkout-surface-hover);padding:1rem}.community-info-container{background:var(--overlay-bg-heavy);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--overlay-border);border-radius:1rem;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.community-info-container--transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:.625rem 0}.community-info-user{cursor:pointer;min-width:0;transition:transform .15s var(--ease-smooth);align-items:center;gap:.75rem;display:flex}.community-info-user:active{transform:scale(.98)}.community-info-title{color:var(--overlay-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.community-info-author{color:var(--overlay-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.community-info-action{color:var(--overlay-text-secondary);transition:background .2s var(--ease-smooth);border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .75rem;display:flex}.community-info-action:hover{background:var(--overlay-hover)}.community-info-overflow{min-width:44px;min-height:44px;transition:color .2s var(--ease-smooth),background .2s var(--ease-smooth);border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;display:flex}.community-info-overflow:focus-visible{outline:none;box-shadow:0 0 0 2px #2a8f7e80}.community-info-overflow--surface{color:var(--overlay-text-secondary)}.community-info-overflow--surface:hover{color:var(--overlay-text);background:var(--overlay-hover)}.community-info-overflow--overlay{color:#ffffffb3}.community-info-overflow--overlay:hover{color:#fff;background:#ffffff26}.community-info-divider{background:var(--overlay-divider);width:1px;height:1.25rem}.community-info-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.community-info-badge--original{background:var(--bg-success);color:var(--color-success);border:1px solid var(--bg-success)}.community-info-badge--remix{background:var(--bg-warning);color:var(--color-warning);border:1px solid var(--bg-warning)}.tablet-design-info{background:var(--overlay-bg-heavy);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--overlay-border);border-radius:1rem;flex-direction:column;gap:.5rem;margin:0 1rem 1rem;padding:.75rem;display:flex}.tablet-design-info__user{cursor:pointer;transition:transform .15s var(--ease-smooth);align-items:center;gap:.75rem;display:flex}.tablet-design-info__user:active{transform:scale(.98)}.tablet-design-info__avatar-placeholder{background:var(--overlay-hover);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.tablet-design-info__title{color:var(--overlay-text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.tablet-design-info__author{color:var(--overlay-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.tablet-design-info__actions{align-items:center;gap:.5rem;display:flex}.tablet-design-info__comment-btn{color:var(--overlay-text-secondary);transition:background .2s var(--ease-smooth);border-radius:.5rem;align-items:center;gap:.375rem;padding:.25rem .5rem;display:flex}.tablet-design-info__comment-btn:hover{background:var(--overlay-hover)}.tablet-design-info__divider{background:var(--overlay-divider);width:1px;height:1rem}.designer-cart-badge{background:var(--accent-primary);min-width:18px;height:18px;color:var(--designer-text-dark);box-shadow:var(--shadow-lg);z-index:10;border-radius:9999px;justify-content:center;align-items:center;padding:0 .25rem;font-size:10px;font-weight:700;display:flex;position:absolute;top:-.25rem;right:-.25rem}.community-icon-button{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--overlay-border);width:2.5rem;height:2.5rem;color:var(--overlay-text-secondary);transition:background .2s var(--ease-smooth);border-radius:9999px;justify-content:center;align-items:center;display:flex}.community-icon-button:hover{background:var(--overlay-hover)}.community-remix-button{background:var(--color-secondary);color:var(--color-white);transition:background .2s var(--ease-smooth);border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.community-remix-button:hover{background:var(--color-secondary-dark)}.vote-count-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.vote-count-box--upvote{background:var(--bg-success);border:1px solid var(--bg-success);color:var(--color-success)}.community-preview-actions{background:var(--overlay-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--overlay-border);box-shadow:var(--shadow-2xl)}@media (max-width:480px){.designer-model-button{gap:.25rem;padding:.375rem .5rem;font-size:.625rem}.designer-model-button__icon{width:1rem;height:1rem}.designer-action-secondary,.designer-action-primary{min-height:2.75rem;padding:.625rem 1rem}.community-preview-actions{flex-wrap:nowrap;gap:.5rem}.community-preview-actions .designer-action-secondary,.community-preview-actions .designer-action-primary{flex-shrink:1;min-width:0;padding:.5rem .75rem;font-size:.875rem}}:root:not(.dark) .designer-model-button__icon img,:root:not(.dark) .designer-model-button--active .designer-model-button__icon img{filter:invert(0)}
.feed-tab-active{background:linear-gradient(to right,var(--accent-tertiary),var(--accent-secondary))}