:root{--glass-surface: linear-gradient(145deg, #fffffff2, #f6f9f0e3);--glass-control: linear-gradient(155deg, #ffffffed, #f1f5e9df);--glass-selected: linear-gradient(145deg, #f7fbedf5, #e9f1dded);--glass-primary: linear-gradient(145deg, #315549, #183b34 72%);--glass-edge: #dfe6d7;--glass-depth: inset 0 1px 0 #ffffffed, 0 5px 18px #183b3407;--glass-blur: 10px}body .header-brand-island,body .header-islands .header-action-island,body .home-brand-island,body .home-action-island,body .design-panel>section,body .presentation-panel>[role=tabpanel],body .presentation-panel .compact-plan-card,body dialog[open],body .header-islands .header-links[popover],body .header-policy-links[popover],body .home-policies[popover],body .home-navigation[popover],body .presentation-toolbar{background:var(--glass-surface);border-color:var(--glass-edge);box-shadow:var(--glass-depth);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}body dialog[open]{background:linear-gradient(145deg,#fffffff9,#f6f9f0f2);box-shadow:inset 0 1px #fff,0 24px 80px #183b3424}body .header-brand-island,body .header-islands .header-action-island,body .home-brand-island,body .home-action-island,body .presentation-toolbar{box-shadow:inset 0 1px #fff,0 6px 24px #183b340a}body .left-panel.design-panel,body .right-panel.presentation-panel{background:transparent;border-color:transparent}body .views,body .canvas-tools,body .live-preview-controls,body .mobile-studio-nav{background:var(--glass-control);border-color:#ffffffb8;box-shadow:inset 0 1px #ffffffed,0 5px 18px #183b340a;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}body .outline,body .account-panel .outline.full,body .presentation-panel .outline.full,body .presentation-panel #preview-video,body .design-panel :is(#sample,#wash-effect),body .home-button.secondary,body .presentation-panel .compact-plan-card button,body .design-panel .garment-picker .garment-navigation,body .home-billing-period,body .account-tabs,body .presentation-panel .scene-export-tabs,body .presentation-panel .export-tabs{background:var(--glass-control);border-color:var(--glass-edge);box-shadow:inset 0 1px #ffffffed}body .dark,body .account-panel .dark.full,body .presentation-panel .dark.full,body .home-button.primary,body .home-header-cta,body .home-present .motion-preview-controls button,body #free-preview-plans{background:var(--glass-primary);box-shadow:inset 0 1px #ffffff26,0 3px 9px #183b3410}body .presentation-panel .scene-export-tabs [aria-selected=true],body .presentation-panel .export-tabs button.active,body .account-tabs [aria-pressed=true],body .home-billing-period input:checked+span{background:linear-gradient(145deg,#fff,#f8fbf2);box-shadow:inset 0 1px #fff,0 2px 6px #183b340b}body .presentation-panel .animation-card,body .design-library .saved-item,body .plans-panel .plan-option,body .home-plan{background:var(--glass-surface);box-shadow:inset 0 1px #fff}body .presentation-panel .animation-card.active,body .plans-panel .plan-ultimate,body .home-plan-pro{background:var(--glass-selected)}body .presentation-panel .animation-card.active{box-shadow:inset 0 1px #fff,0 0 0 1px #97b47f}body .plans-panel .plan-ultimate{box-shadow:inset 0 3px #b8d47d}body .showcase-callout,body .export-demo-card,body .customize-art .artwork-tile,body .customize-art .mini-color-strip{background:var(--glass-control);box-shadow:inset 0 1px #fff,0 14px 32px #183b340c}@media(hover:hover)and (pointer:fine){body .outline:hover:not(:disabled),body .presentation-panel .outline.full:hover:not(:disabled),body .presentation-panel #preview-video:hover:not(:disabled),body .design-panel :is(#sample,#wash-effect):hover:not(:disabled),body .home-button.secondary:hover{background:linear-gradient(145deg,#fff,#edf4e2);border-color:#b9cbaa}body .dark:hover:not(:disabled),body .home-button.primary:hover,body .home-header-cta:hover,body .home-present .motion-preview-controls button:hover:enabled{background:linear-gradient(145deg,#3c6352,#21483d 72%)}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root{--glass-surface: linear-gradient(145deg, #fff, #f6f9f0)}}@media(max-width:800px){:root{--glass-blur: 6px}body .design-panel>section,body .presentation-panel>[role=tabpanel],body .presentation-panel .compact-plan-card{-webkit-backdrop-filter:none;backdrop-filter:none}}