:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #FAF8F5;--color-bg-accent: #F5F0EB;--color-text-primary: #2C2B2A;--color-text-secondary: #7A7370;--color-text-light: #A09A96;--color-accent: #8B7B6B;--color-border: #EDE8E3;--color-border-light: #F5F2EE;--color-pastel-lavender: #E8E0F0;--color-pastel-rose: #F0DDE0;--color-pastel-sage: #DDE8DF;--color-pastel-cream: #F5EDE0;--color-pastel-sky: #DDE5F0;--color-cta-primary: #4A3F35;--color-cta-hover: #5C5046;--font-primary: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-primary: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif;--font-logo: "Playfair Display", Georgia, serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 48px;--font-size-5xl: 64px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--max-width: 100%;--header-height: 60px;--header-top-height: 60px;--header-nav-height: 50px;--header-total-height: 110px;--transition-fast: all .2s ease;--transition-base: all .3s ease;--transition-slow: all .4s ease;--shadow-sm: 0 2px 4px rgba(44, 43, 42, .05);--shadow-md: 0 4px 12px rgba(44, 43, 42, .08);--shadow-lg: 0 10px 30px rgba(44, 43, 42, .12);--shadow-xl: 0 20px 50px rgba(44, 43, 42, .16);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 20px;--border-radius-round: 50%;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-tooltip: 700;--color-badge-sale: #E74C3C;--color-badge-featured: #F39C12;--color-success: #27AE60;--color-warning: #F39C12;--color-error: #E74C3C;--color-error-bg: #FDEDED;--color-error-text: #C0392B;--color-info: #3498DB;--shadow-card: 0 2px 8px rgba(44, 43, 42, .06);--shadow-card-hover: 0 4px 16px rgba(44, 43, 42, .1);--shadow-button: 0 2px 4px rgba(44, 43, 42, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}ul,ol{list-style:none}img,picture,svg{display:block;max-width:100%;height:auto}input,textarea,select{font-family:inherit;font-size:inherit}fieldset{border:none;padding:0;margin:0}.skip-nav{position:absolute;top:-40px;left:0;background:var(--color-text-primary);color:#fff;padding:8px 16px;z-index:10001;text-decoration:none;font-family:Satoshi,sans-serif;font-size:.9rem;transition:top .2s ease}.skip-nav:focus{top:10px;left:10px;outline:2px solid white;outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-family:var(--font-display);color:var(--color-text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:clamp(1.125rem,2vw,1.25rem)}h6{font-size:1rem}p{margin:0 0 1rem;line-height:1.6}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.font-primary{font-family:var(--font-family-primary)}.font-serif{font-family:Playfair Display,Georgia,serif}.leading-tight{line-height:1.2}.leading-normal{line-height:1.6}.leading-relaxed{line-height:1.8}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.05em}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border:2px solid transparent;border-radius:var(--border-radius-sm);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;text-decoration:none;cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:focus{outline:2px solid var(--color-text-primary);outline-offset:2px}.btn:focus:not(:focus-visible){outline:none}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-text-primary);color:var(--color-bg-primary);border-color:var(--color-text-primary);box-shadow:var(--shadow-button)}.btn-primary:hover{background-color:#1e2525d9;border-color:#1e2525d9}.btn-primary:active{box-shadow:none}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-text-primary);color:var(--color-bg-primary)}.btn-tertiary{background-color:transparent;color:var(--color-text-primary);border-color:transparent;padding:var(--spacing-sm) var(--spacing-md)}.btn-tertiary:hover{opacity:.6}.btn-ghost{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:transparent}.btn-ghost:hover{background-color:var(--color-border)}.btn-link{background:none;border:none;color:var(--color-text-primary);text-decoration:underline;padding:0}.btn-link:hover{opacity:.6}.btn-link:active{transform:none}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-xl{padding:var(--spacing-xl) var(--spacing-2xl);font-size:var(--font-size-xl)}.btn-block{width:100%;display:flex}.btn:disabled,.btn.disabled{background-color:var(--color-border-light);color:var(--color-text-light);border-color:var(--color-border-light);cursor:not-allowed;opacity:.6;box-shadow:none}.btn:disabled:hover,.btn.disabled:hover{background-color:var(--color-border-light);color:var(--color-text-light);border-color:var(--color-border-light);transform:none}.btn:disabled:active,.btn.disabled:active{transform:none}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex;gap:var(--spacing-sm)}.btn-group .btn{flex:1}.btn-icon{padding:var(--spacing-sm);width:40px;height:40px}.btn-icon.btn-sm{width:32px;height:32px;padding:var(--spacing-xs)}.btn-icon.btn-lg{width:48px;height:48px;padding:var(--spacing-md)}.btn svg{width:18px;height:18px}.btn svg:first-child:not(:last-child){margin-right:var(--spacing-sm)}.btn svg:last-child:not(:first-child){margin-left:var(--spacing-sm)}.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover{background-color:#c0392b;border-color:#c0392b}.btn-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover{background-color:#229954;border-color:#229954}.btn-warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.btn-warning:hover{background-color:#d68910;border-color:#d68910}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-primary{background-color:var(--color-text-primary);color:var(--color-bg-primary)}.badge-sale{background-color:var(--color-badge-sale);color:#fff}.badge-new{background-color:var(--color-success);color:#fff}.badge-featured{background-color:var(--color-badge-featured);color:#fff}.badge-out-of-stock{background-color:var(--color-text-secondary);color:#fff}.badge-success{background-color:var(--color-success);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-danger{background-color:var(--color-error);color:#fff}.badge-info{background-color:var(--color-info);color:#fff}.badge-subtle{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.badge-outlined{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.badge-sm{padding:2px var(--spacing-xs);font-size:10px}.badge-md{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.badge-lg{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.badge-overlay{position:absolute;z-index:10}.badge-top-left{top:var(--spacing-sm);left:var(--spacing-sm)}.badge-top-right{top:var(--spacing-sm);right:var(--spacing-sm)}.badge-bottom-left{bottom:var(--spacing-sm);left:var(--spacing-sm)}.badge-bottom-right{bottom:var(--spacing-sm);right:var(--spacing-sm)}.badge svg{width:12px;height:12px;margin-right:4px}.badge-dot{padding:0;width:8px;height:8px;border-radius:50%}.badge-dot.badge-lg{width:12px;height:12px}.badge-pill{border-radius:999px;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:var(--spacing-sm)}.breadcrumb-item{display:inline-flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumb-item a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-text-primary)}.breadcrumb-item.active,.breadcrumb-item:last-child{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{display:inline-flex;align-items:center;margin:0 var(--spacing-xs);color:var(--color-text-light);-webkit-user-select:none;user-select:none}.breadcrumb-item:not(:last-child):after{content:"/";margin-left:var(--spacing-sm);color:var(--color-text-light)}.breadcrumb.separator-arrow .breadcrumb-item:not(:last-child):after{content:"›"}.breadcrumb.separator-chevron .breadcrumb-item:not(:last-child):after{content:">"}.breadcrumb.separator-dot .breadcrumb-item:not(:last-child):after{content:"•"}@media (max-width: 640px){.breadcrumb{font-size:var(--font-size-xs)}.breadcrumb.mobile-compact .breadcrumb-item:not(:first-child):not(:last-child){display:none}.breadcrumb.mobile-compact .breadcrumb-item:nth-child(2):before{content:"...";margin:0 var(--spacing-xs);color:var(--color-text-light)}}.breadcrumb-item svg{width:14px;height:14px;margin-right:var(--spacing-xs)}.breadcrumb-home-icon{width:16px;height:16px}.alert{display:flex;align-items:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid transparent;font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--spacing-md)}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.alert-message{color:inherit}.alert-error{background-color:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error)}.alert-error .alert-title{color:var(--color-error)}.alert-success{background-color:#e8f5e9;color:#1b5e20;border-color:var(--color-success)}.alert-success .alert-title{color:var(--color-success)}.alert-warning{background-color:#fff3e0;color:#e65100;border-color:var(--color-warning)}.alert-warning .alert-title{color:var(--color-warning)}.alert-info{background-color:#e3f2fd;color:#0d47a1;border-color:var(--color-info)}.alert-info .alert-title{color:var(--color-info)}.alert-neutral{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.alert-icon{flex-shrink:0;width:20px;height:20px;margin-right:var(--spacing-md);margin-top:2px}.alert-dismissible{position:relative;padding-right:var(--spacing-3xl)}.alert-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:inherit;opacity:.6;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.alert-close:hover{opacity:1}.alert-close svg{width:16px;height:16px}.alert-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.alert-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:var(--font-size-lg)}.alert-actions{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm)}.alert-actions .btn{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}@keyframes alert-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert.alert-animated{animation:alert-slide-in .3s ease-out}.alert-bordered{border-left-width:4px}.alert-outlined{background-color:transparent;border-width:2px}.alert-outlined.alert-error{color:var(--color-error)}.alert-outlined.alert-success{color:var(--color-success)}.alert-outlined.alert-warning{color:var(--color-warning)}.alert-outlined.alert-info{color:var(--color-info)}.product-card{display:block;text-decoration:none;color:inherit;min-width:0}.product-card:hover .product-card-image img{transform:scale(1.03)}.product-card-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f0ece4;border-radius:2px}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.product-card-badge{position:absolute;top:10px;right:10px;z-index:10}.product-card-favorite{position:absolute;top:10px;left:10px;z-index:10;opacity:0;transition:opacity .2s ease}.product-card:hover .product-card-favorite{opacity:1}.product-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:5}.product-card-overlay-text{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.product-card-content{padding:10px 2px 0;min-width:0;overflow:hidden}.product-card-row{display:flex;align-items:baseline;gap:8px}.product-card-price{font-size:13px;font-weight:600;color:var(--color-text-primary);flex-shrink:0}.product-card-price-original{font-size:12px;color:var(--color-text-light);text-decoration:line-through}.product-card-title{font-size:13px;font-weight:600;color:var(--color-text-primary);line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-subtitle{font-size:12px;color:var(--color-text-secondary);margin:2px 0 0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-colors{display:flex;gap:5px;margin-top:6px}.product-card-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex-shrink:0}@media (max-width: 767px){.product-card-content{padding:6px 0 0}.product-card-row{gap:4px}.product-card-price,.product-card-title{font-size:11px}.product-card-subtitle{font-size:10px}.product-card-favorite{opacity:1;top:6px;left:6px}.product-card-badge{top:6px;right:6px}}.product-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.product-grid{grid-template-columns:repeat(4,1fr)}.product-grid-1col{grid-template-columns:1fr}.product-grid-2col{grid-template-columns:repeat(2,1fr)}.product-grid-3col{grid-template-columns:repeat(3,1fr)}.product-grid-4col{grid-template-columns:repeat(4,1fr)}.product-grid-5col{grid-template-columns:repeat(5,1fr)}.product-grid.gap-sm{gap:var(--spacing-sm)}.product-grid.gap-md{gap:var(--spacing-md)}.product-grid.gap-lg{gap:var(--spacing-lg)}.product-grid.gap-xl{gap:var(--spacing-xl)}@media (min-width: 1280px){.product-grid-5col{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.product-grid,.product-grid-4col,.product-grid-5col{grid-template-columns:repeat(4,1fr)}.product-grid-3col{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.product-grid,.product-grid-3col,.product-grid-4col,.product-grid-5col,.product-grid-2col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.product-grid,.product-grid-2col,.product-grid-3col,.product-grid-4col,.product-grid-5col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.product-grid{gap:var(--spacing-md)}}@media (max-width: 767px){.mobile-2col-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}.product-grid-empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.product-grid-empty-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);opacity:.3}.product-grid-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.product-grid-empty-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.product-grid.loading{opacity:.6;pointer-events:none}.product-grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 640px){.product-grid-auto{grid-template-columns:1fr}}.product-grid-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:10px;gap:var(--spacing-lg)}.product-grid-masonry .product-card{grid-row-end:span 50}.favorite-btn{background:none;border:none;cursor:pointer;padding:8px;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;transition:transform .2s ease,opacity .2s ease;box-shadow:0 2px 8px #0000001a}.favorite-btn:hover{transform:scale(1.1)}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}.favorite-btn:disabled:hover{transform:none}.favorite-btn.size-sm svg{width:20px;height:20px}.favorite-btn svg,.favorite-btn.size-md svg{width:24px;height:24px}.favorite-btn.size-lg svg{width:32px;height:32px}.favorite-btn .heart-outline{color:#9ca3af;fill:none;stroke:currentColor;stroke-width:2;transition:color .2s ease}.favorite-btn:hover .heart-outline{color:#ef4444}.favorite-btn .heart-filled{color:#ef4444;fill:currentColor}.product-card-favorite .favorite-btn{position:relative;z-index:10}@media (max-width: 767px){.product-card-favorite .favorite-btn{padding:5px}.product-card-favorite .favorite-btn svg{width:16px;height:16px}}.cart-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#00000080;transition:opacity .3s ease}.cart-drawer{position:fixed;top:0;right:0;height:100%;width:100%;max-width:28rem;background-color:#fff;box-shadow:0 20px 50px #0003;z-index:1200;transform:translate(100%);transition:transform .3s ease-in-out;visibility:hidden;pointer-events:none}.cart-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto}.cart-drawer-inner{display:flex;flex-direction:column;height:100%}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB}.cart-drawer-title{font-size:24px;font-weight:700;color:#111827}.cart-drawer-close{color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px;transition:color .2s ease}.cart-drawer-close:hover{color:#4b5563}.cart-drawer-close svg{width:24px;height:24px}.cart-shipping-bar{padding:12px 24px;background:#fafafa;border-bottom:1px solid #E5E7EB;text-align:center}.cart-shipping-bar__text{font-size:13px;color:#6b7280;margin:0 0 8px}.cart-shipping-bar--earned .cart-shipping-bar__text{color:#059669;font-weight:500}.cart-shipping-bar__check{color:#059669;font-weight:700;margin-right:4px}.cart-shipping-bar__track{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.cart-shipping-bar__fill{height:100%;background:#8b4513;border-radius:3px;transition:width .4s ease}.cart-shipping-bar--earned .cart-shipping-bar__fill{background:#059669}@media (max-width: 640px){.cart-shipping-bar{padding:10px 16px}}.cart-drawer-items{flex:1;overflow-y:auto;padding:24px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.cart-empty-icon{width:96px;height:96px;color:#d1d5db;margin-bottom:16px}.cart-empty-text{color:#4b5563;font-size:18px;margin-bottom:8px}.cart-empty-subtext{color:#6b7280;font-size:14px}.cart-items-list{display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:16px;padding-bottom:16px;border-bottom:1px solid #E5E7EB;transition:opacity .3s ease}.cart-item.removing{opacity:.5}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:4px}.cart-item-details{flex:1;min-width:0}.cart-item-title{font-weight:500;color:#111827;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-decoration:none;transition:color .2s ease}.cart-item-title:hover{color:var(--color-text-secondary)}.cart-item-custom-badge{font-size:12px;color:#7c3aed;margin-top:2px;font-weight:500}.cart-item-variant{font-size:12px;color:#6b7280;margin-top:4px}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.cart-item-quantity{display:flex;align-items:center;border:1px solid #D1D5DB;border-radius:4px}.cart-item-quantity button{padding:4px 8px;font-size:14px;background:none;border:none;cursor:pointer;color:#111827;transition:opacity .2s ease}.cart-item-quantity button:disabled{opacity:.5;cursor:not-allowed}.cart-item-quantity button:hover:not(:disabled){opacity:.6}.cart-item-quantity span{padding:4px 12px;font-size:14px;border-left:1px solid #D1D5DB;border-right:1px solid #D1D5DB}.cart-item-price{font-weight:600;color:#111827;font-size:14px}.cart-item-remove{font-size:12px;color:#dc2626;background:none;border:none;cursor:pointer;margin-top:8px;padding:0;text-align:left;transition:color .2s ease}.cart-item-remove:hover:not(:disabled){color:#991b1b}.cart-item-remove:disabled{opacity:.5;cursor:not-allowed}.cart-drawer-footer{border-top:1px solid #E5E7EB;padding:24px;background-color:#f9fafb}.cart-totals{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.cart-total-row{display:flex;justify-content:space-between;align-items:center}.cart-total-row.subtotal{font-size:16px;color:#4b5563}.cart-total-row.total{font-size:20px;font-weight:700;color:#111827}.cart-total-note{font-size:12px;color:#6b7280}.cart-checkout-button{display:block;width:100%;text-align:center;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;background-color:#8b4513;color:#fff;text-decoration:none;transition:opacity .2s ease}.cart-checkout-button:hover{opacity:.9}@media (max-width: 640px){.cart-drawer{max-width:100%}.cart-drawer-header,.cart-drawer-items,.cart-drawer-footer{padding:16px}}.form-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);transition:var(--transition-base);outline:none}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.form-input.error{border-color:var(--color-error)}.form-input::placeholder{color:var(--color-text-light)}.form-textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);transition:var(--transition-base);outline:none;resize:vertical;min-height:100px}.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.form-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.form-select{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);transition:var(--transition-base);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.form-select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}.form-checkbox{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-base);accent-color:var(--color-accent)}.form-checkbox:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.form-checkbox:focus{outline:2px solid var(--color-accent);outline-offset:2px}.form-radio{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition-base);accent-color:var(--color-accent)}.form-radio:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.form-radio:focus{outline:2px solid var(--color-accent);outline-offset:2px}.form-range{width:100%;height:8px;border-radius:var(--border-radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;background:transparent}.form-range::-webkit-slider-runnable-track{width:100%;height:8px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-full);cursor:pointer;border:1px solid var(--color-border)}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background-color:var(--color-accent);border:3px solid white;border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition-base);margin-top:-8px;box-shadow:0 2px 4px #0000001a}.form-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #2563eb4d}.form-range::-webkit-slider-thumb:active{transform:scale(1.1)}.form-range::-moz-range-track{width:100%;height:8px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-full);cursor:pointer;border:1px solid var(--color-border)}.form-range::-moz-range-progress{height:8px;background-color:var(--color-accent);border-radius:var(--border-radius-full) 0 0 var(--border-radius-full);border:1px solid var(--color-accent)}.form-range::-moz-range-thumb{width:22px;height:22px;background-color:var(--color-accent);border:3px solid white;border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 4px #0000001a}.form-range::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 3px 8px #2563eb4d}.form-range::-moz-range-thumb:active{transform:scale(1.1)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-label-required:after{content:" *";color:var(--color-error)}.form-label-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-row{display:flex;gap:var(--spacing-md);align-items:center}.form-inline{display:flex;align-items:center;gap:var(--spacing-md)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xs)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-xs)}.form-success{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--spacing-xs)}.dropzone{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;background-color:var(--color-bg-primary);transition:var(--transition-base)}.dropzone:hover{border-color:var(--color-text-light);background-color:var(--color-bg-secondary)}.dropzone.active{border-color:var(--color-accent);background-color:#2563eb0d}.dropzone-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);color:var(--color-text-light)}.dropzone-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.dropzone-subtext{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-md)}.option-buttons{display:grid;gap:var(--spacing-sm)}.option-buttons-2col{grid-template-columns:repeat(2,1fr)}.option-buttons-3col{grid-template-columns:repeat(3,1fr)}.option-buttons-4col{grid-template-columns:repeat(4,1fr)}.option-buttons-5col{grid-template-columns:repeat(5,1fr)}.option-button{padding:var(--spacing-md);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:var(--transition-base)}.option-button:hover{border-color:var(--color-text-light)}.option-button.selected{background-color:#2563eb0d;border-color:var(--color-accent);color:var(--color-accent)}.option-button-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.option-button-meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-xs)}.option-button.selected .option-button-meta{color:var(--color-accent)}@media (max-width: 768px){.form-row{flex-direction:column}.option-buttons-3col,.option-buttons-4col,.option-buttons-5col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.option-buttons-2col,.option-buttons-3col,.option-buttons-4col,.option-buttons-5col{grid-template-columns:1fr}}.design-panel{background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.design-panel-header{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.design-panel-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.design-setting-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.design-setting-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.design-setting-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.design-slider{width:100%;height:8px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;accent-color:var(--color-accent)}.design-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background-color:var(--color-accent);border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition-base)}.design-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-button)}.design-slider::-moz-range-thumb{width:20px;height:20px;background-color:var(--color-accent);border-radius:var(--border-radius-full);cursor:pointer;border:none;transition:var(--transition-base)}.design-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-button)}.design-slider-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.design-color-picker{display:flex;align-items:center;gap:var(--spacing-md)}.design-color-swatch{width:40px;height:40px;border-radius:var(--border-radius-md);border:2px solid var(--color-border);cursor:pointer;transition:var(--transition-base)}.design-color-swatch:hover{transform:scale(1.05);box-shadow:var(--shadow-card)}.color-swatch-picker__swatch{border-radius:50%;border:none;cursor:pointer;position:relative;padding:0;outline:none;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 3px #0000001f;-webkit-tap-highlight-color:transparent}.color-swatch-picker__swatch:hover{transform:scale(1.08)}.color-swatch-picker__swatch.selected{transform:scale(1.1);box-shadow:0 2px 8px #0003}.design-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.design-step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap;transition:var(--transition-base)}.design-step.active{background-color:var(--color-accent);color:var(--color-bg-primary);box-shadow:var(--shadow-card)}.design-step.completed{background-color:var(--color-success);color:var(--color-bg-primary)}.design-step-icon{font-size:var(--font-size-lg)}.design-step-label{font-weight:var(--font-weight-medium)}.design-step-separator{width:16px;height:16px;color:var(--color-text-light);flex-shrink:0}.design-preview{position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.design-preview img{width:100%;height:100%;object-fit:contain}.design-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.design-preview-spinner{width:64px;height:64px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--border-radius-full);animation:spin 1s linear infinite}.design-preview-text{text-align:center;color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.design-preview-progress{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-sm)}.checkpoint-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-card)}.checkpoint-banner-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-md)}.checkpoint-banner-content{flex:1}.checkpoint-banner-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#1e3a8a;margin-bottom:var(--spacing-sm)}.checkpoint-banner-title svg{width:24px;height:24px;color:#2563eb}.checkpoint-banner-message{font-size:var(--font-size-sm);color:#1e40af;margin-bottom:var(--spacing-xs)}.checkpoint-banner-message strong{font-weight:var(--font-weight-bold)}.checkpoint-banner-detail{font-size:var(--font-size-xs);color:#1d4ed8}.checkpoint-banner-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.checkpoint-banner-dismiss{margin-left:var(--spacing-md);color:var(--color-text-light);background:none;border:none;cursor:pointer;transition:var(--transition-base)}.checkpoint-banner-dismiss:hover{color:var(--color-text-secondary)}.checkpoint-banner-dismiss svg{width:20px;height:20px}.progress-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.progress-steps .design-step{flex-shrink:0}.progress-steps-minimal{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);position:relative;overflow:hidden;max-width:100vw}.progress-steps-left,.progress-step-item{display:flex;align-items:center;gap:0}.progress-step-label{font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-normal);color:var(--color-text-light);letter-spacing:.5px;transition:color .2s}.progress-step-label.active{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-shadow:0 0 6px rgba(59,130,246,.6),0 0 16px rgba(59,130,246,.4),0 0 36px rgba(59,130,246,.2)}.progress-step-label.completed{color:var(--color-text-secondary)}.progress-step-divider{font-family:var(--font-family-primary);font-size:13px;color:var(--color-text-light);margin:0 10px;opacity:.4}.canvas-editor-container{position:relative;width:100%}.canvas-processing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;pointer-events:all}.canvas-processing-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.canvas-processing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.canvas-processing-spinner-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.canvas-processing-progress-ring{transform:rotate(0)}.canvas-processing-progress-ring-bg{color:var(--color-border);opacity:.3}.canvas-processing-progress-ring-progress{color:var(--color-accent);transition:stroke-dashoffset .3s ease-out}.canvas-processing-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);transition:opacity .2s ease-in-out}.canvas-processing-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.canvas-processing-dots{display:flex;gap:4px;align-items:center;justify-content:center}.canvas-processing-dots span{display:inline-block;font-size:var(--font-size-2xl);color:var(--color-accent);animation:pulse-dot 1.4s infinite ease-in-out}.canvas-processing-dots span:nth-child(1){animation-delay:0s}.canvas-processing-dots span:nth-child(2){animation-delay:.2s}.canvas-processing-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.image-library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.image-library-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.image-library-count{font-size:var(--font-size-sm);color:var(--color-text-light)}.image-library-compact{display:flex;flex-direction:column;height:100%}.image-library-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.image-library-actions .image-library-count{font-size:11px;font-weight:500;color:var(--color-text-secondary)}.image-library-buttons{display:flex;gap:6px}.image-library-action-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.image-library-action-btn svg{width:14px;height:14px;flex-shrink:0}.image-library-action-btn span{white-space:nowrap}.image-library-action-btn:disabled{opacity:.5;cursor:not-allowed}.image-library-action-btn--ai{background:#0000000f;color:var(--color-text-primary)}.image-library-action-btn--ai:hover:not(:disabled){background:#0000001a}.image-library-action-btn--url{background:#0000000f;color:var(--color-text-primary)}.image-library-action-btn--url:hover:not(:disabled){background:#0000001a}.image-library-action-btn--upload{background:var(--color-text-primary);color:#fff}.image-library-action-btn--upload:hover:not(:disabled){opacity:.85}.image-library-spinner{animation:spin 1s linear infinite}.image-library-actions-left{display:flex;align-items:center;gap:6px}.image-library-select-all{display:flex;align-items:center;cursor:pointer}.image-library-select-all input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--color-text-primary)}.image-library-selection-info{font-size:11px;font-weight:500;color:var(--color-text-light);white-space:nowrap}.image-library-action-btn--delete{background:#ef44441a;color:#dc2626}.image-library-action-btn--delete:hover:not(:disabled){background:#ef444433}.image-library-sort{position:relative}.image-library-action-btn--sort{background:#0000000f;color:var(--color-text-primary)}.image-library-action-btn--sort:hover{background:#0000001a}.image-library-sort-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:4px;z-index:50}.image-library-sort-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border:none;border-radius:4px;background:transparent;color:var(--color-text-primary);font-size:12px;cursor:pointer;transition:background .1s ease}.image-library-sort-option:hover{background:#0000000d}.image-library-sort-option.active{font-weight:600}.image-library-item-checkbox{position:absolute;top:4px;left:4px;z-index:5;opacity:0;transition:opacity .15s ease;cursor:pointer}.image-library-item:hover .image-library-item-checkbox,.image-library-item.selected .image-library-item-checkbox{opacity:1}.image-library-item-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--color-text-primary)}.image-library-item.selected{outline:2px solid var(--color-accent, #3b82f6);outline-offset:-2px;border-radius:8px}.image-library-dropzone-compact{flex:1;min-height:120px;position:relative;border:1px dashed rgba(0,0,0,.15);border-radius:8px;padding:8px;overflow-y:auto;background:#00000005;transition:all .15s ease}.image-library-dropzone-compact:hover{border-color:#00000040;background:#00000008}.image-library-dropzone-compact.active{border-color:var(--color-accent);background:#3b82f60d}.image-library-dropzone-compact.processing{opacity:.6;pointer-events:none}.image-library-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffffe6;border-radius:inherit;z-index:10}.image-library-overlay svg{width:24px;height:24px;color:var(--color-text-secondary)}.image-library-overlay p{font-size:12px;color:var(--color-text-secondary);margin:0}.image-library-overlay--drag{background:#eff6fff2}.image-library-overlay--drag svg{color:var(--color-accent)}.image-library-overlay--drag p{color:var(--color-accent);font-weight:500}.image-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:100px;gap:8px;text-align:center}.image-library-empty svg{width:32px;height:32px;color:#0003}.image-library-empty p{font-size:12px;color:var(--color-text-light);margin:0}.image-library-dropzone{border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);text-align:center;cursor:pointer;background-color:var(--color-bg-primary);transition:var(--transition-base);margin-bottom:var(--spacing-md)}.image-library-dropzone:hover{border-color:var(--color-text-light);background-color:var(--color-bg-secondary)}.image-library-dropzone.active{border-color:var(--color-accent);background-color:#2563eb0d}.image-library-dropzone.processing{opacity:.5;cursor:wait}.image-library-dropzone-icon{width:32px;height:32px;margin:0 auto var(--spacing-sm);color:var(--color-text-light)}.image-library-dropzone.active .image-library-dropzone-icon{color:var(--color-accent)}.image-library-dropzone-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.image-library-dropzone-subtext{font-size:var(--font-size-xs);color:var(--color-text-light)}.image-library-dropzone-hint{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.image-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.image-library-dropzone-compact .image-library-grid{grid-template-columns:repeat(3,1fr);gap:6px}.image-library-dropzone-compact .image-library-item{border-width:1px;border-radius:6px}.image-library-dropzone-compact .image-library-item-preview{height:60px}.image-library-dropzone-compact .image-library-item-info{padding:4px 6px}.image-library-dropzone-compact .image-library-item-name{font-size:10px;margin-bottom:2px}.image-library-dropzone-compact .image-library-item-meta{font-size:9px}.image-library-dropzone-compact .image-library-item-badges{display:none}.image-library-item{position:relative;border:2px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;cursor:move;transition:var(--transition-base)}.image-library-item:hover{border-color:var(--color-text-light);box-shadow:var(--shadow-card)}.image-library-item.clickable{cursor:pointer}.image-library-item.clickable:hover{border-color:var(--color-accent);transform:scale(1.02)}.image-library-item.clickable:active{transform:scale(.98)}.image-library-item-preview{height:100px;background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-library-item-preview img{width:100%;height:100%;object-fit:contain}.image-library-item-info{padding:var(--spacing-xs);background-color:var(--color-bg-primary)}.image-library-item-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-library-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-light)}.image-library-item-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.image-library-item-badge{display:inline-block;padding:2px 6px;background-color:#2563eb1a;color:var(--color-accent);font-size:10px;border-radius:var(--border-radius-sm)}.image-library-item-badge-resized{background-color:#f59e0b26;color:#d97706}.image-library-item-delete{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:var(--spacing-xs);background-color:#dc2626;color:#fff;border:none;border-radius:var(--border-radius-full);cursor:pointer;opacity:0;transition:var(--transition-base)}.image-library-item:hover .image-library-item-delete{opacity:1}.image-library-item-delete:hover{background-color:#b91c1c}.image-library-item-delete svg{width:14px;height:14px}.image-library-item-selected-badge{position:absolute;top:var(--spacing-xs);left:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius-full)}.image-library-item-selected-badge svg{width:14px;height:14px}.image-library-item-drag{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);padding:4px;background-color:#000000bf;color:#fff;border-radius:var(--border-radius-sm);opacity:0;transition:var(--transition-base);pointer-events:none}.image-library-item:hover .image-library-item-drag{opacity:1}.image-library-item-drag svg{width:14px;height:14px}.image-library-empty{text-align:center;padding:var(--spacing-lg) 0;color:var(--color-text-light);font-size:var(--font-size-sm)}.image-library-processing{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.image-library-processing-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--border-radius-full);animation:spin 1s linear infinite}.image-library-processing-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.image-library-item-processing{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.image-library-processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e3a5fd9;display:flex;align-items:center;justify-content:center}.image-library-processing-icon{color:#60a5fa;animation:spin 1.5s linear infinite}.image-library-processing-badge{position:absolute;bottom:var(--spacing-sm);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:9px;font-weight:600;padding:3px 8px;border-radius:var(--border-radius-sm);white-space:nowrap;box-shadow:0 2px 4px #0003}@media (max-width: 1279px){.image-library-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1279px){.design-step{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);gap:var(--spacing-xs)}.design-step-icon{font-size:var(--font-size-base)}.design-step-separator{width:12px;height:12px}.checkpoint-banner-actions{flex-direction:column}.canvas-processing-spinner-container{width:80px;height:80px}.canvas-processing-percentage{font-size:var(--font-size-xl)}.canvas-processing-message{font-size:var(--font-size-base)}}@media (max-width: 640px){.image-library-grid{grid-template-columns:repeat(2,1fr)}.image-library-item-preview{height:80px}}.btn-danger-subtle{color:#dc2626;border-color:#fecaca;background:#fef2f2;transition:all .15s ease}.btn-danger-subtle:hover{background:#fee2e2;border-color:#fca5a5}.heightmap-status{display:flex;flex-direction:column;gap:var(--spacing-md)}.heightmap-status-header{display:flex;align-items:center;gap:var(--spacing-sm)}.heightmap-status-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:inline-block}.heightmap-status-badge-pending{background-color:#fef3c7;color:#92400e}.heightmap-status-badge-processing{background-color:#dbeafe;color:#1e40af}.heightmap-status-badge-completed{background-color:#d1fae5;color:#065f46}.heightmap-status-badge-failed{background-color:#fee2e2;color:#991b1b}.heightmap-progress-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.heightmap-progress-info{display:flex;justify-content:space-between;align-items:center}.heightmap-progress-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.heightmap-progress-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:#2563eb}.heightmap-progress-bar-container{width:100%;background-color:#e5e7eb;border-radius:9999px;height:24px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.heightmap-progress-bar-fill{height:24px;transition:width .3s ease-out;background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);box-shadow:0 2px 8px #2563eb66;position:relative}.heightmap-progress-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:heightmap-shimmer 2s infinite}@keyframes heightmap-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.heightmap-info-box{padding:var(--spacing-md);border-radius:var(--border-radius-lg);border:1px solid transparent}.heightmap-info-box-success{background-color:#d1fae5;border-color:#10b981}.heightmap-info-box-error{background-color:#fee2e2;border-color:#ef4444}.heightmap-info-box-submitting{background-color:#dbeafe;border-color:#3b82f6}.heightmap-info-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.heightmap-info-box-success .heightmap-info-title{color:#065f46}.heightmap-info-box-error .heightmap-info-title{color:#991b1b}.heightmap-info-box-submitting .heightmap-info-title{color:#1e40af}.heightmap-info-message{font-size:var(--font-size-sm)}.heightmap-info-box-success .heightmap-info-message{color:#047857}.heightmap-info-box-error .heightmap-info-message{color:#dc2626}.heightmap-info-box-submitting .heightmap-info-message{color:#1e40af}.heightmap-debug{font-size:var(--font-size-xs);color:#9ca3af}.heightmap-debug summary{cursor:pointer;transition:var(--transition-fast)}.heightmap-debug summary:hover{color:#6b7280}.heightmap-debug pre{margin-top:var(--spacing-xs);padding:var(--spacing-sm);background-color:#f9fafb;border-radius:var(--border-radius-md);overflow:auto;font-size:var(--font-size-xs);color:#374151}@media (max-width: 768px){.heightmap-progress-bar-container,.heightmap-progress-bar-fill{height:20px}}.generate-configurator{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xs) var(--spacing-lg) 0;display:flex;flex-direction:column;height:calc(100dvh - var(--header-height, 60px) - 96px);min-height:500px;overflow-x:hidden}.generate-mobile-title{display:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 2px;flex-shrink:0;text-align:center}.generate-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs);line-height:1.4;text-align:center;flex-shrink:0}.generate-subtitle--compact{display:none}.generate-preset-time-inline{display:none;font-family:var(--font-family-primary);font-size:10px;color:var(--color-text-light);line-height:1}.generate-options-group--mobile-only{display:none}.generate-main{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex:1;min-height:0;overflow:hidden}.generate-main--single-preview{display:flex;justify-content:center}.generate-cards-col,.generate-center-col{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0;min-width:0}.generate-center-col--single-preview{width:100%;max-width:1180px}.generate-product-options{display:flex;align-items:center;justify-content:center;gap:1px;background:#ffffff80;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.6);border-radius:12px;padding:0;overflow:hidden;flex-shrink:0}.generate-options-group{display:flex;align-items:center;gap:10px;padding:10px 16px;position:relative}.generate-options-group+.generate-options-group{border-left:1px solid var(--color-border-light, rgba(0,0,0,.06))}.generate-product-options .color-swatch-picker__swatch{width:22px!important;height:22px!important;box-shadow:0 0 0 1px #00000014;transition:transform .15s ease,box-shadow .15s ease}.generate-product-options .color-swatch-picker__swatch:hover{transform:scale(1.12);box-shadow:0 0 0 1px #00000026}.generate-product-options .color-swatch-picker__swatch.selected{transform:scale(1);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--color-text-primary)}.generate-product-options .color-swatch-picker{gap:6px!important}.generate-options-cta{display:none}.generate-desktop-action{display:flex;justify-content:center;padding:var(--spacing-xs) 0;flex-shrink:0}.generate-inline-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#1e2525,#2c3333,#1e2525);color:#fff;border:none;border-radius:10px;font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);letter-spacing:.01em;box-shadow:0 2px 8px #1e252526,0 1px 2px #00000014;position:relative;overflow:hidden}.generate-inline-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translate(-100%);transition:transform .5s ease}.generate-inline-cta:hover:not(:disabled):before{transform:translate(100%)}.generate-inline-cta:hover:not(:disabled){box-shadow:0 4px 16px #1e252540,0 2px 4px #0000001a;transform:translateY(-1px)}.generate-inline-cta:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1e252526}.generate-inline-cta:disabled{background:var(--color-border);color:var(--color-text-light);cursor:not-allowed;box-shadow:none}.generate-inline-cta--cancel{background:transparent;color:var(--color-text-secondary, #666);border:1px solid rgba(0,0,0,.12);box-shadow:none}.generate-inline-cta--cancel:hover{background:#0000000a;color:var(--color-text-primary, #1a1a1a)}.generate-inline-cta-cost{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;background:#ffffff26;font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.02em}.generate-options-label{font-family:var(--font-family-primary);font-size:10px;font-weight:var(--font-weight-semibold, 600);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.generate-depth-readout{font-family:var(--font-family-primary);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;min-width:36px;text-align:right}.generate-book-viewport{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fefcf9,#f7f3ed,#f0ebe3);border-radius:14px;overflow:hidden;flex:1;min-height:280px;aspect-ratio:4 / 3;width:100%;touch-action:none}.generate-book-viewport--fullscreen{background:#0a0a0a}.generate-book-viewport:fullscreen,.generate-book-viewport:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;max-width:none}.generate-book-viewport--fullscreen:not(:fullscreen){position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;border-radius:0;max-width:none;z-index:99999}.generate-viewport-toolbar{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:12px;padding:6px 10px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;z-index:30;pointer-events:auto}.generate-book-viewport--fullscreen .generate-viewport-toolbar{bottom:calc(16px + env(safe-area-inset-bottom,0px));right:calc(16px + env(safe-area-inset-right,0px))}.generate-fullscreen-close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:30;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffe6;cursor:pointer;transition:background .15s ease;pointer-events:auto}.generate-fullscreen-close:hover{background:#000000bf}.generate-viewport-control{display:flex;align-items:center;gap:6px;color:#ffffffd9;font-size:11px;font-weight:500;white-space:nowrap}.generate-viewport-control label{opacity:.7;min-width:36px}.generate-viewport-control input[type=range]{width:64px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer}.generate-viewport-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 3px #0000004d}.generate-viewport-control input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;border:none;cursor:pointer}.generate-viewport-control span{min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.generate-viewport-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:#ffffff1f;border-radius:6px;color:#ffffffd9;cursor:pointer;transition:background .15s;padding:0}.generate-viewport-btn:hover{background:#ffffff40}.generate-viewport-btn.active{background:#ffffff4d;color:#fff;box-shadow:0 0 0 1.5px #fff6}.generate-book-flat{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.generate-book-img{max-width:320px;max-height:440px;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}.generate-book-placeholder{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-light)}.generate-3d-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f5f3f0b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;font-family:var(--font-family-primary);font-size:13px;color:#4b5563}@keyframes generate-3d-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generate-3d-loading-spinner{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.08);border-bottom-color:#2563eb;animation:generate-3d-spin .8s linear infinite}.generate-processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 60%)}.generate-processing-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100%;max-width:400px}.generate-checkout-bar{display:flex;align-items:center;gap:var(--spacing-sm);padding:0;flex-shrink:0;margin-top:auto;padding-bottom:var(--spacing-xs)}.generate-checkout-product{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 16px;background:var(--color-text-primary);border:none;border-radius:9px}.generate-checkout-price{font-family:var(--font-family-primary);font-size:15px;font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em;flex-shrink:0;line-height:1}.generate-checkout-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto;padding-left:12px;border-left:1px solid rgba(255,255,255,.15)}.generate-checkout-name{font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-medium);color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.generate-checkout-spec{font-family:var(--font-family-primary);font-size:11px;color:#ffffff80;white-space:nowrap;letter-spacing:.01em;line-height:1.25}.generate-checkout-preset-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;font-family:var(--font-family-primary);font-size:11px;font-weight:600;cursor:pointer;transition:var(--transition-fast);flex-shrink:0;white-space:nowrap;align-self:center}.generate-checkout-preset-btn:hover:not(:disabled){background:#ffffff24;border-color:#ffffff3d}.generate-checkout-preset-btn:disabled{opacity:.45;cursor:not-allowed}.generate-checkout-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.generate-checkout-downloads{display:inline-flex;align-items:center}.generate-checkout-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid rgba(0,0,0,.1);background:#fffc;color:var(--color-text-primary, #1a1a1a);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.generate-checkout-back:hover{background:#fff;border-color:#0000002e}.generate-checkout-back svg{width:16px;height:16px}.generate-checkout-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:9px;font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap;letter-spacing:-.01em}.generate-checkout-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:none!important}.generate-checkout-btn--primary{background:var(--color-text-primary);color:#fff}.generate-checkout-btn--primary:hover:not(:disabled){background:#1e2525d9;box-shadow:0 2px 10px #1e25251f}.generate-checkout-btn--primary:active:not(:disabled){transform:translateY(1px)}.generate-checkout-btn--secondary{background:transparent;color:var(--color-text-primary);border:1.5px solid var(--color-text-primary)}.generate-checkout-btn--secondary:hover:not(:disabled){background:var(--color-text-primary);color:#fff}.generate-checkout-divider{width:1px;height:24px;background:var(--color-border-light, rgba(0,0,0,.08));flex-shrink:0;margin:0 2px}.generate-checkout-btn--pay{background:transparent;color:#1a1a1a;border:1.5px solid var(--color-border, rgba(0,0,0,.12));padding:8px 14px;min-width:56px}.generate-checkout-btn--pay:hover:not(:disabled){background:#00000008;border-color:#0003}.generate-checkout-btn--pay:disabled{background:transparent;border-color:#eee;opacity:.35}.generate-checkout-btn--gpay{background:transparent;color:var(--color-text-primary);border:1.5px solid var(--color-border, rgba(0,0,0,.12))}.generate-checkout-btn--gpay:hover:not(:disabled){background:#00000008;border-color:#0003}.generate-checkout-btn--gpay:disabled{background:transparent;border-color:#eee;opacity:.35}.generate-pay-logo{width:auto;height:18px;display:block}.generate-preset-grid{display:flex;flex-direction:column;gap:8px}.generate-preset-card{position:relative;display:flex;flex-direction:column;text-align:left;padding:0;background:#f5f2ed80;border:2px solid var(--color-border);border-radius:14px;cursor:pointer;font-family:var(--font-family-primary);overflow:hidden;flex:1;min-height:0;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.generate-preset-card:hover:not(.disabled){border-color:#1e252533;box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.generate-preset-card:active:not(.disabled){transform:translateY(0)}.generate-preset-card.active,.generate-preset-card.active:hover{border-color:var(--color-text-primary);box-shadow:0 8px 24px #1e25251a;transform:none}.generate-preset-card.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.generate-preset-card.locked .generate-preset-bg{filter:grayscale(.45) saturate(.75)}.generate-preset-card.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#6b72803d;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);z-index:2;pointer-events:none}.generate-preset-card.locked .generate-preset-content,.generate-preset-card.locked .generate-preset-edit-btn{z-index:3}.generate-preset-card.locked .generate-preset-content{background:#ffffffb3}.generate-preset-edit-btn{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#00000073;color:#fff;border-radius:6px;z-index:4;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generate-preset-card:hover .generate-preset-edit-btn{opacity:1}.generate-preset-edit-btn:hover{background:#000000b3}.generate-preset-lock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;background:#fffffff0;color:#1f2937;font-size:11px;font-weight:700;padding:8px 12px;border-radius:999px;border:1px solid rgba(17,24,39,.08);box-shadow:0 10px 24px #1118271f;white-space:nowrap;z-index:4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none}.generate-preset-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f0ebe34d;transition:transform .4s cubic-bezier(.4,0,.2,1)}.generate-preset-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f}.generate-preset-card:hover:not(.disabled) .generate-preset-bg{transform:scale(1.03)}.generate-preset-content{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:auto;padding:12px 14px;background:#ffffffd1;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-top:1px solid rgba(255,255,255,.6)}.generate-preset-card.active .generate-preset-content{background:#ffffffeb}.generate-preset-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:var(--spacing-sm)}.generate-preset-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.generate-preset-cost-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:var(--font-weight-medium);background:#0000000f;color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0;transition:all .2s ease}.generate-preset-card.active .generate-preset-cost-pill{background:var(--color-text-primary);color:#fff}.generate-preset-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin:0 0 6px}.generate-preset-footer{display:flex;align-items:center;justify-content:space-between}.generate-preset-time{font-size:11px;color:var(--color-text-light)}.generate-preset-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--color-text-primary);color:#fff;flex-shrink:0;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.generate-preset-card.active .generate-preset-check{opacity:1;transform:scale(1)}.generate-cta-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:14px var(--spacing-lg);background:var(--color-text-primary);color:#fff;border:none;border-radius:10px;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}.generate-cta-btn:hover:not(:disabled){background:#1e2525d9;box-shadow:0 4px 16px #1e252526}.generate-cta-btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.generate-cta-btn:disabled{background:var(--color-border);color:var(--color-text-light);cursor:not-allowed}.generate-cta-cost{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;background:#ffffff26;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.generate-processing{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);border-radius:14px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.generate-processing-title{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.generate-processing-subtitle{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-light);margin:0 0 var(--spacing-lg)}.generate-progress-track{height:3px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-md)}.generate-progress-fill{height:100%;background:var(--color-text-primary);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.generate-progress-label{font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.generate-progress-message{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.heightmap-stage-row{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.heightmap-stage-pill{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-xl);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.heightmap-stage-pill.completed{background:#d1fae5;color:#065f46}.heightmap-stage-pill.active{background:var(--color-bg-secondary);color:var(--color-text-primary);animation:generate-pulse 2s ease-in-out infinite}.heightmap-stage-icon{display:inline-block;width:1.1em;text-align:center;flex-shrink:0}.heightmap-stage-percent{display:inline-block;min-width:3.5ch;text-align:right;font-variant-numeric:tabular-nums}.heightmap-stage-pill.pending{background:var(--color-border-light);color:var(--color-text-light)}@keyframes generate-pulse{0%,to{opacity:1}50%{opacity:.5}}.generate-processing-cancel{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background:#fde8e5;border:1.5px solid rgba(192,57,43,.35);border-radius:8px;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#c0392b;cursor:pointer;transition:var(--transition-fast)}.generate-processing-cancel:hover{background:#f9d4cf;border-color:#c0392b;color:#a5311f}.generate-complete-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;background:#d1fae5;color:#065f46;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.generate-depth-control{margin-bottom:var(--spacing-md)}.generate-depth-label{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.generate-depth-value{font-size:var(--font-size-xs);color:var(--color-text-light);font-weight:var(--font-weight-normal)}.generate-depth-slider{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.generate-depth-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-text-primary);border:2px solid white;box-shadow:0 1px 4px #00000026;cursor:pointer;transition:transform .15s ease}.generate-depth-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.generate-depth-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-text-primary);border:2px solid white;box-shadow:0 1px 4px #00000026;cursor:pointer}.generate-pricing-amount{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.generate-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);font-family:var(--font-family-primary);font-size:var(--font-size-xs);flex-shrink:0;padding-bottom:var(--spacing-xs)}.generate-link{background:none;border:none;color:var(--color-text-light);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) 0;transition:var(--transition-fast)}.generate-link:hover{color:var(--color-text-secondary)}.generate-download-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font-family-primary);font-size:13px;font-weight:500;color:var(--color-text-secondary);background:#ffffffb3;border:1.5px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:10px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.generate-download-toggle:hover{background:#ffffffe6;border-color:#0000002e;color:var(--color-text-primary)}.generate-download-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.generate-download-popup{position:fixed;display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026,0 2px 8px #00000014;z-index:10000;min-width:180px}.generate-download-popup__title{font-family:var(--font-family-primary);font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:0 2px}.generate-download-popup__buttons{display:flex;flex-wrap:wrap;gap:6px}.generate-download-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;font-family:var(--font-family-primary);font-size:12px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-secondary, #f5f5f5);border:1px solid var(--color-border, rgba(0, 0, 0, .08));border-radius:8px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.generate-download-btn:hover{background:var(--color-bg-tertiary, #eee);border-color:#00000026}.generate-download-btn--primary{background:var(--color-text-primary);color:#fff;border-color:transparent}.generate-download-btn--primary:hover{background:#1e2525d9}.generate-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border:1px solid #FECACA;border-radius:8px;font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:#991b1b;margin-bottom:var(--spacing-md)}.generate-preview-column{display:flex;flex-direction:column;height:100%;background:linear-gradient(145deg,#fefcf9,#f7f3ed,#f0ebe3);border-radius:12px;overflow:hidden}.generate-preview-column .design-preview-3d{flex:1;min-height:400px}.generate-preview-options{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generate-interior-select{padding:6px 28px 6px 10px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:#ffffffb3;cursor:pointer;transition:all .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px}.generate-interior-select:hover{border-color:#1e252526;background-color:#ffffffe6}.generate-interior-select:focus{outline:none;border-color:var(--color-text-primary);box-shadow:0 0 0 2px #1e25250f}.preview3d-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#ffffff8c;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-top:1px solid rgba(255,255,255,.4)}.preview3d-hint{font-family:var(--font-family-primary);font-size:11px;color:var(--color-text-light);letter-spacing:.03em;text-transform:uppercase}.preview3d-hint-touch{display:none}@media (pointer: coarse){.preview3d-hint-desktop{display:none}.preview3d-hint-touch{display:inline}}.preview3d-status{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-family-primary);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.02em}.preview3d-status--ok{color:#15803d}.progress-steps-credit-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;background:#faf7f0cc;border:1px solid var(--color-border);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap;transition:var(--transition-fast)}.progress-steps-credit-pill svg{flex-shrink:0;opacity:.6}.progress-steps-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--color-border);background:#fff9;color:var(--color-text-light);cursor:pointer;border-radius:50%;transition:var(--transition-fast);flex-shrink:0;margin-right:8px}.progress-steps-back svg{width:14px;height:14px}.progress-steps-back:hover:not(:disabled){color:var(--color-text-primary);background:#ffffffe6;border-color:#1e252526}.progress-steps-back--disabled{opacity:.35;cursor:not-allowed}.progress-steps-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.generate-nav-title{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;white-space:nowrap;pointer-events:auto}.progress-steps-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.progress-steps-actions,.progress-steps-preset{display:contents}.generate-header-preset{display:flex;align-items:center;gap:8px;font-family:var(--font-family-primary);font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap}.generate-header-preset-cost{font-size:11px;font-weight:500;color:var(--color-text-secondary);background:#0000000d;padding:2px 7px;border-radius:6px}.generate-header-cta{display:flex;align-items:center;gap:6px}.generate-header-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff9;font-family:var(--font-family-primary);font-size:12px;font-weight:600;color:var(--color-text-primary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.generate-header-btn:hover:not(:disabled){background:#ffffffe6;border-color:#0000002e}.generate-header-btn:disabled{opacity:.35;cursor:not-allowed}.generate-header-btn--primary{background:linear-gradient(135deg,#1e2525,#2c3333,#1e2525);color:#fff;border:none;box-shadow:0 1px 4px #1e252526}.generate-header-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#2c3333,#3a4444,#2c3333);box-shadow:0 2px 8px #1e252533}.generate-header-btn--cancel{background:transparent;color:var(--color-text-secondary, #666);border:1px solid rgba(0,0,0,.1)}.generate-header-btn--cancel:hover{background:#0000000a;color:var(--color-text-primary)}.progress-steps-action{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--color-border);border-radius:100px;background:#fff9;font-family:var(--font-family-primary);font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);letter-spacing:.01em}.progress-steps-action svg{width:12px;height:12px;flex-shrink:0;opacity:.6}.progress-steps-action:hover{color:var(--color-text-primary);background:#ffffffe6;border-color:#1e252526}.progress-steps-credit-pill--low{border-color:#fde68a;background:#fffbeb;color:#92400e}.progress-steps-credit-pill a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:2px}.heightmap-dev-trigger{position:fixed;bottom:var(--spacing-lg);left:var(--spacing-lg);width:40px;height:40px;border-radius:var(--border-radius-round);background:var(--color-text-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;box-shadow:var(--shadow-md);transition:var(--transition-fast)}.heightmap-dev-trigger:hover{opacity:.85}.heightmap-dev-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:devFadeIn .2s ease}@keyframes devFadeIn{0%{opacity:0}to{opacity:1}}@keyframes devSlideUp{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.heightmap-dev-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:92%;max-width:520px;max-height:85vh;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 24px 48px #0000002e,0 0 0 1px #0000000a;z-index:1200;display:flex;flex-direction:column;animation:devSlideUp .25s ease}.heightmap-dev-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.heightmap-dev-header-left{display:flex;align-items:center;gap:10px}.heightmap-dev-title{font-family:var(--font-family-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.heightmap-dev-preset-badge{display:inline-block;padding:3px var(--spacing-sm);border-radius:var(--border-radius-xl);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:#d1fae5;color:#065f46}.heightmap-dev-preset-badge--custom{background:#fef3c7;color:#92400e}.heightmap-dev-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.heightmap-dev-close:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.heightmap-dev-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);overscroll-behavior:contain}.heightmap-dev-warning{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fef3c7;border:1px solid #FDE68A;border-radius:var(--border-radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#92400e;margin-bottom:var(--spacing-md)}.heightmap-dev-reset{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast)}.heightmap-dev-reset:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.heightmap-dev-reset:disabled{opacity:.4;cursor:not-allowed}.heightmap-dev-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.heightmap-dev-actions-label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.heightmap-dev-generate-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);background:var(--color-text-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast)}.heightmap-dev-generate-btn:hover:not(:disabled){opacity:.88}.heightmap-dev-generate-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes devSpin{to{transform:rotate(360deg)}}.heightmap-dev-spinner{animation:devSpin .8s linear infinite}.heightmap-dev-download-row{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.heightmap-dev-download-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.heightmap-dev-download-btn:hover:not(:disabled){border-color:var(--color-text-primary);color:var(--color-text-primary)}.heightmap-dev-download-btn:disabled{opacity:.35;cursor:not-allowed}@media (max-width: 1279px){.generate-configurator{height:auto;min-height:0;padding-bottom:var(--spacing-md)}.generate-subtitle--full{display:none}.generate-subtitle--compact{display:block}.progress-steps-center{position:static;transform:none}.generate-nav-title{font-size:var(--font-size-base)}.generate-options-group--desktop-only{display:none}.generate-options-group--mobile-only{display:flex}.generate-product-options{flex-wrap:nowrap;gap:0}.generate-options-group{padding:8px 10px}.generate-options-group .generate-options-label{display:none}.generate-main{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:0;flex:none;min-height:0;overflow:visible}.generate-main--single-preview{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.generate-center-col{grid-column:1 / -1;order:-1;gap:6px}.generate-center-col--single-preview{flex:1 1 auto;min-height:0}.generate-book-viewport{height:300px;flex:none}.generate-main--single-preview .generate-book-viewport{height:auto;flex:1 1 auto;min-height:0}.generate-cards-col{flex-direction:column;gap:10px}.generate-preset-card{min-height:160px;flex:1}.generate-preset-desc,.generate-preset-footer{display:none}.generate-preset-time-inline{display:block}.generate-preset-content{padding:8px 10px}.generate-preset-card-top{margin-bottom:2px}.progress-steps-action{display:none}.generate-checkout-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-xs);padding-bottom:0}.generate-links{padding-bottom:0}.generate-checkout-product{flex:none}.generate-checkout-actions{margin-left:auto}}@media (min-width: 640px) and (max-width: 1279px){.generate-configurator{height:calc(100dvh - var(--header-height, 60px) - 96px);overflow:hidden;padding-bottom:0}}@media (max-width: 639px){.generate-configurator{height:calc(100dvh - var(--header-height, 60px) - 96px);min-height:0;padding:var(--spacing-xs) var(--spacing-md) 0;padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;gap:0}.progress-steps-center{display:none}.generate-mobile-title{display:block}.generate-subtitle{text-align:center;margin-bottom:0}.generate-main,.generate-main--single-preview{display:contents}.generate-center-col{display:flex;flex-direction:column;gap:0;order:1;flex:1 1 auto;min-height:0}.generate-center-col--single-preview{width:auto;max-width:none}.generate-book-viewport{height:auto;flex:1 1 auto;min-height:0}.generate-checkout-bar{display:flex;flex-wrap:wrap;gap:8px;order:4;margin-top:6px;padding:6px 0 0;flex-shrink:0}.generate-checkout-product{width:100%;justify-content:flex-start}.generate-checkout-actions{width:100%;margin-left:0;gap:6px;flex-wrap:wrap}.generate-checkout-back{width:40px;height:40px}.generate-checkout-btn{padding:10px 12px;font-size:13px}.generate-checkout-btn--primary,.generate-checkout-btn--secondary{flex:1;min-width:0}.generate-checkout-divider{display:none}.generate-checkout-btn--pay{flex:0 0 auto;padding:10px 14px}.generate-pay-logo{width:36px}.generate-out-of-stock,.generate-error{order:5}.generate-cards-col{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto;padding-bottom:0;order:3}.generate-preset-card{min-height:80px;flex:none}.generate-preset-desc,.generate-preset-footer{display:none}.generate-preset-time-inline{display:block}.generate-preset-content{padding:5px 8px}.generate-preset-card-top{margin-bottom:1px}.generate-preset-name{font-size:11px}.generate-preset-cost-pill{font-size:9px;padding:1px 5px}.generate-product-options{flex-wrap:nowrap;gap:0;border-radius:10px;max-width:100%}.generate-options-cta{display:none}.generate-options-group{padding:8px}.generate-options-group .generate-options-label{display:none}.generate-interior-select{padding:5px 24px 5px 8px;font-size:11px}.generate-inline-cta{padding:8px 14px;font-size:12px}.heightmap-dev-modal{width:96%;max-height:90vh}.progress-steps-credit-pill{padding:3px 8px;font-size:11px}.progress-steps-action{padding:4px 8px;font-size:10px}.progress-steps-back{width:24px;height:24px;margin-right:4px}.progress-steps-back svg{width:12px;height:12px}.generate-header-preset{font-size:12px;gap:6px}.generate-header-preset-cost{font-size:10px;padding:1px 5px}.generate-header-btn{padding:5px 10px;font-size:11px}}@media (max-width: 374px){.generate-options-group{flex:1;min-width:0;padding:8px 6px}.generate-options-cta{flex-shrink:0;padding:6px 4px 6px 0;border-left:none;margin-left:0}.generate-interior-select{width:100%;padding:5px 20px 5px 6px;font-size:10px;background-position:right 4px center}.generate-inline-cta{padding:7px 10px;font-size:11px;border-radius:8px}.generate-inline-cta-cost{padding:1px 5px;font-size:9px}.generate-checkout-btn{padding:8px;font-size:12px}.generate-checkout-btn--pay{padding:8px 10px}.generate-pay-logo{width:30px}.generate-checkout-price{font-size:14px}.generate-checkout-name{font-size:11px}.generate-checkout-spec{font-size:10px}}.generate-mobile-preset-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 14px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:12px;width:100%}@media (max-width: 639px){.generate-cards-col{display:none!important}.generate-mobile-preset-trigger{gap:10px;order:2}.generate-mobile-preset-current{display:flex;align-items:center;gap:8px;font-family:var(--font-family-primary);font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;min-width:0}.generate-mobile-preset-cost{font-size:11px;font-weight:500;color:var(--color-text-secondary);background:#0000000d;padding:2px 7px;border-radius:6px;white-space:nowrap}.generate-mobile-preset-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:var(--color-text-primary, #1a1a1a);color:#fff;font-family:var(--font-family-primary);font-size:12px;font-weight:600;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.generate-mobile-preset-btn:disabled{opacity:.4;cursor:not-allowed}.generate-mobile-preset-btn:active:not(:disabled){opacity:.8}.generate-mobile-preset-btn svg{flex-shrink:0}.generate-mobile-preset-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.generate-mobile-preset-actions .generate-inline-cta{padding:8px 14px;font-size:12px}}.generate-mobile-preset-current{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-family:var(--font-family-primary);font-size:14px;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;min-width:0}.generate-mobile-preset-cost{font-size:11px;font-weight:500;color:var(--color-text-secondary);background:#0000000d;padding:2px 7px;border-radius:6px;white-space:nowrap}.generate-mobile-preset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:var(--color-text-primary, #1a1a1a);color:#fff;font-family:var(--font-family-primary);font-size:12px;font-weight:600;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.generate-mobile-preset-btn:disabled{opacity:.4;cursor:not-allowed}.generate-mobile-preset-btn:active:not(:disabled){opacity:.8}.generate-mobile-preset-btn svg{flex-shrink:0}.generate-mobile-preset-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.generate-mobile-preset-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000059;display:flex;align-items:flex-end;justify-content:center;animation:generate-sheet-fade-in .2s ease}@keyframes generate-sheet-fade-in{0%{opacity:0}to{opacity:1}}.generate-mobile-preset-sheet{width:100%;max-width:480px;max-height:70vh;background:#faf8f5;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:generate-sheet-slide-up .25s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px 24px #0000001f}@keyframes generate-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.generate-mobile-preset-sheet__handle{display:flex;justify-content:center;padding:10px 0 4px;cursor:grab}.generate-mobile-preset-sheet__handle-bar{width:36px;height:5px;border-radius:3px;background:#0000001f}.generate-mobile-preset-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:4px 16px 10px}.generate-mobile-preset-sheet__title{font-family:var(--font-family-primary);font-size:15px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.generate-mobile-preset-sheet__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#0000000f;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .12s ease}.generate-mobile-preset-sheet__close:active{background:#0000001f}.generate-mobile-preset-sheet__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.generate-mobile-preset-sheet__grid .generate-preset-card{min-height:120px}.generate-mobile-preset-sheet__grid .generate-preset-desc{display:block;font-size:10px;margin-top:2px}.generate-mobile-preset-sheet__grid .generate-preset-time-inline{display:block}.generate-mobile-preset-sheet__grid .generate-preset-footer{display:none}.generate-mobile-preset-sheet__grid .generate-preset-content{padding:8px 10px}.generate-mobile-preset-sheet__grid .generate-preset-edit-btn{opacity:1}.preset-settings-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.preset-settings-modal{background:var(--color-bg, #fff);border-radius:16px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000026;overflow:hidden}@media (max-width: 639px){.preset-settings-modal-backdrop{padding:var(--spacing-sm);align-items:flex-end}.preset-settings-modal{max-height:90dvh;border-radius:16px 16px 0 0;margin-bottom:env(safe-area-inset-bottom,0px)}.preset-settings-modal-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-md)}.preset-settings-modal-footer{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md) calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px))}.preset-settings-modal-header{padding:var(--spacing-sm) var(--spacing-md)}.preset-settings-modal-header h3{font-size:var(--font-size-base)}}@media (max-width: 400px){.preset-settings-modal-footer{flex-direction:column-reverse;gap:var(--spacing-xs)}.preset-settings-modal-btn{width:100%;text-align:center}}.preset-settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.preset-settings-modal-header h3{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.preset-settings-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:background .15s ease}.preset-settings-modal-close:hover{background:#0000000d}.preset-settings-modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg);overscroll-behavior:contain}.preset-settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.preset-settings-modal-error{color:#dc2626;font-size:var(--font-size-sm);margin-right:auto}.preset-settings-modal-btn{padding:8px 16px;border-radius:8px;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid var(--color-border);transition:all .15s ease}.preset-settings-modal-btn--reset{background:transparent;color:var(--color-text-secondary)}.preset-settings-modal-btn--reset:hover{background:#0000000a}.preset-settings-modal-btn--save{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}.preset-settings-modal-btn--save:hover:not(:disabled){opacity:.85}.preset-settings-modal-btn--save:disabled{opacity:.5;cursor:not-allowed}body:has(.ps-immersive){background:#f0ebe3}.ps-immersive{width:100%;height:100%;background:linear-gradient(145deg,#fefcf9,#f7f3ed 30%,#f0ebe3,#ebe5db);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;-webkit-user-select:none;user-select:none}.ps-shader-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.ps-immersive:before{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:700px;height:600px;background:radial-gradient(ellipse,var(--ps-glow-color, rgba(200, 190, 220, .15)) 0%,transparent 65%);pointer-events:none;z-index:1;transition:background .8s ease}.ps-immersive:has(.ps-carousel-plate-preview--3d canvas):before{display:none}.ps-immersive .ps-fork-notice{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:20;padding:10px 20px;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-family:var(--font-family-primary);font-size:13px;color:#2d2a26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;box-shadow:0 2px 12px #0000000f}.ps-carousel{position:relative;width:100%;flex-shrink:1;display:flex;align-items:center;justify-content:center;perspective:1400px;touch-action:pan-y;z-index:1}.ps-carousel-track{position:relative;width:340px;height:55vh;max-height:480px}.ps-carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.ps-immersive .css-nb-scene-wrapper{pointer-events:none}.ps-immersive .css-nb-scene{width:100%;height:100%;pointer-events:none}.ps-immersive .css-nb-cover{box-shadow:2px 4px 20px #0000001f,0 12px 40px #00000014}.ps-immersive .css-nb-back{box-shadow:4px 4px 30px #0000001a}.ps-immersive .css-nb-spine{background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,transparent 100%)}.ps-immersive .css-nb-rotate-hint,.ps-immersive .css-nb-peek-label{display:none}.ps-carousel-badge{position:absolute;top:12px;right:12px;z-index:10;padding:4px 12px;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);border-radius:100px;font-family:var(--font-family-primary);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#6b6560;pointer-events:none;box-shadow:0 2px 8px #0000000f}.ps-carousel-wiro-spine{position:absolute;left:2px;top:8%;bottom:8%;width:8px;z-index:10;pointer-events:none;background:repeating-linear-gradient(180deg,#9a9590 0px,#9a9590 4px,transparent 4px,transparent 10px);border-radius:2px}.ps-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,0,0,.06);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2d2a26;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 8px #0000000a}.ps-carousel-arrow--left{left:40px}.ps-carousel-arrow--right{right:40px}.ps-carousel-arrow:hover:not(:disabled){background:#fffffff2;border-color:#0000001a;box-shadow:0 4px 16px #00000014}.ps-carousel-arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.ps-carousel-arrow:disabled{opacity:.25;cursor:default}.ps-carousel-title{text-align:center;pointer-events:none;z-index:6;flex-shrink:0;padding:0 24px}.ps-carousel-title h1{font-family:var(--font-family-primary);font-size:30px;font-weight:500;color:#2d2a26;letter-spacing:-.3px;margin:0 0 4px}.ps-carousel-specs{font-family:var(--font-family-primary);font-size:14px;color:#6b6560;margin:0 0 4px;line-height:1.5}.ps-carousel-tagline{font-family:var(--font-family-primary);font-size:12px;color:#6b656099;margin:0;font-style:italic;letter-spacing:.3px}.ps-carousel-dots{display:flex;justify-content:center;gap:10px;z-index:16;flex-shrink:0}.ps-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#2d2a2626;cursor:pointer;transition:all .3s;padding:0}.ps-carousel-dot:hover{background:#2d2a264d;transform:scale(1.3)}.ps-carousel-dot.active{background:#3d3530;box-shadow:0 0 0 3px #3d353026;transform:scale(1.2)}.ps-config-bar{z-index:15;flex-shrink:0;background:#ffffffd1;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid rgba(0,0,0,.06);border-radius:20px;padding:12px 20px;max-width:1200px;width:calc(100% - 48px);overflow:visible;box-shadow:0 4px 24px #0000000f,0 1px 3px #00000008}.ps-config-bar-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}.ps-config-bar-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.ps-config-spacer{flex:1 1 auto;min-width:0}.ps-config-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.ps-config-group-label{font-family:var(--font-family-primary);font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#2d2a2666;flex-shrink:0}.ps-config-pills,.ps-config-swatches{display:flex;gap:4px}.ps-config-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s;padding:0}.ps-config-swatch:hover{transform:scale(1.15);border-color:#0003}.ps-config-swatch.active{border-color:#3d3530;box-shadow:0 0 0 2px #3d353033;transform:scale(1.1)}.ps-config-pill{padding:4px 8px;border-radius:100px;font-family:var(--font-family-primary);font-size:10px;font-weight:500;color:#2d2a2673;background:transparent;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s;white-space:nowrap}.ps-config-pill:hover{color:#2d2a26;border-color:#00000026}.ps-config-pill.active{background:#3d3530;color:#fefcf9;border-color:#3d3530}.ps-config-divider{width:1px;height:28px;background:#0000000f;flex-shrink:0}.ps-config-group--cta{gap:10px;flex-shrink:0;flex-wrap:nowrap;margin-left:auto;white-space:nowrap;justify-content:flex-end}.ps-config-price{font-family:var(--font-family-primary);font-size:18px;font-weight:600;color:#2d2a26;white-space:nowrap}.ps-config-save{padding:8px 16px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:transparent;font-family:var(--font-family-primary);font-size:12px;font-weight:500;color:#6b6560;cursor:pointer;transition:all .2s;white-space:nowrap}.ps-config-save:hover{border-color:#0003;color:#2d2a26}.ps-config-save:disabled{opacity:.4;cursor:not-allowed}.ps-config-continue{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#3d3530;color:#fefcf9;border:none;border-radius:12px;font-family:var(--font-family-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.ps-config-continue:hover:not(:disabled){background:#2d2520;transform:translateY(-1px);box-shadow:0 4px 16px #2d2a2626}.ps-config-continue:active:not(:disabled){transform:translateY(0)}.ps-config-continue:disabled{opacity:.35;cursor:not-allowed;background:#0000000f;color:#2d2a264d}.css-nb-scene-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.css-nb-scene{width:220px;height:310px;position:relative;transform-style:preserve-3d;transition:transform .6s ease;touch-action:none;-webkit-user-select:none;user-select:none}.css-nb-scene.draggable{cursor:grab}.css-nb-scene.draggable:active{cursor:grabbing;transition:none}.css-nb-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px 8px 8px 4px;box-shadow:4px 4px 20px #00000026;transform:translateZ(-4px);transition:background .4s}.css-nb-pages{position:absolute;top:6px;right:6px;bottom:6px;left:8px;background:#fdfcfa;border-radius:2px 6px 6px 2px;transform:translateZ(-2px);box-shadow:inset 0 0 8px #0000000a;overflow:hidden}.css-nb-pages-pattern{position:absolute;top:12px;right:12px;bottom:12px;left:12px;transition:all .3s}.css-nb-pages-pattern.ruled{background-image:repeating-linear-gradient(0deg,transparent,transparent 14px,#e0dcd6 14px,#e0dcd6 15px);background-position:0 8px}.css-nb-pages-pattern.dotted{background-image:radial-gradient(circle,#d0ccc6 .8px,transparent .8px);background-size:10px 10px;background-position:5px 5px}.css-nb-pages-pattern.grid{background-image:linear-gradient(#e0dcd6 1px,transparent 1px),linear-gradient(90deg,#e0dcd6 1px,transparent 1px);background-size:10px 10px}.css-nb-pages-pattern.blank{background:#fdfcfa}.css-nb-page-edges{position:absolute;top:6px;right:0;bottom:6px;width:6px;background:repeating-linear-gradient(180deg,#fdfcfa,#fdfcfa 1px,#eae7e2 1px,#eae7e2 2px);border-radius:0 4px 4px 0;transform:translateZ(-1px)}.css-nb-cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px 8px 8px 4px;box-shadow:2px 4px 16px #0000002e;transform-origin:left center;transform:rotateY(0);transition:transform .8s cubic-bezier(.4,0,.2,1),background .4s;z-index:2;backface-visibility:hidden}.css-nb-cover.open{transform:rotateY(-155deg)}.css-nb-spine{position:absolute;left:0;top:0;bottom:0;width:12px;background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,transparent 100%);border-radius:4px 0 0 4px;z-index:4}.css-nb-strap{position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:4px;height:80%;background:#00000040;border-radius:2px;z-index:5;transition:opacity .3s}.css-nb-cover.open~.css-nb-strap{opacity:0}.css-nb-peek-label{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:var(--font-family-primary);font-size:12px;color:var(--color-text-light);display:flex;align-items:center;gap:6px;transition:opacity .3s;white-space:nowrap}.css-nb-peek-label.hidden{opacity:0}.css-nb-rotate-hint{position:absolute;bottom:44px;left:50%;transform:translate(-50%);font-family:var(--font-family-primary);font-size:11px;color:var(--color-text-light);display:flex;align-items:center;gap:4px;opacity:.6;transition:opacity .3s;white-space:nowrap}.css-nb-rotate-hint.hidden{opacity:0}.ps-carousel-item.active:after{content:"";position:absolute;left:10%;right:10%;bottom:-60px;height:80px;background:linear-gradient(to bottom,rgba(200,195,188,.1),transparent);filter:blur(8px);transform:scaleY(-.3);pointer-events:none;opacity:.6;z-index:-1}@media (prefers-reduced-motion: reduce){.ps-shader-canvas{display:none}}@media (max-width: 768px){.ps-shader-canvas{display:none}}@media (max-width: 1024px){.ps-carousel-track{width:300px;max-height:424px}.ps-config-bar{max-width:calc(100% - 32px);padding:10px 14px}.ps-config-bar-row{flex-wrap:wrap;gap:8px}.ps-config-divider,.ps-config-spacer{display:none}.ps-config-bar-left{flex-wrap:wrap;width:100%}.ps-config-group--cta{flex-basis:100%;justify-content:flex-end;padding-top:6px;border-top:1px solid rgba(0,0,0,.04)}.ps-carousel-arrow{top:50%}.ps-carousel-arrow--left{left:20px}.ps-carousel-arrow--right{right:20px}}@media (max-width: 768px){.ps-carousel-track{width:240px;max-height:339px}.ps-carousel-arrow{width:40px;height:40px;top:50%}.ps-carousel-arrow--left{left:12px}.ps-carousel-arrow--right{right:12px}.ps-carousel-title h1{font-size:24px}.ps-carousel-specs{font-size:12px}.ps-carousel-tagline{font-size:11px}.ps-config-bar{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));margin-bottom:0;box-shadow:0 -4px 24px #00000014}.ps-config-bar-row{flex-wrap:wrap;gap:10px}.ps-config-divider,.ps-config-spacer{display:none}.ps-config-bar-left{display:contents}.ps-config-group{flex-basis:calc(50% - 5px)}.ps-config-group--cta{flex-basis:100%;justify-content:space-between}}@supports (padding-bottom: env(safe-area-inset-bottom)){.ps-immersive{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px){.ps-immersive{padding-bottom:160px}}.ps-config-group--shape{display:flex;align-items:center;gap:8px;flex-shrink:0}.ps-config-group--frame{display:flex;align-items:center;flex-shrink:0}.ps-config-frame-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:#2d2a2699}.ps-config-frame-toggle input[type=checkbox]{width:14px;height:14px;accent-color:#3D3530;cursor:pointer}.ps-config-frame-toggle-label{white-space:nowrap}.ps-carousel-plate-preview{transition:background .5s ease,box-shadow .5s ease}.ps-carousel-plate-preview--3d{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.ps-carousel-plate-preview--3d canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.ps-carousel-specs-overlay{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-family:var(--font-family-primary);font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#2d2a2673;pointer-events:none;z-index:2;white-space:nowrap;text-shadow:0 1px 4px rgba(255,255,255,.6)}.ps-carousel-notebook-img,.ps-carousel-plate-preview:not(.ps-carousel-plate-preview--3d){display:block;width:100%;height:100%;object-fit:contain}.ps-config-mobile-group{display:flex;align-items:center;position:relative}.ps-config-mobile-trigger{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:transparent;cursor:pointer;transition:all .2s}.ps-config-mobile-trigger:hover{border-color:#00000026}.ps-config-mobile-swatch{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);display:block}.ps-config-mobile-select{padding:5px 20px 5px 10px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:#2d2a26;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B6560' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:10px}.ps-config-mobile-actions{display:flex;align-items:center;gap:8px}.ps-config-colour-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px 12px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 4px 20px #00000014;z-index:30}.ps-config-colour-popover__swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s;padding:0}.ps-config-colour-popover__swatch:hover{transform:scale(1.15);border-color:#0003}.ps-config-colour-popover__swatch.active{border-color:#3d3530;box-shadow:0 0 0 2px #3d353033}.ps-config-colour-trigger-wrap{position:relative}.ps-config-bar--desktop{display:flex}.ps-config-bar--mobile{display:none}@media (max-width: 768px){.ps-config-bar--desktop{display:none}.ps-config-bar--mobile{display:flex;flex-direction:column;gap:8px}.ps-config-bar-row--cta{display:flex;align-items:center;justify-content:space-between}.ps-config-group--shape,.ps-config-group--frame{display:none}}@media (min-width: 769px) and (max-width: 1024px){.ps-config-swatches--inline{display:none}.ps-config-colour-trigger-wrap{display:flex}}@media (min-width: 1025px){.ps-config-swatches--inline{display:flex}.ps-config-colour-trigger-wrap{display:none}}.product-selection{max-width:540px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl)}.product-selection-section{margin-bottom:var(--spacing-xl)}.product-selection-label{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.product-selection-row{display:flex;gap:var(--spacing-xl)}.product-selection-row .product-selection-section{margin-bottom:var(--spacing-xl)}.product-selection-notice{padding:var(--spacing-sm) var(--spacing-md);background:#3b82f60f;border-radius:var(--border-radius-md);border:1px solid rgba(59,130,246,.15);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-selection-error{color:var(--color-error, #dc2626);font-size:var(--font-size-xs);margin-top:4px}.design-name-input{width:100%;padding:var(--spacing-sm) 0;border:none;border-bottom:1.5px solid var(--color-border);border-radius:0;font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:transparent;transition:var(--transition-fast)}.design-name-input:focus{outline:none;border-bottom-color:var(--color-text-primary)}.design-name-input::placeholder{color:var(--color-text-light);font-weight:var(--font-weight-normal)}.design-name-input.error{border-bottom-color:var(--color-error, #dc2626)}.product-selection-preview{border-radius:var(--border-radius-lg);overflow:hidden;height:360px}.product-type-grid{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none}.product-type-grid::-webkit-scrollbar{display:none}.product-type-card{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-primary);cursor:pointer;transition:var(--transition-fast);position:relative}.product-type-card:hover{border-color:var(--color-text-secondary)}.product-type-card.active{border-color:var(--color-text-primary)}.product-type-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.product-type-card-image{width:56px;height:56px;object-fit:contain}.product-type-card-name{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center}.product-type-badge{position:absolute;top:6px;right:6px;font-family:var(--font-family-primary);font-size:8px;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-light);background:var(--color-bg-secondary);padding:2px 5px;border-radius:var(--border-radius-sm)}.size-selector{display:flex;gap:var(--spacing-xs)}.size-option{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast)}.size-option:hover{border-color:var(--color-text-secondary)}.size-option.active{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-bg-primary)}.interior-layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.interior-layout-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg-primary);cursor:pointer;transition:var(--transition-fast)}.interior-layout-card:hover{border-color:var(--color-text-secondary)}.interior-layout-card.active{border-color:var(--color-text-primary)}.interior-layout-preview{width:100%;aspect-ratio:148 / 210;background:#fafafa;border-radius:2px;overflow:hidden;position:relative}.interior-layout-preview.ruled{background-image:repeating-linear-gradient(0deg,transparent,transparent 14px,#e0dcd6 14px,#e0dcd6 15px);background-position:0 6px}.interior-layout-preview.dotted{background-image:radial-gradient(circle,#d0ccc6 .8px,transparent .8px);background-size:10px 10px;background-position:5px 5px}.interior-layout-preview.grid{background-image:linear-gradient(#e0dcd6 1px,transparent 1px),linear-gradient(90deg,#e0dcd6 1px,transparent 1px);background-size:10px 10px}.interior-layout-preview.blank{background:#fafafa}.interior-layout-name{font-family:var(--font-family-primary);font-size:10px;font-weight:var(--font-weight-normal);color:var(--color-text-light)}.interior-layout-card.active .interior-layout-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.product-selection-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.product-selection-footer-left{display:flex;align-items:baseline;gap:var(--spacing-sm)}.product-selection-footer-right{display:flex;align-items:center;gap:var(--spacing-sm)}.product-selection-price{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.product-selection-draft-link{background:none;border:none;font-family:var(--font-family-primary);font-size:var(--font-size-xs);color:var(--color-text-light);text-decoration:underline;cursor:pointer;padding:0}.product-selection-draft-link:hover{color:var(--color-text-secondary)}.product-selection-save{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-primary);font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.product-selection-save:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.product-selection-save:disabled{opacity:.5;cursor:not-allowed}.product-selection-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-text-primary);color:var(--color-bg-primary);border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast)}.product-selection-cta:hover{opacity:.85}.product-selection-cta:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.product-selection{padding:var(--spacing-md)}.product-selection-row{flex-direction:column;gap:0}.interior-layout-grid{grid-template-columns:repeat(2,1fr)}.product-type-card{flex:0 0 100px}.product-selection-footer{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.product-selection-footer-left,.product-selection-footer-right,.product-selection-cta{justify-content:center}.product-selection-preview{height:280px}}:root{--studio-bg: linear-gradient(145deg, #FEFCF9 0%, #F7F3ED 30%, #F0EBE3 65%, #EBE5DB 100%);--studio-panel-bg: rgba(255, 255, 255, .92);--studio-panel-shadow: 0 4px 24px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .02);--studio-panel-border: rgba(0, 0, 0, .06);--studio-canvas-bg: radial-gradient(ellipse at 50% 40%, #EAE6F2 0%, #E6E2EB 35%, #E4E0DC 70%, #E0DCD7 100%);--studio-radius-xl: 20px;--studio-radius-lg: 16px;--studio-radius-md: 12px;--studio-radius-sm: 8px;--studio-transition: .2s cubic-bezier(.4, 0, .2, 1);--studio-transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--studio-spring: cubic-bezier(.34, 1.56, .64, 1);--studio-transition-spring: .25s var(--studio-spring)}.design-studio:has(.studio-layout){max-width:none;padding:0!important;margin:0;overflow:hidden}body:has(.studio-layout) .header-top-container,body:has(.studio-layout) .header-nav-container{max-width:none}body:has(.studio-layout) footer.footer{display:none}.design-studio:has(.studio-layout) .progress-steps-minimal{display:none}.studio-layout{display:grid;grid-template-columns:var(--studio-left-width, 360px) 1fr var(--studio-right-width, 400px);grid-template-rows:auto auto 1fr auto;height:calc(100dvh - var(--header-height, 60px));overflow:hidden;background:var(--studio-bg);transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1)}.studio-layout.left-collapsed{--studio-left-width: 56px}.studio-layout.right-collapsed{--studio-right-width: 56px}.studio-layout.left-collapsed.right-collapsed{--studio-left-width: 56px;--studio-right-width: 56px}.studio-layout.zen-mode{grid-template-columns:1fr;grid-template-rows:0fr 0fr 1fr 0fr;height:100dvh}.studio-layout.zen-mode .studio-header,.studio-layout.zen-mode .studio-job-progress,.studio-layout.zen-mode .studio-footer,.studio-layout.zen-mode .paint-status-bar{overflow:hidden;min-height:0;max-height:0;padding:0;border:none;opacity:0;pointer-events:none;transition:all .35s ease}.studio-layout.zen-mode .studio-mobile-toggles{display:none}.studio-layout.zen-mode .studio-center-container{grid-column:1 / -1}.studio-layout.zen-mode .studio-panel-left,.studio-layout.zen-mode .studio-panel-right{display:none}.studio-zen-floating-btn{position:fixed;top:12px;right:12px;z-index:1000;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:.3;transition:opacity .2s ease,background .2s ease}.studio-zen-floating-btn:hover{opacity:1;background:#fffffff2}.studio-header{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--studio-panel-border);background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:42px;gap:var(--spacing-sm)}.studio-header-left{display:flex;align-items:stretch;gap:0;flex:1;min-width:0}.studio-header-actions,.studio-header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;padding:4px 0}.design-toolbar{display:flex;align-items:center;gap:6px}.design-toolbar button:hover:not(:disabled){opacity:.85}@keyframes design-toolbar-spin{to{transform:rotate(360deg)}}.design-toolbar-spinner{animation:design-toolbar-spin .7s linear infinite}.studio-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:none;font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast)}.studio-back-btn:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.studio-draft-name-input{font-family:var(--font-family-primary);font-size:14px;font-weight:500;color:var(--color-text-primary);background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:6px 12px;min-width:160px;max-width:280px;outline:none;transition:border-color .2s,box-shadow .2s}.studio-draft-name-input:hover{border-color:#0003}.studio-draft-name-input:focus{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #0000000f}.studio-draft-name-input::placeholder{color:var(--color-text-light);font-weight:400}.studio-save-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border:1px solid var(--studio-panel-border);background:#fff;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;border-radius:var(--studio-radius-sm);transition:var(--studio-transition-fast);box-shadow:0 1px 2px #0000000a}.studio-save-btn:hover{background:#f8f8f8;box-shadow:0 2px 4px #0000000f}.studio-credit-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-light);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.studio-credit-badge svg{opacity:.5;flex-shrink:0}.studio-credit-badge--sign-in{text-decoration:none;color:var(--color-text-light)}.studio-price-badge{font-family:var(--font-family-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.studio-job-progress{grid-column:1 / -1;grid-row:2;padding:var(--spacing-xs) var(--spacing-lg);border-bottom:1px solid var(--studio-panel-border);background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-panel-left{grid-column:1;grid-row:3;overflow-y:auto;background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;margin:10px 0 10px 10px;border-radius:var(--studio-radius-lg);box-shadow:var(--studio-panel-shadow);border:1px solid var(--studio-panel-border)}.studio-left-actions{display:flex;gap:6px;padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:0}.studio-left-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid rgba(0,0,0,.1);background:#fff;font-family:var(--font-family-primary);font-size:12px;font-weight:500;color:var(--color-text-secondary);border-radius:var(--studio-radius-sm);cursor:pointer;transition:var(--studio-transition-fast)}.studio-left-action-btn:hover{border-color:#0003;color:var(--color-text-primary);box-shadow:0 2px 6px #0000000f}.studio-left-action-btn:active{transform:scale(.95);transition:transform .1s var(--studio-spring)}.studio-left-action-btn--ai{background:#0000000f;color:#0000008c;border-color:#00000014}.studio-left-action-btn--ai:hover{background:#0000001a;color:#000000bf}.studio-left-action-btn--ai:disabled{opacity:.5;cursor:not-allowed}.studio-left-toggle-row{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-lg);padding-right:8px}.studio-left-toggle{flex:1;display:flex;gap:4px;padding:4px;background:#00000008;border-radius:var(--studio-radius-sm)}.studio-left-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--studio-transition-fast)}.studio-left-toggle-btn:hover{color:var(--color-text-primary)}.studio-left-toggle-btn.active{background:#fff;color:var(--color-text-primary);box-shadow:0 1px 3px #00000014}.studio-left-toggle-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#00000014;border-radius:9px;font-size:10px;font-weight:600}.studio-left-toggle-btn.active .studio-left-toggle-count{background:var(--color-text-primary);color:#fff}.studio-empty-cta{margin-top:var(--spacing-md);padding:10px 20px;border:1px dashed rgba(0,0,0,.2);background:#00000005;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:13px;font-weight:500;border-radius:var(--studio-radius-sm);cursor:pointer;transition:var(--studio-transition-fast)}.studio-empty-cta:hover{border-color:#0000004d;background:#0000000a;color:var(--color-text-primary)}.studio-panel-section{padding:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.04)}.studio-panel-section:last-child{border-bottom:none;flex:1}.studio-panel-title{font-family:var(--font-family-primary);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.studio-search{position:relative;margin-bottom:var(--spacing-md)}.studio-search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid rgba(0,0,0,.08);border-radius:var(--studio-radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);background:#00000005;color:var(--color-text-primary);transition:var(--studio-transition-fast)}.studio-search-input::placeholder{color:var(--color-text-light)}.studio-search-input:focus{outline:none;border-color:#00000026;background:#fff;box-shadow:0 2px 8px #0000000a}.studio-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-light);pointer-events:none}.studio-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:var(--spacing-md)}.studio-tag{padding:5px 12px;border:none;background:#0000000a;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:12px;font-weight:500;border-radius:20px;cursor:pointer;transition:var(--studio-transition-fast);white-space:nowrap}.studio-tag:hover{background:#00000014;color:var(--color-text-primary)}.studio-tag.active{background:var(--color-text-primary);color:#fff}.studio-category-dropdown{position:relative;margin-bottom:var(--spacing-md)}.studio-category-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:1px solid rgba(0,0,0,.1);border-radius:var(--studio-radius-md);background:#fff;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:var(--studio-transition-fast)}.studio-category-trigger:hover{border-color:#0003;box-shadow:0 2px 8px #0000000a}.studio-category-trigger.expanded{border-color:var(--color-text-primary);border-bottom-left-radius:0;border-bottom-right-radius:0}.studio-category-label{text-transform:capitalize}.studio-category-chevron{width:16px;height:16px;color:var(--color-text-light);transition:transform var(--studio-transition-fast)}.studio-category-trigger.expanded .studio-category-chevron{transform:rotate(180deg)}.studio-category-list{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;background:#fff;border:1px solid transparent;border-top:none;border-radius:0 0 var(--studio-radius-md) var(--studio-radius-md);box-shadow:0 4px 16px #00000014;z-index:100;transition:max-height .2s ease-out,border-color .2s ease-out}.studio-category-list.expanded{max-height:280px;overflow-y:auto;border-color:var(--color-text-primary)}.studio-category-item{display:block;width:100%;padding:10px 14px;border:none;background:none;font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;text-transform:capitalize;cursor:pointer;transition:var(--studio-transition-fast)}.studio-category-item:hover{background:#00000008;color:var(--color-text-primary)}.studio-category-item.active{background:#0000000d;color:var(--color-text-primary);font-weight:600}.studio-pill-tabs{display:flex;gap:4px;padding:4px;background:#00000008;border-radius:var(--studio-radius-sm);margin-bottom:var(--spacing-md)}.studio-pill-tab{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:var(--studio-transition-fast)}.studio-pill-tab:hover{color:var(--color-text-primary)}.studio-pill-tab.active{background:#fff;color:var(--color-text-primary);box-shadow:0 1px 3px #00000014}.preset-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.preset-card{width:100%;border-radius:var(--studio-radius-md);overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.12);transition:transform var(--studio-transition-spring),box-shadow var(--studio-transition),border-color var(--studio-transition-fast);position:relative;background:#00000008;padding:0}.preset-card:hover{border-color:#00000026;transform:scale(1.05) translateY(-3px);box-shadow:0 8px 20px #0000001a,0 3px 6px #0000000d}.preset-card:active{transform:scale(.96);box-shadow:0 2px 6px #0000000f}.preset-card.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #0000001a}.preset-card img{width:100%;display:block;object-fit:contain}.preset-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-light);font-size:11px;text-align:center;padding:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preset-card--skeleton{aspect-ratio:3 / 4;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;pointer-events:none;cursor:default}.preset-card--featured{position:relative}.preset-card--featured:after{content:"★";position:absolute;top:4px;right:5px;font-size:10px;color:#f59e0b;line-height:1;pointer-events:none;z-index:1}.preset-card__wrapper{position:relative}.preset-card__heart{position:absolute;top:5px;right:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;cursor:pointer;padding:0;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease;z-index:2}.preset-card__wrapper:hover .preset-card__heart{opacity:1;transform:scale(1)}.preset-card__heart.saved{opacity:1;transform:scale(1);background:#ffffffe6;color:#ef4444}.preset-card__heart:hover{background:#ffffffeb;color:#ef4444;transform:scale(1.1)}.preset-gallery__empty-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;color:#0000004d;text-align:center}.preset-gallery__empty-favorites svg{opacity:.3}.preset-gallery__empty-favorites p{margin:0;font-size:13px;font-weight:600;color:#0006}.preset-gallery__empty-favorites span{font-size:12px;color:#0000004d}.canvas-floating-toolbar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#ffffffd1;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.5);border-radius:var(--studio-radius-lg);box-shadow:0 4px 24px #0000000f,0 1px 4px #00000008,inset 0 1px #fff9;flex-shrink:0;width:52px;align-self:stretch;z-index:100;animation:studio-fade-in .3s ease-out both}.canvas-floating-toolbar.disabled{opacity:0;pointer-events:none;transform:translateY(12px) scale(.95);transition:opacity .25s ease,transform .25s ease}.canvas-floating-toolbar:not(.disabled){transition:opacity .25s ease,transform .25s ease}.canvas-floating-toolbar__group{display:flex;flex-direction:column;align-items:center;gap:2px}.canvas-floating-toolbar__divider{width:28px;height:1px;background:#00000014;margin:3px 0;flex-shrink:0}.canvas-floating-toolbar__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--color-text-secondary);transition:transform var(--studio-transition-spring),background var(--studio-transition-fast),color var(--studio-transition-fast),box-shadow var(--studio-transition-fast);position:relative}.canvas-floating-toolbar__btn svg{width:18px;height:18px}.canvas-floating-toolbar__btn:hover:not(:disabled){background:#0000000f;color:var(--color-text-primary);transform:scale(1.1)}.canvas-floating-toolbar__btn:active:not(:disabled){background:#0000001a;transform:scale(.9)}.canvas-floating-toolbar__btn.active{background:var(--color-text-primary);color:#fff}.canvas-floating-toolbar__btn--orientation{background:transparent;color:var(--color-text-secondary)}.canvas-floating-toolbar__btn--orientation:hover:not(:disabled){background:#0000000f;color:var(--color-text-primary)}.canvas-floating-toolbar__btn:disabled{opacity:.4;cursor:not-allowed}@property --ai-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes ai-border-rotate{to{--ai-angle: 360deg}}.ai-feature-btn{position:relative;background:#c3afeb8c!important;border:1.5px solid rgba(150,120,200,.25)!important;color:#1e2525!important;font-weight:700!important;overflow:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ai-feature-btn__label--short{display:none}.ai-feature-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;padding:2px;background:conic-gradient(from var(--ai-angle),rgba(140,110,195,.25) 0%,rgba(165,130,220,.85) 6%,rgba(185,150,240,.95) 10%,rgba(165,130,220,.85) 14%,rgba(140,110,195,.25) 22%,rgba(140,110,195,.25) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ai-border-rotate 4s linear infinite;pointer-events:none}.ai-feature-btn:hover:not(:disabled){background:#cdb9f0a6!important;transform:translateY(-1px);box-shadow:0 2px 12px #9678c833}.ai-feature-btn:hover:not(:disabled):before{background:conic-gradient(from var(--ai-angle),rgba(140,110,195,.3) 0%,rgba(155,120,210,1) 6%,rgba(175,140,235,1) 10%,rgba(155,120,210,1) 14%,rgba(140,110,195,.3) 22%,rgba(140,110,195,.3) 100%)}.image-controls-subpanel--ai{background:#c3afeb2e!important;border:1.5px solid rgba(150,120,200,.15)!important;position:relative;overflow:visible}.image-controls-subpanel--ai:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;padding:2px;background:conic-gradient(from var(--ai-angle),rgba(140,110,195,.2) 0%,rgba(165,130,220,.75) 6%,rgba(185,150,240,.85) 10%,rgba(165,130,220,.75) 14%,rgba(140,110,195,.2) 22%,rgba(140,110,195,.2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ai-border-rotate 5s linear infinite;pointer-events:none}.ai-effects-label{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:600;color:#1e2525;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;position:relative;z-index:1}.ai-effects-label svg{width:10px;height:10px}.mobile-more-menu__item--ai{color:#785ab4!important;font-weight:600}.canvas-floating-toolbar__btn--danger{color:#dc2626}.canvas-floating-toolbar__btn--danger:hover:not(:disabled){background:#dc26261a;color:#dc2626}.canvas-floating-toolbar__btn[data-tooltip]{position:relative}.canvas-floating-toolbar__btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(4px);padding:5px 10px;background:var(--color-text-primary, #1a1a1a);color:#fff;font-family:var(--font-family-primary);font-size:11px;font-weight:500;white-space:nowrap;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:200}.canvas-floating-toolbar__btn[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.canvas-object-popup{transform:translate(-50%,-100%);display:flex;align-items:center;gap:4px;padding:6px 8px;background:#ffffffe0;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(0,0,0,.08);border-radius:100px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a,inset 0 1px #ffffffb3;z-index:10000;pointer-events:auto;animation:popup-appear .2s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1)) both;white-space:nowrap}@keyframes popup-appear{0%{opacity:0;transform:translate(-50%,-100%) translateY(6px) scale(.95)}to{opacity:1;transform:translate(-50%,-100%) translateY(0) scale(1)}}.canvas-object-popup__opacity{display:flex;align-items:center;gap:5px;padding:0 4px;color:#0006}.canvas-object-popup__slider{width:64px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:100px;outline:none;cursor:pointer}.canvas-object-popup__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#1a1a1a;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:grab}.canvas-object-popup__slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#1a1a1a;border:2px solid #fff;box-shadow:0 1px 3px #0003;cursor:grab}.canvas-object-popup__pct{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:600;color:#0006;min-width:28px;text-align:right}.canvas-object-popup__divider{width:1px;height:18px;background:#00000014;margin:0 2px}.canvas-object-popup__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:#00000073;cursor:pointer;transition:background .12s ease,color .12s ease,transform .2s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1))}.canvas-object-popup__btn:hover{background:#0000000f;color:#000000b3}.canvas-object-popup__btn:active{transform:scale(.9)}.canvas-object-popup__btn--ai{color:#1e2525;position:relative;overflow:visible;border-radius:8px}.canvas-object-popup__btn--ai:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;padding:2px;background:conic-gradient(from var(--ai-angle),rgba(140,110,195,.25) 0%,rgba(165,130,220,.85) 6%,rgba(185,150,240,.95) 10%,rgba(165,130,220,.85) 14%,rgba(140,110,195,.25) 22%,rgba(140,110,195,.25) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ai-border-rotate 4s linear infinite;animation-play-state:paused;opacity:0;pointer-events:none}.canvas-object-popup__btn--ai:hover:not(.processing):before,.canvas-object-popup__btn--ai.active:not(.processing):before{animation-play-state:running;opacity:.45}.canvas-object-popup__btn--ai.processing:before{animation-play-state:running;opacity:1}.canvas-object-popup__btn--ai:hover:not(.processing),.canvas-object-popup__btn--ai.active:not(.processing){background:#0000000f;color:#1e2525}.canvas-object-popup__btn--ai.processing{background:#cdb9f0a6;color:#1e2525}.canvas-object-popup__btn--ai.processing:hover{background:#c3afe6bf}.canvas-object-popup__btn--effects{width:auto;min-width:76px;padding:0 10px;gap:6px;border-radius:999px}.canvas-object-popup__btn--effects span{font-family:var(--font-family-primary);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.canvas-object-popup__btn--save-collection{display:none}.canvas-object-popup__btn--delete{color:#dc262680}.canvas-object-popup__btn--delete:hover{background:#dc26260f;color:#dc2626}@media (max-width: 1279px){.canvas-object-popup{position:fixed!important;left:0!important;right:0!important;bottom:calc(var(--mobile-tab-height, 56px) + var(--mobile-safe-bottom, 0px) + 16px)!important;top:auto!important;transform:none!important;max-width:none;width:auto;margin:0 6px;border-radius:14px;flex-wrap:wrap;justify-content:center;white-space:normal}.canvas-object-popup__btn{width:36px;height:36px;flex-shrink:0}.canvas-object-popup__btn--save-collection{display:flex}.canvas-object-popup__slider{width:50px;flex-shrink:0}.canvas-object-popup__opacity{flex-shrink:0}.canvas-object-popup__divider{display:none}.canvas-object-popup__pct{flex-shrink:0}}.canvas-context-menu{z-index:10000;min-width:160px;padding:4px;background:#ffffffeb;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(0,0,0,.08);border-radius:var(--studio-radius-md, 12px);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000a,inset 0 1px #ffffffb3;animation:context-appear .15s cubic-bezier(.16,1,.3,1) both}@keyframes context-appear{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.canvas-context-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;border-radius:var(--studio-radius-sm, 8px);background:transparent;font-family:var(--font-family-primary, inherit);font-size:13px;font-weight:500;color:#000000b3;cursor:pointer;transition:background .1s ease,color .1s ease;text-align:left}.canvas-context-menu__item:hover{background:#0000000d;color:#000000e6}.canvas-context-menu__item:active{background:#00000014}.canvas-context-menu__item--danger:hover{background:#dc26260f;color:#dc2626}.canvas-context-menu__shortcut{margin-left:auto;font-size:11px;font-weight:400;color:#00000040}.canvas-context-menu__empty{padding:12px 16px;font-family:var(--font-family-primary, inherit);font-size:12px;color:#0000004d;text-align:center}.studio-center-container{grid-column:2;grid-row:3;display:flex;flex-direction:row;gap:8px;padding:6px 8px;min-width:0;min-height:0;overflow:hidden;position:relative}.studio-center{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex:1;min-width:0;min-height:0;height:100%;padding:12px 0}.studio-center__column{display:flex;flex-direction:column;align-items:center}.studio-book-frame{position:relative;overflow:hidden}.studio-center.drag-over{background:linear-gradient(145deg,#e8f0ff,#ddeaff,#e8f0ff)}.studio-center.drag-over:after{content:"";position:absolute;inset:var(--spacing-md);border:2px dashed rgba(0,0,0,.15);border-radius:var(--studio-radius-md);pointer-events:none}.studio-panel-right{grid-column:3;grid-row:3;overflow-y:auto;background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;margin:10px 10px 10px 0;border-radius:var(--studio-radius-lg);box-shadow:var(--studio-panel-shadow);border:1px solid var(--studio-panel-border)}.studio-tabs{display:flex;gap:2px;padding:var(--spacing-sm);background:#00000005;flex-shrink:0}.studio-tabs-3 .studio-tab,.studio-tabs-4 .studio-tab{flex-direction:column;gap:4px;padding:10px 8px}.studio-tab{flex:1;padding:10px 12px;border:none;background:transparent;font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:var(--color-text-light);cursor:pointer;transition:transform var(--studio-transition-spring),background var(--studio-transition-fast),color var(--studio-transition-fast),box-shadow var(--studio-transition-fast);border-radius:var(--studio-radius-sm);display:flex;align-items:center;justify-content:center;gap:6px}.studio-tab:hover{background:#0000000a;color:var(--color-text-secondary)}.studio-tab:active{transform:scale(.95)}.studio-tab.active{background:#fff;color:var(--color-text-primary);box-shadow:0 1px 3px #00000014}.studio-tab-icon{width:18px;height:18px}.studio-tab-icon svg{width:100%;height:100%}.studio-tab-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.studio-tab-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);animation:studio-fade-in .2s ease-out}.studio-section-title{font-family:var(--font-family-primary);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.studio-search-input-wrap{position:relative;margin-bottom:10px}.studio-search-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-light);pointer-events:none}.studio-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:50%;background:#00000014;color:var(--color-text-secondary);font-size:14px;line-height:1;cursor:pointer;transition:var(--studio-transition-fast)}.studio-search-clear:hover{background:#00000026}.studio-recent-decorations{margin-bottom:10px}.studio-recent-label{font-family:var(--font-family-primary);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-light);margin-bottom:6px}.studio-recent-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.studio-recent-row::-webkit-scrollbar{display:none}.studio-recent-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.06);border-radius:10px;background:#fff;cursor:pointer;padding:6px;transition:var(--studio-transition-fast)}.studio-recent-item:hover{border-color:#00000026;background:#00000005;transform:scale(1.05)}.studio-recent-item img{width:100%;height:100%;object-fit:contain}.studio-category-pills{display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:var(--spacing-md);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.studio-category-pills::-webkit-scrollbar{display:none}.studio-category-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:#0000000a;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:11px;font-weight:500;border-radius:16px;cursor:pointer;transition:var(--studio-transition-fast);white-space:nowrap;flex-shrink:0}.studio-category-pill:hover{background:#00000014;color:var(--color-text-primary)}.studio-category-pill.active{background:var(--color-text-primary);color:#fff}.studio-category-pill__count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#00000014;font-size:9px;font-weight:600;line-height:1}.studio-category-pill.active .studio-category-pill__count{background:#ffffff40}.studio-deco-color-strip{display:flex;align-items:center;gap:5px;margin-bottom:10px;padding:6px 0}.studio-deco-color-swatch{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:var(--studio-transition-fast);padding:0;outline:none}.studio-deco-color-swatch:hover{transform:scale(1.15)}.studio-deco-color-swatch.active{border-color:var(--color-text-primary, #333);box-shadow:0 0 0 2px #00000014}.studio-deco-color-swatch--default{background:#fff;border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;color:var(--color-text-light, #999)}.studio-deco-color-swatch--default.active{border-color:var(--color-text-primary, #333)}.studio-deco-color-swatch--custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.studio-deco-color-swatch--custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.studio-deco-color-swatch--custom svg{pointer-events:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.5))}.studio-decoration-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-text-light)}.studio-decoration-empty svg{margin-bottom:var(--spacing-sm);opacity:.35}.studio-decoration-empty p{font-family:var(--font-family-primary);font-size:13px;font-weight:500;margin:0 0 4px}.studio-decoration-empty span{font-family:var(--font-family-primary);font-size:11px;opacity:.7}.studio-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-text-light)}.studio-empty-state svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.4}.studio-empty-state p{font-size:13px;line-height:1.5;max-width:200px}.studio-settings-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.studio-settings-section{padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.04)}.studio-settings-section:last-child{border-bottom:none}.studio-interior-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.studio-interior-btn{padding:12px;border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:12px;font-weight:500;border-radius:var(--studio-radius-sm);cursor:pointer;transition:var(--studio-transition-fast)}.studio-interior-btn:hover{border-color:#00000026;color:var(--color-text-primary)}.studio-interior-btn.active{border-color:var(--color-text-primary);background:#00000005;color:var(--color-text-primary)}.studio-settings-hint{font-size:12px;color:var(--color-text-light);text-align:center;padding:var(--spacing-md);background:#00000005;border-radius:var(--studio-radius-sm)}.decoration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.decoration-item{aspect-ratio:1;border-radius:var(--studio-radius-sm);overflow:visible;cursor:pointer;background:#00000005;border:1px solid transparent;transition:transform var(--studio-transition-spring),background var(--studio-transition-fast),border-color var(--studio-transition-fast);display:flex;align-items:center;justify-content:center;padding:10px;position:relative}.decoration-item:hover{background:#0000000a;border-color:#00000014;transform:scale(1.08)}.decoration-item:active{transform:scale(.93)}.decoration-item img,.decoration-item svg{width:100%;height:100%;object-fit:contain}.artwork-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.artwork-item{aspect-ratio:1;border-radius:var(--studio-radius-md);overflow:hidden;cursor:grab;background:#00000005;border:1px solid rgba(0,0,0,.06);transition:var(--studio-transition)}.artwork-item:hover{border-color:#0000001f;box-shadow:0 4px 12px #0000000f;transform:scale(1.02)}.artwork-item:active{cursor:grabbing;transform:scale(.98)}.artwork-item img{width:100%;height:100%;object-fit:cover}.studio-color-row{display:flex;gap:8px;flex-wrap:wrap}.studio-footer{grid-column:1 / -1;grid-row:4;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:6px 16px;border-top:1px solid var(--studio-panel-border);background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:0}.studio-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:32px;border:1px solid var(--studio-panel-border);background:#fff;font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;border-radius:var(--studio-radius-sm);transition:var(--studio-transition);box-shadow:0 1px 3px #0000000a;white-space:nowrap}.studio-footer-btn:hover{background:#f8f8f8;box-shadow:0 2px 6px #00000014}.studio-footer-btn-primary{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary);box-shadow:0 2px 8px #00000026}.studio-footer-btn-primary:hover{opacity:.92;background:var(--color-text-primary);box-shadow:0 4px 12px #0003}.studio-footer-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.studio-add-text-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:1px dashed rgba(0,0,0,.15);background:#00000005;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;border-radius:var(--studio-radius-md);transition:var(--studio-transition-fast);margin-bottom:var(--spacing-md)}.studio-add-text-btn:hover{border-color:#00000040;background:#0000000a;color:var(--color-text-primary)}.studio-add-text-btn:disabled{opacity:.4;cursor:not-allowed}.studio-add-text-btn svg{width:18px;height:18px}.font-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:var(--spacing-md)}.font-card{padding:16px 12px;border:1px solid rgba(0,0,0,.08);border-radius:var(--studio-radius-md);background:#fff;cursor:pointer;text-align:center;transition:var(--studio-transition-fast)}.font-card:hover{border-color:#00000026;box-shadow:0 2px 8px #0000000a}.font-card.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #00000014}.font-card-preview{font-size:24px;margin-bottom:4px}.font-card-name{font-size:11px;color:var(--color-text-light)}.studio-panel-left--collapsed,.studio-panel-right--collapsed{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;position:relative;overflow:visible;z-index:1400}.studio-panel-left--collapsed{margin:10px 0 10px 10px}.studio-panel-right--collapsed{margin:10px 10px 10px 0}.studio-panel-rail__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--studio-radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:transform var(--studio-transition-spring),background var(--studio-transition-fast),color var(--studio-transition-fast);position:relative}.studio-panel-rail__btn svg{width:20px;height:20px}.studio-panel-rail__btn:hover{background:#0000000f;color:var(--color-text-primary);transform:scale(1.08)}.studio-panel-rail__btn:active{transform:scale(.92)}.studio-panel-rail__btn.active{background:#00000014;color:var(--color-text-primary)}.studio-panel-rail__btn--ai{background:#0000000f;color:#0000008c}.studio-panel-rail__btn--ai:hover{background:#0000001a;color:#000000bf}.studio-panel-rail__icon svg{width:20px;height:20px}.studio-panel-rail__divider{width:28px;height:1px;background:#00000014;margin:4px 0}.studio-panel-rail__btn[data-tooltip]{position:relative}.studio-panel-rail__btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:50%;transform:translateY(-50%) translate(4px);padding:5px 10px;background:var(--color-text-primary, #1a1a1a);color:#fff;font-family:var(--font-family-primary);font-size:11px;font-weight:500;white-space:nowrap;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:10000}.studio-panel-left--collapsed .studio-panel-rail__btn[data-tooltip]:after{left:calc(100% + 8px)}.studio-panel-right--collapsed .studio-panel-rail__btn[data-tooltip]:after{right:calc(100% + 8px);left:auto;transform:translateY(-50%) translate(-4px)}.studio-panel-rail__btn[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.studio-panel-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-light);transition:var(--studio-transition-fast)}.studio-panel-collapse-btn:hover{background:#0000000f;color:var(--color-text-secondary)}.studio-panel-collapse-btn--tab{width:32px;height:auto;flex-shrink:0;margin-left:2px}.studio-zen-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--studio-panel-border);background:#fff;border-radius:var(--studio-radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:var(--studio-transition-fast)}.studio-zen-btn:hover{background:#f8f8f8;color:var(--color-text-primary);box-shadow:0 2px 4px #0000000f}.studio-zen-btn.active{background:var(--color-text-primary);color:#fff;border-color:var(--color-text-primary)}@keyframes panel-content-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes panel-content-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.studio-panel-left:not(.studio-panel-left--collapsed)>*:not(.studio-left-toggle-row){animation:panel-content-in-left .3s ease .15s both}.studio-panel-right:not(.studio-panel-right--collapsed)>*:not(.studio-tabs){animation:panel-content-in-right .3s ease .15s both}.studio-layout.paint-mode{--paint-bg: #f5f5f5;--paint-bg-panel: #ffffff;--paint-bg-elevated: #fafafa;--paint-bg-hover: rgba(0, 0, 0, .05);--paint-bg-active: rgba(0, 0, 0, .08);--paint-text: rgba(0, 0, 0, .85);--paint-text-muted: rgba(0, 0, 0, .5);--paint-text-dim: rgba(0, 0, 0, .3);--paint-border: rgba(0, 0, 0, .1);--paint-accent: #4a9aca;--paint-accent-glow: rgba(74, 154, 202, .2);--studio-left-width: 0px;--studio-right-width: clamp(200px, 22vw, 300px);--studio-toolbox-width: clamp(40px, 4.2vw, 56px);grid-template-columns:var(--studio-left-width) var(--studio-toolbox-width) 1fr var(--studio-right-width);grid-template-rows:auto auto auto 1fr 28px}.studio-layout.paint-mode.right-collapsed{--studio-right-width: 48px}.studio-paint-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(0,0,0,.12);border-radius:var(--studio-radius-sm);background:#0000000a;color:var(--color-text-secondary, #666);font-family:var(--font-family-primary);font-size:12px;font-weight:600;cursor:pointer;transition:var(--studio-transition-fast);white-space:nowrap}.studio-paint-btn svg{width:16px;height:16px;flex-shrink:0}.studio-paint-btn:hover{background:#00000014;border-color:#0003;color:var(--color-text-primary, #333)}.studio-paint-btn.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;box-shadow:0 0 12px #7eb8e026}.studio-paint-btn.active:hover{background:#222}.studio-paint-btn__label{font-size:12px}@media (max-width: 1279px){.studio-paint-btn{display:none}}.paint-toolbox{grid-column:2;grid-row:3 / 5;width:var(--studio-toolbox-width, 56px);z-index:100;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 6px;background:#fffffff7;border-radius:0;box-shadow:2px 0 12px #00000014;border-right:1px solid rgba(0,0,0,.08);overflow:visible;overflow-y:auto}.paint-toolbox__btn{display:flex;align-items:center;justify-content:center;width:clamp(28px,2.9vw,38px);height:clamp(28px,2.9vw,38px);border:none;border-radius:10px;background:transparent;color:#00000073;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.paint-toolbox__btn svg{width:clamp(14px,1.35vw,18px);height:clamp(14px,1.35vw,18px)}.paint-toolbox__btn:hover{background:#0000000f;color:#000000d9}.paint-toolbox__btn.active{background:#0000001a;color:#1a1a1a;box-shadow:inset 0 0 0 1px #00000014}.paint-toolbox__divider{width:clamp(22px,2.4vw,32px);height:1px;background:#0000001a;margin:4px 0;flex-shrink:0}.paint-toolbox__spacer{flex:1;min-height:4px}.paint-instruments{grid-column:3;grid-row:4;align-self:center;justify-self:start;margin-left:12px;z-index:90;display:flex;flex-direction:column;gap:clamp(4px,.7vw,10px);padding:8px 0;pointer-events:auto}.paint-instruments__btn{display:flex;align-items:center;justify-content:flex-start;width:auto;height:clamp(20px,2.4vw,32px);border:none;border-radius:0;background:transparent;cursor:pointer;padding:0;position:relative;overflow:visible;flex-shrink:0}.paint-instruments__btn:hover,.paint-instruments__btn.active{background:transparent}.paint-instruments__btn:hover .paint-instruments__icon{transform:translate(clamp(4px,.6vw,8px));filter:drop-shadow(0 2px 6px rgba(0,0,0,.18)) drop-shadow(0 1px 3px rgba(0,0,0,.12))}.paint-instruments__btn.active .paint-instruments__icon{transform:translate(clamp(8px,1.2vw,16px));filter:drop-shadow(0 3px 10px rgba(0,0,0,.22)) drop-shadow(0 1px 4px rgba(0,0,0,.15))}.paint-instruments__icon{width:clamp(130px,15.5vw,210px);height:clamp(18px,2.1vw,28px);display:flex;align-items:center;transition:transform .22s cubic-bezier(.25,.46,.45,.94),filter .22s ease;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.12)) drop-shadow(0 1px 2px rgba(0,0,0,.08))}.paint-instruments__icon svg{width:100%;height:100%;overflow:visible}.paint-instruments__btn.popup-open{background:#0000000f}.paint-preset-popup{position:fixed;z-index:9999;background:#222;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d;animation:preset-popup-in .15s ease}.paint-preset-popup--stamps{min-width:260px}@keyframes preset-popup-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.paint-preset-popup__title{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding:0 2px}.paint-preset-popup__cats{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.paint-preset-popup__cat{padding:4px 10px;border:none;border-radius:6px;background:#ffffff0f;color:#ffffff8c;font-size:11px;font-family:var(--font-family-primary);cursor:pointer;transition:all .15s ease}.paint-preset-popup__cat:hover{background:#ffffff1a;color:#ffffffd9}.paint-preset-popup__cat.active{background:#ffffff24;color:#fffffff2}.paint-preset-popup__grid--patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.paint-preset-popup__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border:1px solid transparent;border-radius:8px;background:#ffffff0a;color:#fff9;cursor:pointer;transition:all .15s ease}.paint-preset-popup__item:hover{background:#ffffff1a;color:#ffffffe6}.paint-preset-popup__item.active{background:#ffffff24;border-color:#ffffff40;color:#fffffff2}.paint-preset-popup__item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.paint-preset-popup__item-icon svg{width:20px;height:20px}.paint-preset-popup__item-label{font-size:10px;font-weight:500}.paint-preset-popup__grid--stamps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.paint-preset-popup__stamp{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid transparent;border-radius:8px;background:#ffffff0a;color:#ffffff8c;cursor:pointer;transition:all .15s ease}.paint-preset-popup__stamp:hover{background:#ffffff1a;color:#ffffffe6}.paint-preset-popup__stamp.active{background:#ffffff24;border-color:#ffffff40;color:#fffffff2}.paint-toolbox__indicators{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:4px 8px;flex-shrink:0}.paint-toolbox__indicator{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.paint-toolbox__indicator-label{font-size:8px;font-weight:500;color:#00000059;text-transform:uppercase;letter-spacing:.5px}.paint-toolbox__indicator-bar{width:100%;height:3px;background:#00000014;border-radius:2px;overflow:hidden}.paint-toolbox__indicator-fill{height:100%;background:#0006;border-radius:2px;transition:width .15s ease}.paint-toolbox__colors{position:relative;width:clamp(26px,2.7vw,36px);height:clamp(26px,2.7vw,36px);border:none;background:transparent;cursor:pointer;margin-bottom:4px;flex-shrink:0}.paint-toolbox__color-bg{position:absolute;right:1px;bottom:1px;width:clamp(15px,1.5vw,20px);height:clamp(15px,1.5vw,20px);border:2px solid rgba(255,255,255,.3);border-radius:4px;box-shadow:0 1px 4px #0006}.paint-toolbox__color-fg{position:absolute;left:1px;top:1px;width:clamp(15px,1.5vw,20px);height:clamp(15px,1.5vw,20px);border:2px solid rgba(255,255,255,.5);border-radius:4px;box-shadow:0 1px 4px #0006;z-index:1}.paint-toolbox-tooltip{position:fixed;transform:translateY(-50%);padding:7px 12px;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 16px #00000073,0 0 0 1px #ffffff14;z-index:10000;pointer-events:none;animation:toolbox-tooltip-in .12s ease-out;max-width:220px}.paint-toolbox-tooltip__label{font-family:var(--font-family-primary);font-size:12px;font-weight:600;color:#ffffffeb;white-space:nowrap;line-height:1.3}.paint-toolbox-tooltip__desc{font-family:var(--font-family-primary);font-size:11px;font-weight:400;color:#ffffff80;line-height:1.3;margin-top:2px}@keyframes toolbox-tooltip-in{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.paint-toolbox__btn.has-assistants{position:relative}.paint-toolbox__btn.has-assistants:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;background:var(--paint-accent, #7EB8E0);border-radius:50%;pointer-events:none}.paint-assistants-popup{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000f;padding:6px 0;min-width:170px;z-index:10000;animation:assistants-popup-in .15s ease-out}.paint-assistants-popup__header{font-family:var(--font-family-primary);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#00000059;padding:6px 14px 4px}.paint-assistants-popup__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:transparent;color:#000000d9;cursor:pointer;transition:background .12s ease;font-family:var(--font-family-primary)}.paint-assistants-popup__item:hover{background:#0000000d}.paint-assistants-popup__item:active{background:#0000001a}.paint-assistants-popup__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#0009}.paint-assistants-popup__icon svg{width:100%;height:100%}.paint-assistants-popup__label{font-size:13px;font-weight:500;line-height:1}@keyframes assistants-popup-in{0%{opacity:0;transform:scale(.95) translate(-4px)}to{opacity:1;transform:scale(1) translate(0)}}.paint-assistants-popup__section-title{display:flex;align-items:center;gap:6px;font-family:var(--font-family-primary);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#00000059;padding:8px 14px 4px}.paint-assistants-popup__count{font-size:9px;font-weight:700;background:#64b4ff33;color:#64b4ff;padding:1px 5px;border-radius:8px}.paint-assistants-popup__divider{height:1px;background:#00000014;margin:4px 10px}.paint-assistants-popup__active-item{display:flex;align-items:center;gap:8px;padding:6px 14px;font-family:var(--font-family-primary)}.paint-assistants-popup__active-label{font-size:12px;font-weight:500;color:#000000b3;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paint-assistants-popup__toggle,.paint-assistants-popup__delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#00000073;transition:all .12s ease}.paint-assistants-popup__toggle:hover{background:#0000000f;color:#000000b3}.paint-assistants-popup__toggle.off{color:#0003}.paint-assistants-popup__delete:hover{background:#ef44441a;color:#ef4444}.paint-assistants-popup__clear-btn{display:block;width:calc(100% - 20px);margin:4px 10px 6px;padding:6px 0;border:none;background:transparent;color:#ef4444;font-family:var(--font-family-primary);font-size:11px;font-weight:600;cursor:pointer;border-radius:6px;transition:background .12s ease;text-align:center}.paint-assistants-popup__clear-btn:hover{background:#ef444414}.paint-placement-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:8px 16px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;color:#fff;font-family:var(--font-family-primary);font-size:12px;font-weight:500;box-shadow:0 4px 16px #0003;animation:placement-banner-in .15s ease-out;pointer-events:auto;white-space:nowrap}.paint-placement-banner__type{font-weight:700;color:#64b4ff}.paint-placement-banner__text{color:#ffffffd9}.paint-placement-banner__cancel{border:none;background:#ffffff26;color:#ffffffb3;font-family:var(--font-family-primary);font-size:11px;font-weight:500;padding:3px 10px;border-radius:10px;cursor:pointer;transition:all .12s ease}.paint-placement-banner__cancel:hover{background:#ffffff40;color:#fff}@keyframes placement-banner-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.paint-options-bar{grid-column:3;grid-row:3;display:flex;align-items:center;gap:14px;padding:0 16px;height:40px;background:var(--paint-bg-panel, #222);border-bottom:none;box-shadow:0 1px 8px #00000040;overflow-x:auto;overflow-y:hidden;white-space:nowrap;z-index:1}.paint-options-bar__divider{width:1px;height:20px;background:var(--paint-border, rgba(255, 255, 255, .06));flex-shrink:0}.paint-options-bar__slider-group{display:flex;align-items:center;gap:6px}.paint-options-bar__label{font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:var(--paint-text-muted, rgba(255, 255, 255, .5));white-space:nowrap}.paint-options-bar__slider{width:80px;height:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.paint-options-bar__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006}.paint-options-bar__value{font-family:var(--font-family-primary);font-size:11px;font-weight:600;color:var(--paint-text, rgba(255, 255, 255, .88));min-width:36px;text-align:right}.paint-options-bar__select-group{display:flex;align-items:center;gap:6px}.paint-options-bar__select{padding:3px 8px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));border-radius:6px;background:var(--paint-bg-elevated, #2a2a2a);font-family:var(--font-family-primary);font-size:11px;color:var(--paint-text, rgba(255, 255, 255, .88));cursor:pointer;outline:none}.paint-options-bar__select:focus{border-color:var(--paint-accent, #7EB8E0)}.paint-options-bar__hint{font-family:var(--font-family-primary);font-size:12px;color:var(--paint-text-muted, rgba(255, 255, 255, .5))}.paint-options-bar__spacer{flex:1;min-width:8px}.paint-options-bar__undo-group{display:flex;align-items:center;gap:2px;flex-shrink:0}.paint-options-bar__undo-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--paint-text, rgba(255, 255, 255, .85));cursor:pointer;transition:background .12s ease,opacity .12s ease}.paint-options-bar__undo-btn:hover:not(:disabled){background:var(--paint-bg-hover, rgba(255, 255, 255, .08))}.paint-options-bar__undo-btn:active:not(:disabled){background:var(--paint-bg-active, rgba(255, 255, 255, .15))}.paint-options-bar__undo-btn:disabled{opacity:.25;cursor:default}.studio-layout.paint-mode.drawing-active .paint-options-bar{opacity:.15;transition:opacity .6s ease}.studio-layout.paint-mode:not(.drawing-active) .paint-options-bar{opacity:1;transition:opacity .3s ease}.paint-options-bar__palette-preview{display:flex;align-items:center;gap:3px;padding:0 4px}.paint-options-bar__palette-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.paint-options-bar__pill-group{display:flex;align-items:center;gap:8px}.paint-options-bar__pills{display:flex;gap:2px;background:#ffffff0f;border-radius:6px;padding:2px}.paint-options-bar__pill{padding:3px 10px;border:none;border-radius:5px;background:transparent;color:var(--paint-text-secondary, rgba(255, 255, 255, .55));font-size:11px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.paint-options-bar__pill:hover{color:var(--paint-text, rgba(255, 255, 255, .9));background:#ffffff0f}.paint-options-bar__pill.active{background:#ffffff1f;color:var(--paint-text, rgba(255, 255, 255, .95))}.paint-options-bar__stamp-picker{display:flex;align-items:center;gap:8px;overflow:hidden}.paint-options-bar__stamp-cats{display:flex;gap:2px;background:#ffffff0f;border-radius:6px;padding:2px;flex-shrink:0}.paint-options-bar__stamp-cat{padding:3px 8px;border:none;border-radius:5px;background:transparent;color:var(--paint-text-secondary, rgba(255, 255, 255, .55));font-size:10px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.paint-options-bar__stamp-cat:hover{color:var(--paint-text, rgba(255, 255, 255, .9))}.paint-options-bar__stamp-cat.active{background:#ffffff1f;color:var(--paint-text, rgba(255, 255, 255, .95))}.paint-options-bar__stamp-grid{display:flex;gap:2px;overflow-x:auto;max-width:280px;scrollbar-width:none}.paint-options-bar__stamp-grid::-webkit-scrollbar{display:none}.paint-options-bar__stamp-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:5px;background:#ffffff0a;color:var(--paint-text-secondary, rgba(255, 255, 255, .55));cursor:pointer;flex-shrink:0;transition:all .15s ease}.paint-options-bar__stamp-btn:hover{background:#ffffff1a;color:var(--paint-text, rgba(255, 255, 255, .9))}.paint-options-bar__stamp-btn.active{background:#ffffff24;border-color:#ffffff40;color:var(--paint-text, rgba(255, 255, 255, .95))}.paint-status-bar{grid-column:1 / -1;grid-row:5;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:28px;background:var(--paint-bg, #1a1a1a);border-top:1px solid var(--paint-border, rgba(255, 255, 255, .06))}.paint-status-bar__left,.paint-status-bar__center,.paint-status-bar__right{display:flex;align-items:center;gap:8px}.paint-status-bar__label{font-family:var(--font-family-primary);font-size:10px;color:var(--paint-text-muted, rgba(255, 255, 255, .5))}.paint-status-bar__slider{width:60px;height:2px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;cursor:pointer}.paint-status-bar__slider::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#fff9;cursor:pointer}.paint-status-bar__value{font-family:var(--font-family-primary);font-size:10px;font-weight:600;color:var(--paint-text, rgba(255, 255, 255, .88));min-width:30px}.paint-status-bar__dim,.paint-status-bar__count{font-family:var(--font-family-primary);font-size:10px;color:var(--paint-text-muted, rgba(255, 255, 255, .5))}.paint-status-bar__sep{color:var(--paint-border, rgba(255, 255, 255, .06))}.paint-status-bar__btn{padding:2px 10px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));border-radius:4px;background:var(--paint-bg-elevated, #2a2a2a);font-family:var(--font-family-primary);font-size:10px;font-weight:500;color:var(--paint-text-muted, rgba(255, 255, 255, .5));cursor:pointer;transition:var(--studio-transition-fast)}.paint-status-bar__btn:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08));color:var(--paint-text, rgba(255, 255, 255, .88))}.paint-status-bar__btn--primary{background:#ffffff1f;color:#fff;border-color:#ffffff26}.paint-status-bar__btn--primary:hover{background:#ffffff2e}.paint-status-bar__btn:disabled{opacity:.3;cursor:not-allowed}.studio-layout.paint-mode .studio-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.studio-layout.paint-mode .studio-back-btn{color:#000000b3;border-color:#0000001f;background:#0000000d}.studio-layout.paint-mode .studio-back-btn:hover{color:#000;background:#0000001a}.studio-layout.paint-mode .studio-draft-name-input{color:#1a1a1a;background:transparent;border-color:transparent}.studio-layout.paint-mode .studio-draft-name-input:focus{border-color:var(--paint-accent, #4a9aca)}.studio-layout.paint-mode .studio-draft-name-input::placeholder{color:#00000059}.studio-layout.paint-mode .studio-save-btn{background:#0000000f;color:#1a1a1a;border-color:#0000001f;box-shadow:none}.studio-layout.paint-mode .studio-save-btn:hover{background:#0000001f}.studio-layout.paint-mode .studio-credit-badge{background:#0000000f;color:#00000080}.studio-layout.paint-mode .studio-price-badge{background:#0000000f;color:#0009}.studio-layout.paint-mode .studio-paint-btn{background:#0000000f;color:#1a1a1a;border-color:#0000001f}.studio-layout.paint-mode .studio-paint-btn:hover{background:#0000001a;color:#000;border-color:#0003}.studio-layout.paint-mode .studio-paint-btn.active{background:#00000014;color:#000;border-color:#0000002e;box-shadow:0 0 12px #4a9aca33}.studio-layout.paint-mode .studio-zen-btn{background:#0000000a;color:#0009;border-color:#0000001a}.studio-layout.paint-mode .studio-zen-btn:hover{background:#0000001a;color:#000;box-shadow:none}.studio-layout.paint-mode .studio-zen-btn.active{background:#00000014;color:#000;border-color:#0000002e}.studio-layout.paint-mode .studio-footer{background:var(--paint-bg, #f5f5f5);border-top:1px solid var(--paint-border, rgba(0, 0, 0, .1))}.studio-layout.paint-mode .studio-footer-btn{color:var(--paint-text-muted, rgba(0, 0, 0, .5));border-color:var(--paint-border, rgba(0, 0, 0, .1));background:var(--paint-bg-elevated, #fafafa)}.studio-layout.paint-mode .studio-footer-btn:hover{color:var(--paint-text, rgba(0, 0, 0, .85));background:var(--paint-bg-hover, rgba(0, 0, 0, .05))}.studio-layout.paint-mode .studio-footer-btn--primary{background:#00000014;color:#1a1a1a;border-color:#00000026}.studio-layout.paint-mode .studio-footer-btn--primary:hover{background:#0000001f}.studio-layout.paint-mode .studio-center-container{grid-column:3;grid-row:4;position:relative;overflow:visible}.studio-layout.paint-mode .studio-panel-right{grid-column:4;grid-row:2 / 5;background:var(--paint-bg-panel, #ffffff);border:none;border-left:1px solid var(--paint-border, rgba(0, 0, 0, .1));border-radius:0;margin:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:-2px 0 8px #0000000f}.studio-layout.paint-mode .paint-docker .studio-tabs{background:var(--paint-bg, #f5f5f5);border-bottom:1px solid var(--paint-border, rgba(0, 0, 0, .1))}.studio-layout.paint-mode .paint-docker .studio-tab{color:var(--paint-text-muted, rgba(0, 0, 0, .5))}.studio-layout.paint-mode .paint-docker .studio-tab:hover{color:var(--paint-text, rgba(0, 0, 0, .85));background:var(--paint-bg-hover, rgba(0, 0, 0, .05))}.studio-layout.paint-mode .paint-docker .studio-tab.active{color:#1a1a1a;background:var(--paint-bg-active, rgba(0, 0, 0, .08))}.studio-layout.paint-mode .paint-docker .studio-tab-content{background:var(--paint-bg-panel, #ffffff)}.studio-layout.paint-mode .paint-docker.studio-panel-right--collapsed{background:var(--paint-bg, #f5f5f5);margin:0;border-radius:0;border:none;border-left:1px solid var(--paint-border, rgba(0, 0, 0, .1))}.studio-layout.paint-mode .paint-docker .studio-panel-rail__btn{color:var(--paint-text-muted, rgba(0, 0, 0, .5))}.studio-layout.paint-mode .paint-docker .studio-panel-rail__btn:hover{background:var(--paint-bg-hover, rgba(0, 0, 0, .05));color:var(--paint-text, rgba(0, 0, 0, .85))}.studio-layout.paint-mode .paint-docker .studio-panel-rail__btn.active{color:#1a1a1a}.studio-layout.paint-mode .paint-docker .studio-panel-rail__divider{background:var(--paint-border, rgba(0, 0, 0, .1))}.studio-layout.paint-mode .paint-docker .studio-panel-collapse-btn{color:var(--paint-text-muted, rgba(0, 0, 0, .5))}.studio-layout.paint-mode .paint-docker .studio-panel-collapse-btn:hover,.studio-layout.paint-mode .studio-settings-tab{color:var(--paint-text, rgba(0, 0, 0, .85))}.studio-layout.paint-mode .studio-section-title{color:var(--paint-text-muted, rgba(0, 0, 0, .5))}.studio-layout.paint-mode .studio-settings-hint{color:var(--paint-text-dim, rgba(0, 0, 0, .3))}.studio-layout.paint-mode .studio-interior-btn{background:var(--paint-bg-elevated, #fafafa);border-color:var(--paint-border, rgba(0, 0, 0, .1));color:var(--paint-text-muted, rgba(0, 0, 0, .5))}.studio-layout.paint-mode .studio-interior-btn:hover{background:var(--paint-bg-hover, rgba(0, 0, 0, .05));color:var(--paint-text, rgba(0, 0, 0, .85))}.studio-layout.paint-mode .studio-interior-btn.active{background:var(--paint-bg-active, rgba(0, 0, 0, .08));color:#1a1a1a;border-color:#00000026}.studio-layout.paint-mode.drawing-active .studio-panel-right{opacity:.2;transition:opacity .6s ease}.studio-layout.paint-mode:not(.drawing-active) .studio-panel-right{opacity:1;transition:opacity .3s ease}@media (max-width: 1279px){.studio-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:calc(100vh - var(--header-height, 60px))}.studio-panel-left,.studio-panel-right{margin:var(--spacing-sm);border-radius:var(--studio-radius-md)}.studio-panel-left{order:-1;max-height:220px;margin-right:var(--spacing-sm)}.studio-center{min-height:400px;margin:0 var(--spacing-sm)}.studio-panel-right{order:1;margin-left:var(--spacing-sm)}.studio-center-container{flex-direction:column}.canvas-floating-toolbar{flex-direction:row;width:auto;align-self:auto;padding:8px 10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.canvas-floating-toolbar::-webkit-scrollbar{display:none}.canvas-floating-toolbar__group{flex-direction:row}.canvas-floating-toolbar__divider{width:1px;height:24px;margin:0 4px}.canvas-floating-toolbar__btn[data-tooltip]:after{left:50%;top:auto;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px)}.canvas-floating-toolbar__btn[data-tooltip]:hover:after{transform:translate(-50%) translateY(0)}.preset-gallery{grid-template-columns:repeat(5,1fr)}.studio-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}.canvas-layers-dock{grid-column:2;grid-row:3;justify-self:end;align-self:center;z-index:20;display:flex;flex-direction:row;align-items:center;pointer-events:auto;position:relative}.canvas-layers-dock__tabs{display:flex;flex-direction:column;gap:4px}.canvas-layers-dock__toggle{display:flex;align-items:center;gap:6px;padding:10px 8px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.15);border-radius:10px 0 0 10px;border-right:none;cursor:pointer;color:#0009;-webkit-user-select:none;user-select:none;writing-mode:vertical-lr;transform:rotate(180deg);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;box-shadow:-1px 1px 4px #0000000a;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.canvas-layers-dock__toggle svg{flex-shrink:0}.canvas-layers-dock__toggle:hover{color:#000000d9;background:#fff;border-color:#0003;box-shadow:-2px 2px 8px #00000012}.canvas-layers-dock__toggle.active{background:#000000d1;color:#fff;border-color:transparent;box-shadow:-2px 2px 10px #0000002e}.canvas-layers-dock__toggle.active:hover{background:#000000b8}.canvas-layers-dock__label{font-family:var(--font-family-primary, inherit)}.canvas-layers-dock__panel{position:absolute;right:100%;top:50%;transform:translateY(-50%);background:var(--studio-panel-bg, rgba(255, 255, 255, .92));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--studio-panel-border, rgba(0, 0, 0, .06));border-radius:12px;box-shadow:var(--studio-panel-shadow, 0 4px 24px rgba(0, 0, 0, .04));width:220px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding:0;margin-right:6px;animation:layers-dock-open .18s var(--studio-spring) both}.canvas-layers-dock__panel--settings{width:240px;max-height:none}.canvas-layers-dock__panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px;border-bottom:1px solid rgba(0,0,0,.06)}.canvas-layers-dock__panel-title{font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;color:#00000080;text-transform:uppercase;letter-spacing:.05em}.canvas-layers-dock__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:#0000004d;cursor:pointer;padding:0;transition:background var(--studio-transition-fast),color var(--studio-transition-fast)}.canvas-layers-dock__close:hover{background:#0000000f;color:#000000b3}.canvas-layers-dock__panel::-webkit-scrollbar{width:4px}.canvas-layers-dock__panel::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}@keyframes layers-dock-open{0%{opacity:0;transform:translateY(-50%) translate(6px) scale(.97)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.canvas-dock-settings{padding:14px;display:flex;flex-direction:column;gap:16px}.canvas-dock-settings__section{display:flex;flex-direction:column;gap:8px}.canvas-dock-settings__title{font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;color:#00000073;text-transform:uppercase;letter-spacing:.05em}.canvas-dock-settings__interior{display:grid;grid-template-columns:1fr 1fr;gap:4px}.canvas-dock-settings__interior-btn{padding:7px 10px;border:1px solid rgba(0,0,0,.08);border-radius:6px;background:#fff;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:#0000008c;cursor:pointer;transition:background var(--studio-transition-fast),border-color var(--studio-transition-fast),color var(--studio-transition-fast)}.canvas-dock-settings__interior-btn:hover{border-color:#00000026;color:#000000bf}.canvas-dock-settings__interior-btn.active{background:#000000e6;border-color:#000000e6;color:#fff;font-weight:600}@media (max-width: 1279px){.canvas-layers-dock{display:none}}.studio-mobile-toggles{display:none}@keyframes studio-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes studio-slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.studio-panel-section{animation:studio-fade-in .3s ease-out}.studio-panel-left .studio-panel-section{animation:studio-slide-in-left .3s ease-out}.studio-panel-right .studio-tab-content{animation:studio-slide-in-right .3s ease-out}.studio-drag-ghost{opacity:.8;transform:scale(1.05);box-shadow:0 8px 24px #00000026;pointer-events:none}.save-template-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .15s ease}.save-template-modal{width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000002e,0 0 0 1px #0000000d,inset 0 1px #fffc;padding:0;animation:stm-slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes stm-slideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.save-template-modal__header{display:flex;align-items:flex-start;gap:12px;padding:20px 20px 0}.save-template-modal__header-icon{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:1px solid rgba(0,0,0,.08);border-radius:10px;color:#0000008c}.save-template-modal__header>div{flex:1;min-width:0}.save-template-modal__header h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.3}.save-template-modal__subtitle{font-size:12px;color:#00000073;margin:2px 0 0;line-height:1.3}.save-template-modal__close{flex-shrink:0;background:none;border:none;padding:6px;cursor:pointer;color:#00000059;border-radius:8px;transition:all .15s;margin:-2px -2px 0 0}.save-template-modal__close:hover{color:#000000b3;background:#0000000d}.save-template-modal__preview-section{padding:16px 20px 0}.save-template-modal__preview{border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.06);background:repeating-conic-gradient(#f5f5f5,#f5f5f5 25%,#fff 0%,#fff 50%) 50% / 14px 14px;text-align:center}.save-template-modal__preview>img{display:block;width:100%;max-height:200px;object-fit:contain}.save-template-modal__composite{position:relative;display:inline-block;max-width:100%}.save-template-modal__composite-notebook{display:block;max-height:200px;width:auto;max-width:100%}.save-template-modal__composite-design{position:absolute;pointer-events:none}.save-template-modal__notebook-info{display:flex;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:8px;font-size:12px;font-weight:500;color:#0000008c}.save-template-modal__notebook-info svg{flex-shrink:0;color:#0006}.save-template-modal__notebook-divider{width:1px;height:12px;background:#0000001f}.save-template-modal__fields{display:flex;flex-direction:column;gap:10px;padding:16px 20px 0}.save-template-modal__fields--metadata{padding:12px 20px 0;gap:10px}.save-template-modal__label{display:flex;flex-direction:column;gap:4px}.save-template-modal__label>span{font-size:11.5px;font-weight:550;color:#00000080;text-transform:uppercase;letter-spacing:.3px}.save-template-modal__input{width:100%;padding:9px 11px;font-size:13px;font-family:inherit;border:1px solid rgba(0,0,0,.1);border-radius:9px;background:#00000005;color:#1a1a1a;transition:all .15s;outline:none;box-sizing:border-box}.save-template-modal__input:focus{border-color:#00000040;box-shadow:0 0 0 3px #0000000a;background:#fff}.save-template-modal__input::placeholder{color:#00000047}.save-template-modal__mode-section{padding:14px 20px 0}.save-template-modal__mode-label{display:block;font-size:11.5px;font-weight:550;color:#00000080;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.save-template-modal__mode-pills{display:flex;gap:6px}.save-template-modal__pill{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;font-size:11.5px;font-weight:500;font-family:inherit;border:1px solid rgba(0,0,0,.1);border-radius:9px;background:#00000005;color:#0000008c;cursor:pointer;transition:all .15s;white-space:nowrap}.save-template-modal__pill:hover{background:#0000000a;border-color:#00000026;color:#000000b3}.save-template-modal__pill.active{background:#00000012;border-color:#0003;color:#1a1a1a;font-weight:600}.save-template-modal__agent-info{display:flex;align-items:flex-start;gap:10px;margin:12px 20px 0;padding:10px 12px;background:#00000008;border:1px solid rgba(0,0,0,.07);border-radius:9px}.save-template-modal__agent-info svg{flex-shrink:0;color:#00000073;margin-top:1px}.save-template-modal__agent-info p{font-size:12px;color:#0000008c;line-height:1.45;margin:0}.save-template-modal__checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.save-template-modal__checkbox input[type=checkbox]{width:15px;height:15px;accent-color:#1a1a1a}.save-template-modal__checkbox span{font-size:12px;color:#0000008c}.save-template-modal__error{font-size:12px;color:#dc2626;margin:12px 20px 0;padding:8px 10px;background:#dc26260d;border:1px solid rgba(220,38,38,.1);border-radius:8px}.save-template-modal__footer{padding:16px 20px 20px}.save-template-modal__note{font-size:11px;color:#00000059;margin:0 0 14px;line-height:1.4}.save-template-modal__actions{display:flex;justify-content:flex-end;gap:8px}.save-template-modal__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;font-family:inherit;border-radius:9px;cursor:pointer;transition:all .15s;border:none}.save-template-modal__btn:disabled{opacity:.45;cursor:not-allowed}.save-template-modal__btn--cancel{background:#0000000a;color:#0000008c;border:1px solid rgba(0,0,0,.08)}.save-template-modal__btn--cancel:hover:not(:disabled){background:#00000012}.save-template-modal__btn--save{background:#1a1a1a;color:#fff;box-shadow:0 1px 3px #0003}.save-template-modal__btn--save:hover:not(:disabled){background:#333;box-shadow:0 2px 8px #00000040;transform:translateY(-.5px)}.studio-save-template-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(0,0,0,.15);border-radius:var(--studio-radius-sm);background:#0000000d;color:#000000a6;font-family:var(--font-family-primary, inherit);font-size:12.5px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.studio-save-template-btn:hover{background:#00000017;border-color:#00000038;color:#000000d1;box-shadow:0 1px 4px #0000000f}@media (max-width: 1279px){.studio-save-template-btn span{display:none}.studio-save-template-btn{padding:6px}}.studio-tutorial-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid rgba(0,0,0,.15);border-radius:var(--studio-radius-sm);background:#0000000d;color:#000000a6;font-family:var(--font-family-primary, inherit);font-size:12.5px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.studio-tutorial-btn:hover{background:#00000017;border-color:#00000038;color:#000000d1;box-shadow:0 1px 4px #0000000f}.studio-tutorial-btn--new{background:#00000014;color:#000000bf;border-color:#0000002e;animation:tutorial-pulse 2s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 5px #00000012}}@media (max-width: 1279px){.studio-tutorial-btn{display:none}}.tutorial-overlay{pointer-events:none}.tutorial-overlay rect[mask]{pointer-events:auto}.tutorial-spotlight-ring{border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 4px #00000014,0 0 24px #ffffff1a;transition:left .35s cubic-bezier(.34,1.56,.64,1),top .35s cubic-bezier(.34,1.56,.64,1),width .35s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1)}.tutorial-card{padding:20px;background:#fffffff2;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.5);border-radius:var(--studio-radius-md);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;animation:tutorial-card-in .35s cubic-bezier(.34,1.56,.64,1) both;pointer-events:auto;display:flex;flex-direction:column;max-height:calc(100vh - 24px)}.tutorial-card__body{flex:1 1 auto;overflow-y:auto;min-height:0}@keyframes tutorial-card-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-card__step{font-size:11px;font-weight:600;color:#0000004d;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.tutorial-card__title{font-family:var(--font-family-primary, inherit);font-size:16px;font-weight:700;color:var(--color-text-primary, #1a1a1a);margin:0 0 6px}.tutorial-card__desc{font-family:var(--font-family-primary, inherit);font-size:13px;line-height:1.55;color:#0000008c;margin:0 0 16px}.tutorial-card__dots{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;overflow:hidden;max-height:18px}.tutorial-card__dot{width:6px;height:6px;border-radius:50%;background:#0000001a;transition:all .25s ease}.tutorial-card__dot.active{background:var(--color-text-primary, #1a1a1a);transform:scale(1.35)}.tutorial-card__dot.done{background:#00000047}.tutorial-card__nav{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tutorial-card__nav-right{display:flex;gap:8px}.tutorial-card__skip{padding:6px 12px;border:none;background:none;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:#00000059;cursor:pointer;border-radius:6px;transition:all .15s ease}.tutorial-card__skip:hover{color:#0000008c;background:#0000000a}.tutorial-card__prev{padding:7px 16px;border:1px solid rgba(0,0,0,.1);background:#fff;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:#0000008c;cursor:pointer;border-radius:var(--studio-radius-sm);transition:all .15s ease}.tutorial-card__prev:hover{background:#f8f8f8;border-color:#00000029}.tutorial-card__next{padding:7px 20px;border:none;background:var(--color-text-primary, #1a1a1a);color:#fff;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;cursor:pointer;border-radius:var(--studio-radius-sm);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tutorial-card__next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 1279px){.tutorial-card--mobile{padding:16px;border-radius:14px}.tutorial-card--mobile .tutorial-card__title{font-size:15px}.tutorial-card--mobile .tutorial-card__desc{font-size:12.5px;line-height:1.5;margin-bottom:12px}.tutorial-card--mobile .tutorial-card__dots{gap:5px;margin-bottom:12px}.tutorial-card--mobile .tutorial-card__dot{width:5px;height:5px}.tutorial-card--mobile .tutorial-card__next{padding:10px 18px;min-height:38px;font-size:13px}.tutorial-card--mobile .tutorial-card__prev,.tutorial-card--mobile .tutorial-card__skip{padding:10px 14px;min-height:38px;font-size:13px}}.tutorial-card__swipe-hint{text-align:center;font-size:10px;color:#0000004d;margin-top:8px;letter-spacing:.02em}.mobile-studio-header__btn--pulse{animation:tutorial-pulse 2s ease-in-out infinite}.tutorial-card--demo{max-width:400px}.tutorial-demo-panel{margin:8px 0 12px}.tutorial-demo-gif{display:block;width:100%;max-width:350px;margin:0 auto;border-radius:10px;border:1px solid rgba(0,0,0,.06)}@media (max-width: 400px){.tutorial-demo-gif{max-width:260px;border-radius:8px}.tutorial-card--demo{max-width:300px}}@media (pointer: coarse){.canvas-floating-toolbar__btn{width:44px;height:44px;border-radius:12px}.canvas-floating-toolbar__btn svg{width:20px;height:20px}.canvas-floating-toolbar{width:58px;padding:10px 8px;gap:6px}.studio-panel-rail__btn{width:48px;height:48px}.studio-tab{min-height:48px}.studio-category-pill{padding:10px 16px;font-size:12px}.decoration-grid{grid-template-columns:repeat(3,1fr);gap:10px}.preset-gallery{grid-template-columns:repeat(2,1fr);gap:12px}.studio-footer-btn{min-height:48px;padding:12px 24px}.studio-left-action-btn{padding:12px 14px;min-height:44px}.studio-left-toggle-btn{padding:10px 14px;min-height:44px}.studio-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}.color-docker{display:flex;flex-direction:column;gap:12px;padding:12px}.color-docker__fg-bg{display:flex;align-items:center;gap:8px}.color-docker__fg,.color-docker__bg{width:32px;height:32px;border-radius:6px;border:2px solid rgba(255,255,255,.15);box-shadow:inset 0 1px 2px #0000004d}.color-docker__fg{box-shadow:0 0 0 2px #fff3,inset 0 1px 2px #0000004d}.color-docker__swap{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--paint-bg-elevated, #2a2a2a);border-radius:4px;cursor:pointer;color:var(--paint-text-muted, rgba(255, 255, 255, .5));transition:background .15s,color .15s}.color-docker__swap:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08));color:var(--paint-text, rgba(255, 255, 255, .88))}.color-docker__sv{border-radius:6px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06))}.color-docker__hue{margin-top:2px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06))}.color-docker__hex-row{display:flex;align-items:center;gap:8px}.color-docker__label{font-size:11px;font-weight:600;color:var(--paint-text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.color-docker__hex-input{flex:1;height:28px;padding:0 8px;font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));border-radius:6px;background:var(--paint-bg-elevated, #2a2a2a);color:var(--paint-text, rgba(255, 255, 255, .88));outline:none;transition:border-color .15s}.color-docker__hex-input:focus{border-color:var(--paint-accent, #7EB8E0)}.color-docker__section{display:flex;flex-direction:column;gap:6px}.color-docker__palette-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.color-docker__palette-select{flex:1;height:26px;font-size:11px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));border-radius:6px;background:var(--paint-bg-elevated, #2a2a2a);color:var(--paint-text, rgba(255, 255, 255, .88));outline:none;cursor:pointer}.color-docker__swatches{display:flex;flex-wrap:wrap;gap:4px}.color-docker__swatch{width:24px;height:24px;border-radius:4px;border:1.5px solid rgba(255,255,255,.1);padding:0;cursor:pointer;transition:transform .12s,box-shadow .12s}.color-docker__swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0006}.color-docker__swatch.active{border-color:var(--paint-accent, #7EB8E0);box-shadow:0 0 0 2px var(--paint-accent, #7EB8E0)}.brush-presets-docker{display:flex;flex-direction:column;gap:10px;padding:12px;background:#1a1a1a}.brush-presets-docker__pills{display:flex;gap:4px;background:#ffffff0a;border-radius:8px;padding:3px}.brush-presets-docker__pill{flex:1;height:30px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:500;color:#ffffff80;cursor:pointer;transition:background .15s,color .15s}.brush-presets-docker__pill.active{background:#ffffff24;color:#fff;box-shadow:0 1px 4px #0000004d}.brush-presets-docker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:400px;overflow-y:auto;scrollbar-width:thin}.brush-presets-docker__card{position:relative;display:flex;flex-direction:column;gap:4px;border:none;background:#ffffff08;border-radius:8px;padding:4px;cursor:pointer;transition:background .15s,transform .12s}.brush-presets-docker__card:hover{background:#ffffff0f;transform:translateY(-1px)}.brush-presets-docker__card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.brush-presets-docker__card-name{font-size:10px;color:#ffffff80;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brush-presets-docker__card-img{position:relative;border:none;background:none;padding:0;cursor:pointer;border-radius:6px;overflow:hidden}.brush-presets-docker__card-img img{width:100%;aspect-ratio:1;object-fit:cover}.brush-presets-docker__card.processing{opacity:.6;pointer-events:none}.brush-presets-docker__processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center}.brush-presets-docker__processing-overlay:after{content:"";width:20px;height:20px;border:2px solid #7EB8E0;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.brush-presets-docker__delete{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;opacity:0;transition:opacity .15s}.brush-presets-docker__card:hover .brush-presets-docker__delete{opacity:1}.brush-presets-docker__actions{display:flex;gap:4px}.brush-presets-docker__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;height:32px;border:1px solid rgba(255,255,255,.06);background:#2a2a2a;border-radius:6px;font-size:11px;font-weight:500;color:#ffffff80;cursor:pointer;transition:background .15s,border-color .15s}.brush-presets-docker__action-btn:hover{background:#ffffff14;border-color:#ffffff1f;color:#ffffffe0}.brush-presets-docker__empty{text-align:center;padding:24px 12px;color:#ffffff80;font-size:12px}.brush-presets-docker__images{display:flex;flex-direction:column;gap:10px}.paint-docker .studio-tabs-4 .studio-tab{padding:8px 4px}.paint-docker .studio-tab-label{font-size:10px}.paint-docker .layer-panel{padding:8px 12px}.paint-docker .layer-panel__header{display:flex;align-items:center;justify-content:space-between;padding:4px 0 8px;border-bottom:1px solid var(--paint-border, rgba(255, 255, 255, .06));margin-bottom:8px}.paint-docker .layer-panel__title{font-size:12px;font-weight:600;color:var(--paint-text, rgba(255, 255, 255, .88))}.paint-docker .layer-panel__add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));background:var(--paint-bg-elevated, #2a2a2a);border-radius:4px;cursor:pointer;color:var(--paint-text-muted, rgba(255, 255, 255, .5));transition:background .15s}.paint-docker .layer-panel__add-btn:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08));color:var(--paint-text, rgba(255, 255, 255, .88))}.paint-docker .layer-panel__list{display:flex;flex-direction:column;gap:2px}.paint-docker .layer-panel__row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .12s}.paint-docker .layer-panel__row:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08))}.paint-docker .layer-panel__row.active{background:#7eb8e01f}.paint-docker .layer-panel__row.solo-active{background:#ffc1071f}.paint-docker .layer-panel__row.hidden-layer{opacity:.5}.paint-docker .layer-panel__thumbnail{width:28px;height:28px;border-radius:4px;object-fit:cover;flex-shrink:0}.paint-docker .layer-panel__visibility,.paint-docker .layer-panel__lock,.paint-docker .layer-panel__expand{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;padding:0;cursor:pointer;color:var(--paint-text-muted, rgba(255, 255, 255, .5));border-radius:4px;flex-shrink:0;transition:background .12s,color .12s}.paint-docker .layer-panel__visibility:hover,.paint-docker .layer-panel__lock:hover,.paint-docker .layer-panel__expand:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08));color:var(--paint-text, rgba(255, 255, 255, .88))}.paint-docker .layer-panel__lock.locked{color:var(--paint-accent, #7EB8E0)}.paint-docker .layer-panel__name{flex:1;min-width:0}.paint-docker .layer-panel__name-text{font-size:12px;color:var(--paint-text, rgba(255, 255, 255, .88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.paint-docker .layer-panel__name-input{width:100%;height:24px;border:1px solid var(--paint-accent, #7EB8E0);border-radius:4px;font-size:12px;padding:0 6px;background:var(--paint-bg-elevated, #2a2a2a);color:var(--paint-text, rgba(255, 255, 255, .88));outline:none}.paint-docker .layer-panel__options{padding:8px 8px 8px 42px;display:flex;flex-direction:column;gap:6px}.paint-docker .layer-panel__opacity-row{display:flex;align-items:center;gap:6px}.paint-docker .layer-panel__opacity-label{font-size:10px;font-weight:500;color:var(--paint-text-muted, rgba(255, 255, 255, .5));min-width:36px}.paint-docker .layer-panel__opacity-slider{flex:1;height:4px;accent-color:var(--paint-accent, #7EB8E0)}.paint-docker .layer-panel__opacity-value{font-size:10px;color:var(--paint-text-muted, rgba(255, 255, 255, .5));min-width:30px;text-align:right}.paint-docker .layer-panel__blend-select{flex:1;height:24px;font-size:11px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));border-radius:4px;background:var(--paint-bg-elevated, #2a2a2a);color:var(--paint-text, rgba(255, 255, 255, .88));outline:none}.paint-docker .layer-panel__actions{display:flex;gap:4px;padding-top:4px}.paint-docker .layer-panel__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));background:var(--paint-bg-elevated, #2a2a2a);border-radius:4px;cursor:pointer;color:var(--paint-text-muted, rgba(255, 255, 255, .5));transition:background .12s}.paint-docker .layer-panel__action-btn:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08));color:var(--paint-text, rgba(255, 255, 255, .88))}.paint-docker .layer-panel__action-btn--danger:hover{background:#ef444426;color:#ef4444;border-color:#ef444433}.paint-docker .layer-panel__action-btn:disabled{opacity:.3;cursor:default}.paint-docker .pressure-curve-editor{display:flex;flex-direction:column;gap:8px}.paint-docker .pressure-curve-editor__label{display:none}.paint-docker .pressure-curve-editor__svg{border-radius:6px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06))}.paint-docker .pressure-curve-editor__presets{display:flex;gap:4px}.paint-docker .pressure-curve-editor__preset-btn{flex:1;height:26px;border:1px solid var(--paint-border, rgba(255, 255, 255, .06));background:var(--paint-bg-elevated, #2a2a2a);border-radius:6px;font-size:11px;color:var(--paint-text-muted, rgba(255, 255, 255, .5));cursor:pointer;transition:background .15s}.paint-docker .pressure-curve-editor__preset-btn:hover{background:var(--paint-bg-hover, rgba(255, 255, 255, .08));color:var(--paint-text, rgba(255, 255, 255, .88))}.popup-color-wheel{border-radius:50%;background:#1e1e28d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006}.tcd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#1a171473;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:tcd-fade-in .25s ease-out}.tcd-modal{position:relative;width:90%;max-width:340px;background:#faf7f0;border-radius:20px;overflow:hidden;box-shadow:0 24px 80px -12px #00000047,0 0 0 1px #fff9 inset;animation:tcd-slide-up .35s cubic-bezier(.34,1.56,.64,1);transform-origin:center bottom}.tcd-modal--loading{pointer-events:none}.tcd-close{position:absolute;top:12px;right:12px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .2s ease;padding:0}.tcd-close svg{width:16px;height:16px;color:#00000080;transition:color .2s ease}.tcd-close:hover{background:#fffffff2;transform:scale(1.08)}.tcd-close:hover svg{color:#000c}.tcd-preview{display:flex;justify-content:center;padding:28px 28px 0}.tcd-preview-frame{position:relative;width:160px;height:160px;border-radius:16px;overflow:hidden;background:#00000008;box-shadow:0 4px 20px #00000014,0 0 0 1px #0000000a}.tcd-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f5e6d3,#e8d5c4,#dcc8b5);display:flex;align-items:center;justify-content:center;pointer-events:none}.tcd-preview-bg-text{font-size:9px;font-weight:500;color:#8b6d5259;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tcd-preview-img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease}.tcd-modal:not(.tcd-modal--loading):hover .tcd-preview-img{transform:scale(1.03)}.tcd-preview-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#faf7f0bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tcd-spinner{width:28px;height:28px;border:2.5px solid rgba(0,0,0,.1);border-top-color:#0009;border-radius:50%;animation:tcd-spin .7s linear infinite}.tcd-body{padding:20px 28px 28px;text-align:center}.tcd-title{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px;font-weight:700;color:#1a1714;margin:0 0 4px;letter-spacing:-.2px;line-height:1.3}.tcd-name{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:#00000080;margin:0 0 12px;line-height:1.4}.tcd-warning{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12.5px;color:#00000061;margin:0 0 20px;line-height:1.5}.tcd-error{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#dc2626;background:#dc26260f;border-radius:8px;padding:8px 12px;margin:0 0 16px;line-height:1.4}.tcd-actions{display:flex;gap:10px}.tcd-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:12px;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.tcd-btn--primary{background:#1a1714;color:#fff;box-shadow:0 2px 8px #00000026}.tcd-btn--primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 16px #00000038}.tcd-btn--primary:active{transform:translateY(0)}.tcd-btn--secondary{background:#0000000d;color:#0000008c}.tcd-btn--secondary:hover{background:#00000014;color:#000000b3}@keyframes tcd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tcd-slide-up{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tcd-spin{to{transform:rotate(360deg)}}@media (max-width: 1279px){.tcd-modal{max-width:300px}.tcd-preview{padding:24px 24px 0}.tcd-preview-frame{width:140px;height:140px}.tcd-body{padding:16px 24px 24px}.tcd-title{font-size:16px}.tcd-btn{padding:11px 16px;font-size:13px;border-radius:10px}}@media (max-width: 400px){.tcd-overlay{padding:var(--spacing-sm, 8px)}.tcd-modal{max-width:280px;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.tcd-preview-frame{width:120px;height:120px}.tcd-actions{flex-direction:column-reverse;gap:8px;padding-bottom:env(safe-area-inset-bottom,0px)}}.lazy-img-wrap{position:relative;overflow:hidden}.lazy-img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:inherit;display:flex;align-items:center;justify-content:center}.lazy-img-spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.08);border-top:3px solid rgba(0,0,0,.3);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lazy-img-wrap img{display:block;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.lazy-img-wrap.lazy-img-loaded img{opacity:1}:where(.lazy-img-wrap) img{object-fit:contain}.magic-sense-modal{position:relative;width:90%;max-width:440px;max-height:88vh;background:#f8f9fb;border-radius:14px;box-shadow:0 0 0 1px #0000000a,0 8px 40px -8px #0000001f,0 2px 8px -2px #0000000f;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.magic-sense-modal__close{position:absolute;top:14px;right:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9b9590;cursor:pointer;transition:all .15s ease;z-index:2;padding:0}.magic-sense-modal__close:hover{background:#0000000d;color:#1e2525}.magic-sense-modal__close:disabled{opacity:.3;cursor:not-allowed}.magic-sense-modal__header{display:flex;align-items:center;gap:12px;padding:20px 24px 0}.magic-sense-modal__icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#eee8f5,#e8e0f0);display:flex;align-items:center;justify-content:center;color:#7c5caa;flex-shrink:0}.magic-sense-modal__title{font-size:16px;font-weight:700;color:#1e2525;margin:0;line-height:1.2;letter-spacing:-.01em}.magic-sense-modal__subtitle{font-size:11.5px;color:#9b9590;margin:2px 0 0;line-height:1}.magic-sense-modal__credit-badge{margin-left:auto;font-size:10.5px;font-weight:600;color:#7c5caa;background:#7c5caa14;border-radius:6px;padding:4px 8px;letter-spacing:.02em;white-space:nowrap}.magic-sense-modal__divider{height:1px;background:linear-gradient(90deg,transparent,#e5e2de 20%,#e5e2de 80%,transparent);margin:16px 24px 0}.magic-sense-modal__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 24px 8px}.magic-sense-modal__video{width:50%;aspect-ratio:16 / 9;background:#00000004;border:1px dashed #ddd8d2;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#c4bfb8;font-size:11px;margin-bottom:16px}.magic-sense-modal__field{margin-bottom:16px}.magic-sense-modal__label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.magic-sense-modal__other-input{width:100%;margin-top:8px;padding:9px 12px;border:1px solid #e0ddd8;border-radius:8px;font-size:13px;font-family:inherit;color:#1e2525;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.magic-sense-modal__other-input:focus{border-color:#bbb6af;box-shadow:0 0 0 3px #0000000a}.magic-sense-modal__other-input:disabled{opacity:.5;cursor:not-allowed}.magic-sense-modal__textarea{width:100%;padding:10px 12px;border:1px solid #e0ddd8;border-radius:8px;font-size:13px;font-family:inherit;color:#1e2525;background:#fff;resize:vertical;min-height:72px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;line-height:1.5;box-sizing:border-box}.magic-sense-modal__textarea:focus{border-color:#bbb6af;box-shadow:0 0 0 3px #0000000a}.magic-sense-modal__textarea:disabled{opacity:.5;cursor:not-allowed}.magic-sense-modal__textarea::placeholder{color:#c4bfb8}.magic-sense-modal__hint{font-size:11px;color:#b0aaa2;margin:5px 0 0;line-height:1.4}.magic-sense-modal__optional{font-weight:400;color:#b0aaa2}.magic-sense-modal__inspiration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border:1.5px dashed rgba(0,0,0,.12);border-radius:10px;background:#00000004;cursor:pointer;transition:border-color .15s ease,background .15s ease;color:#0000004d;font-size:12px;font-family:inherit;text-align:center}.magic-sense-modal__inspiration:hover:not(:disabled){border-color:#00000038;background:#00000006;color:#00000073}.magic-sense-modal__inspiration--dragover{border-color:#0000004d;background:#0000000a}.magic-sense-modal__inspiration:disabled{opacity:.5;cursor:not-allowed}.magic-sense-modal__inspiration--has-image{position:relative;padding:8px;border-style:solid;border-color:#00000014;background:#00000005;cursor:default;border-radius:10px}.magic-sense-modal__inspiration-img{max-width:100%;max-height:140px;border-radius:6px;object-fit:contain}.magic-sense-modal__inspiration-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;padding:0;transition:background .12s ease}.magic-sense-modal__inspiration-remove:hover:not(:disabled){background:#000000b3}.magic-sense-modal__inspiration-remove:disabled{opacity:.5;cursor:not-allowed}.magic-sense-modal__inspiration-name{font-size:11px;color:#00000059;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.magic-sense-modal__inspiration-url{display:flex;gap:6px;margin-top:6px}.magic-sense-modal__url-input{flex:1;min-width:0;padding:7px 10px;border:1.5px solid rgba(0,0,0,.08);border-radius:8px;background:#00000005;font-family:inherit;font-size:12px;color:#000000b3;outline:none;transition:border-color .12s ease}.magic-sense-modal__url-input::placeholder{color:#00000040}.magic-sense-modal__url-input:focus{border-color:#0000002e}.magic-sense-modal__url-input:disabled{opacity:.5}.magic-sense-modal__url-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#0000000f;color:#0006;cursor:pointer;flex-shrink:0;padding:0;transition:background .12s ease,color .12s ease}.magic-sense-modal__url-btn:hover:not(:disabled){background:#0000001a;color:#000000b3}.magic-sense-modal__url-btn:disabled{opacity:.3;cursor:not-allowed}.magic-sense-modal__url-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(0,0,0,.1);border-top-color:#00000080;border-radius:50%;animation:aiEditSpin .6s linear infinite}.magic-sense-modal__url-error{font-size:11px;color:#ef4444;margin:2px 0 0;line-height:1.3}.magic-sense-modal__footer{display:flex;gap:8px;padding:12px 24px 20px;justify-content:flex-end}.magic-sense-modal__btn{padding:7px 16px;font-size:12.5px;font-weight:600;font-family:inherit;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease;letter-spacing:.01em}.magic-sense-modal__btn:disabled{opacity:.45;cursor:not-allowed}.magic-sense-modal__btn--cancel{background:transparent;color:#7a756e}.magic-sense-modal__btn--cancel:hover:not(:disabled){background:#0000000a;color:#1e2525}.magic-sense-modal__btn--generate{background:#1e2525!important;color:#fff!important;border:none!important}.magic-sense-modal__btn--generate:hover:not(:disabled){background:#2c3535!important;box-shadow:0 2px 8px #0000001a}.magic-sense-modal .custom-select__trigger{background:#fff;border-color:#e0ddd8;border-radius:8px}.magic-sense-modal .custom-select__trigger:focus,.magic-sense-modal .custom-select--open .custom-select__trigger{border-color:#bbb6af;box-shadow:0 0 0 3px #0000000a}.magic-sense-modal .custom-select__dropdown{border-radius:8px;background:#fff;border-color:#e0ddd8}@media (max-width: 640px){.magic-sense-modal{width:94%;max-width:100%;max-height:92dvh;border-radius:12px;margin:auto 0}.magic-sense-modal__header{padding:16px 18px 0;flex-shrink:0}.magic-sense-modal__divider{margin:14px 18px 0;flex-shrink:0}.magic-sense-modal__body{padding:14px 18px 6px;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.magic-sense-modal__footer{padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));flex-shrink:0}.magic-sense-modal__video{width:100%}}@media (max-width: 400px){.magic-sense-modal{width:97%;max-height:95dvh}.magic-sense-modal__footer{flex-direction:column-reverse;gap:6px}.magic-sense-modal__btn{width:100%;text-align:center}}.magic-sense-progress{width:100%;animation:magic-sense-progress-enter .4s cubic-bezier(.22,1,.36,1)}@keyframes magic-sense-progress-enter{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.magic-sense-progress__inner{display:flex;align-items:center;gap:9px;padding:7px 16px;background:#ffffff8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #0000000a,inset 0 1px #ffffff80;border-radius:100px}.magic-sense-progress__icon{color:#1e2525;flex-shrink:0;opacity:.55;animation:magic-sense-sparkle 2.4s ease-in-out infinite}@keyframes magic-sense-sparkle{0%,to{opacity:.45;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.15) rotate(12deg)}}.magic-sense-progress__text{font-size:12px;font-weight:500;color:#1e2525;font-family:Satoshi,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.01em;animation:magic-sense-text-fade 3.5s ease-in-out infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes magic-sense-text-fade{0%{opacity:0;transform:translateY(3px)}10%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-3px)}}.magic-sense-progress__bar{height:2px;background:#0000000f;border-radius:100px;overflow:hidden;margin:4px 16px 0}.magic-sense-progress__fill{height:100%;background:#1e2525;border-radius:100px;transition:width .8s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;opacity:.7}.magic-sense-progress__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:magic-sense-shimmer 2s ease-in-out infinite}@keyframes magic-sense-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.magic-sense-progress__dev-tag{font-size:9px;font-weight:600;letter-spacing:.04em;color:#1e252566;background:#0000000d;border:1px solid rgba(0,0,0,.08);border-radius:100px;padding:1px 6px;margin-left:auto;flex-shrink:0}@media (max-width: 640px){.magic-sense-progress__inner{padding:6px 12px;gap:8px}.magic-sense-progress__text{font-size:11px}}:root{--mobile-tab-height: 56px;--mobile-header-height: 44px;--mobile-sheet-radius: 16px;--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-top: env(safe-area-inset-top, 0px)}.mobile-studio{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--studio-bg);position:relative}.mobile-studio-header{display:flex;align-items:center;height:var(--mobile-header-height);padding:0 6px;padding-top:var(--mobile-safe-top);background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--studio-panel-border);flex-shrink:0;z-index:10;gap:2px}.mobile-studio-header__left{display:flex;align-items:center;gap:2px}.mobile-studio-header__spacer{flex:1}.mobile-studio-header__right{display:flex;align-items:center;gap:2px}.mobile-studio-header__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:background .1s ease;-webkit-tap-highlight-color:transparent;position:relative;flex-shrink:0}.mobile-studio-header__btn:active{background:#00000014}.mobile-studio-header__btn:disabled{opacity:.25;pointer-events:none}.mobile-studio-header__btn--active{background:#0000001f;border-radius:6px}.mobile-studio-header__btn svg{width:18px;height:18px}.mobile-studio-header__btn--ai{background:#c3afeb8c;border-radius:8px;position:relative;overflow:visible;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:auto!important;padding:0 10px!important;gap:5px;font-size:12px;font-weight:600;color:#5a3c96;white-space:nowrap}.mobile-studio-header__ai-label--full{display:none}.mobile-studio-header__ai-label--short{display:inline}@media (min-width: 769px){.mobile-studio-header__ai-label--full{display:inline}.mobile-studio-header__ai-label--short{display:none}}.mobile-studio-header__btn--ai:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;padding:2px;background:conic-gradient(from var(--ai-angle, 0deg),rgba(140,110,195,.25) 0%,rgba(165,130,220,.85) 6%,rgba(185,150,240,.95) 10%,rgba(165,130,220,.85) 14%,rgba(140,110,195,.25) 22%,rgba(140,110,195,.25) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ai-border-rotate 4s linear infinite;pointer-events:none}.mobile-studio-header__btn--ai:disabled{opacity:.4}.mobile-studio-header__btn .save-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:#f59e0b}.mobile-studio-header__tutorial-btn{display:flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid rgba(0,0,0,.12);background:#00000008;border-radius:8px;cursor:pointer;color:var(--color-text-secondary);font-family:var(--font-family-primary);font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .1s,border-color .1s}.mobile-studio-header__tutorial-btn:active{background:#00000014}.mobile-studio-header__tutorial-btn svg{flex-shrink:0}.mobile-studio-header__tutorial-btn--pulse{background:#0000000f;border-color:#0003;color:var(--color-text-primary);animation:tutorial-pulse 2s ease-in-out infinite}.mobile-more-menu{position:fixed;top:calc(var(--mobile-header-height) + var(--mobile-safe-top) + 4px);right:8px;z-index:2000;background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;border:1px solid var(--studio-panel-border);min-width:180px;padding:4px;animation:mobile-menu-in .15s ease-out}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-more-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-family:var(--font-family-primary);font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.mobile-more-menu__item:active{background:#0000000f}.mobile-more-menu__item svg{width:16px;height:16px;color:var(--color-text-secondary);flex-shrink:0}.mobile-more-menu__item--danger{color:#dc2626}.mobile-more-menu__item--danger svg{color:#dc2626}.mobile-more-menu__divider{height:1px;background:var(--studio-panel-border);margin:4px 8px}.mobile-more-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1999}.mobile-canvas-toolbar-strip{flex-shrink:0;overflow:hidden;background:var(--studio-panel-bg);border-bottom:1px solid var(--studio-panel-border);z-index:10;max-height:60px;transition:max-height .25s ease,opacity .25s ease,border-color .25s ease}.mobile-canvas-toolbar-strip.collapsed{max-height:0;opacity:0;border-color:transparent;pointer-events:none}.mobile-canvas-toolbar-strip .canvas-floating-toolbar{display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;width:auto;align-self:auto;padding:4px 8px;gap:2px;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__group{flex-direction:row;gap:1px;flex-shrink:0}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__group--modes{gap:6px}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__divider{width:1px;height:20px;margin:0 3px;flex-shrink:0}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__btn{width:36px;height:36px;flex-shrink:0;border-radius:8px}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__btn svg{width:17px;height:17px}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__btn[data-tooltip]:after{display:none}.mobile-canvas-toolbar-strip .canvas-floating-toolbar__divider--after-modes,.mobile-canvas-toolbar-strip .canvas-floating-toolbar__btn--undo,.mobile-canvas-toolbar-strip .canvas-floating-toolbar__btn--redo{display:none!important}.mobile-tool-overlay{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#000000c7;color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:500;z-index:110;display:flex;align-items:center;gap:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;white-space:nowrap}.mobile-tool-overlay__action{padding:3px 10px;font-size:11px;font-weight:500;border:none;border-radius:4px;background:#ffffff2e;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-tool-overlay__action:active{background:#ffffff4d}.mobile-tool-overlay__close{margin-left:2px;padding:3px 7px;font-size:11px;font-weight:500;border:none;border-radius:4px;line-height:14px;background:#ffffff1a;color:#ffffff8c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-tool-overlay__close:active{background:#fff3}.mobile-canvas-area{flex:1;position:relative;overflow:hidden;min-height:0;display:flex;flex-direction:column;padding-bottom:calc(var(--mobile-tab-height) + var(--mobile-safe-bottom))}.mobile-canvas-area .studio-center{height:100%;margin:0;border-radius:0}.mobile-canvas-area .studio-center-container{display:flex;flex-direction:column;height:100%}.mobile-canvas-area .canvas-floating-toolbar{display:none!important}.mobile-bottom-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;background:var(--studio-panel-bg);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid var(--studio-panel-border);transition:border-radius .2s ease,box-shadow .2s ease}.mobile-bottom-panel.sheet-open{border-radius:var(--mobile-sheet-radius) var(--mobile-sheet-radius) 0 0;box-shadow:0 -4px 24px #00000014,0 -1px 3px #0000000a;border-top-color:transparent}.mobile-tab-bar{display:flex;align-items:stretch;height:calc(var(--mobile-tab-height) + var(--mobile-safe-bottom));padding-bottom:var(--mobile-safe-bottom);background:transparent;flex-shrink:0;z-index:100}.mobile-bottom-panel.sheet-open .mobile-tab-bar{border-top:1px solid rgba(0,0,0,.06)}.mobile-tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--mobile-tab-height);border:none;background:transparent;color:var(--color-text-tertiary, #999);font-family:var(--font-family-primary);font-size:10px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color .12s ease;-webkit-tap-highlight-color:transparent;position:relative;padding:0}.mobile-tab-bar__item.active{color:var(--color-text-primary)}.mobile-tab-bar__item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2.5px;border-radius:0 0 2px 2px;background:var(--color-text-primary);transition:width .2s var(--studio-spring)}.mobile-tab-bar__item svg{width:22px;height:22px;flex-shrink:0}.mobile-tab-bar__label{line-height:1}.mobile-tab-bar__continue{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--mobile-tab-height);border:none;background:transparent;color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:10px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0}.mobile-tab-bar__continue-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-text-primary);color:#fff;border-radius:50%}.mobile-tab-bar__continue-icon svg{width:16px;height:16px}.mobile-tab-bar__continue:disabled{opacity:.3;pointer-events:none}.mobile-sheet{flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;height:0;transition:height .3s cubic-bezier(.32,.72,0,1);will-change:height}.mobile-sheet.dragging{transition:none}.mobile-sheet__handle{display:flex;justify-content:center;padding:10px 0 6px;flex-shrink:0;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.mobile-sheet__handle:active{cursor:grabbing}.mobile-sheet__handle-bar{width:36px;height:5px;border-radius:3px;background:#0000001f}.mobile-sheet__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 12px 16px;min-height:0}.mobile-sheet-stickers{display:flex;flex-direction:column;gap:8px}.mobile-sheet-text{display:flex;flex-direction:column;gap:12px}.mobile-sheet-text__add-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1.5px dashed rgba(0,0,0,.15);background:#00000005;border-radius:10px;font-family:var(--font-family-primary);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:border-color .15s ease,background .15s ease}.mobile-sheet-text__add-btn:active{background:#0000000d;border-color:#00000040}.mobile-sheet-text__add-btn svg{width:16px;height:16px}.mobile-sheet-library{display:flex;flex-direction:column;gap:10px}.mobile-sheet-library__toggle{display:flex;gap:4px;padding:3px;background:#0000000a;border-radius:8px}.mobile-sheet-library__toggle-btn{flex:1;padding:7px 12px;border:none;background:transparent;border-radius:6px;font-family:var(--font-family-primary);font-size:12px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.mobile-sheet-library__toggle-btn.active{background:#fff;color:var(--color-text-primary);box-shadow:0 1px 4px #00000014}.mobile-sheet-library__actions{display:flex;gap:6px}.mobile-sheet-library__action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:8px;font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-sheet-library__action-btn:active{background:#0000000a}.mobile-sheet-library__action-btn svg{width:14px;height:14px}.mobile-sheet-library__action-btn--ai{background:linear-gradient(135deg,#f0e6ff,#e6f0ff);border-color:#8b5cf626;color:#7c3aed}.mobile-sheet-settings{display:flex;flex-direction:column;gap:14px;padding:2px 0}.mobile-sheet-settings__section{display:flex;flex-direction:column;gap:8px}.mobile-sheet-settings__title{font-family:var(--font-family-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#0006}.mobile-sheet-settings__divider{height:1px;background:#0000000f}.mobile-sheet-settings__paper-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-sheet-settings__paper-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border:1.5px solid rgba(0,0,0,.08);background:#00000004;border-radius:10px;font-family:var(--font-family-primary);font-size:11px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .12s ease,background .12s ease}.mobile-sheet-settings__paper-btn.active{border-color:var(--color-text-primary);background:#0000000a;color:var(--color-text-primary);font-weight:600}.mobile-sheet-settings__paper-btn svg{width:22px;height:22px}.mobile-sheet-settings .object-layer-panel{padding:0}.mobile-sheet-settings .object-layer-panel__header{display:none}.mobile-sheet-settings .object-layer-panel__empty{padding:24px 16px}.mobile-sheet-settings .object-layer-panel__row{padding:8px 10px;border-radius:10px}.mobile-sheet-settings .object-layer-panel__btn{width:28px;height:28px}.mobile-sheet-settings .object-layer-panel__btn--del{opacity:1}.sticker-pop-overlay{position:absolute;pointer-events:none;z-index:1000;background-size:contain;background-repeat:no-repeat;background-position:center;animation:sticker-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes sticker-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}35%{transform:translate(-50%,-50%) scale(1.2);opacity:1}55%{transform:translate(-50%,-50%) scale(.9);opacity:1}75%{transform:translate(-50%,-50%) scale(1.08);opacity:.7}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.mobile-sidebar-buttons{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.mobile-sidebar-buttons__btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 1px 4px #0000001a,0 0 0 1px #0000000d;cursor:pointer;color:var(--color-text-secondary);transition:background .1s ease,color .1s ease,box-shadow .1s ease;-webkit-tap-highlight-color:transparent}.mobile-sidebar-buttons__btn svg{width:16px;height:16px}.mobile-sidebar-buttons__btn:active{background:#fffffff2;box-shadow:0 1px 6px #00000024,0 0 0 1px #00000014}.mobile-sidebar-buttons__btn--active{background:var(--color-text-primary);color:#fff;box-shadow:0 2px 8px #0000002e}.mobile-sidebar-buttons__btn--active:active{background:var(--color-text-primary);color:#fff}@media (max-width: 1279px){.studio-mobile-toggles,.studio-footer{display:none!important}}@media (max-width: 400px){.mobile-tab-bar__label{display:none}.mobile-tab-bar__item svg{width:24px;height:24px}.mobile-studio-header{padding:0 4px}.mobile-sheet__content{padding:0 8px 12px}.mobile-more-menu{right:4px;min-width:160px}}@media (max-width: 768px) and (orientation: landscape){:root{--mobile-tab-height: 44px;--mobile-header-height: 36px}.mobile-studio-header{height:var(--mobile-header-height)}.mobile-studio-header__btn{width:32px;height:32px}.mobile-studio-header__btn svg{width:16px;height:16px}.mobile-tab-bar__label{display:none}.mobile-tab-bar__item{height:var(--mobile-tab-height)}.mobile-tab-bar__item svg{width:20px;height:20px}.mobile-tab-bar__continue{height:var(--mobile-tab-height)}.mobile-tab-bar__continue-icon{width:24px;height:24px}.mobile-tab-bar__continue-icon svg{width:14px;height:14px}.mobile-sheet__handle{padding:6px 0 4px}.mobile-sheet__content{padding:0 12px 8px}.mobile-sidebar-buttons__btn{width:30px;height:30px}.mobile-sidebar-buttons__btn svg{width:14px;height:14px}}.tp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:#14121080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:tp-fade-in .3s ease-out;padding:24px}.tp-panel{position:relative;width:100%;max-width:900px;max-height:85vh;overflow-y:auto;background:#faf8f4;border:none;border-radius:20px;box-shadow:0 32px 100px -20px #00000059,0 0 0 1px #0000000f,inset 0 1px #fff9;animation:tp-slide-up .4s cubic-bezier(.34,1.56,.64,1);padding:40px 40px 36px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.tp-panel::-webkit-scrollbar{width:6px}.tp-panel::-webkit-scrollbar-track{background:transparent;margin:12px 0}.tp-panel::-webkit-scrollbar-thumb{background:#0000001f;border-radius:100px;border:1px solid rgba(255,255,255,.4)}.tp-panel::-webkit-scrollbar-thumb:hover{background:#00000038}.tp-header{text-align:center;margin-bottom:28px}.tp-title{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:23px;font-weight:500;color:#1e2525;margin:0 0 6px;letter-spacing:.02em;line-height:1.3}.tp-subtitle{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#0006;margin:0;line-height:1.5;font-weight:400}.tp-name-field{margin-bottom:20px}.tp-name-field__input{width:100%;height:44px;padding:0 16px;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;background:#ffffffb3;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:#1a1a1a;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.tp-name-field__input::placeholder{color:#0000004d;font-weight:400}.tp-name-field__input:focus{border-color:#0003;background:#fff;box-shadow:0 0 0 3px #0000000a}.tp-name-field__input--error{border-color:#dc2626}.tp-name-field__input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.tp-name-field__error{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#dc2626;margin:6px 0 0 2px;line-height:1.4}.tp-toolbar{display:flex;gap:10px;margin-bottom:24px;align-items:stretch}.tp-search{flex:1;position:relative;display:flex;align-items:center}.tp-search__icon{position:absolute;left:12px;width:16px;height:16px;color:#00000047;pointer-events:none}.tp-search__input{width:100%;height:40px;padding:0 36px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#ffffffb3;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#1a1a1a;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.tp-search__input::placeholder{color:#0000004d}.tp-search__input:focus{border-color:#00000029;background:#fff;box-shadow:0 0 0 3px #0000000a}.tp-search__clear{position:absolute;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0;border-radius:6px;color:#0000004d;transition:color .15s ease,background .15s ease}.tp-search__clear svg{width:14px;height:14px}.tp-search__clear:hover{color:#0009;background:#0000000d}.tp-category{position:relative;flex-shrink:0}.tp-category__trigger{height:40px;padding:0 32px 0 14px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#ffffffb3;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:border-color .2s ease,background .2s ease}.tp-category__trigger:hover{border-color:#00000029;background:#fff}.tp-category__trigger--open{border-color:#00000029;background:#fff;box-shadow:0 0 0 3px #0000000a}.tp-category__chevron{position:absolute;right:10px;width:14px;height:14px;color:#0000004d;transition:transform .2s ease}.tp-category__trigger--open .tp-category__chevron{transform:rotate(180deg)}.tp-category__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 32px -4px #0000001f,0 2px 8px #0000000f;z-index:10;padding:4px;animation:tp-dropdown-in .15s ease-out}.tp-category__item{display:block;width:100%;padding:8px 14px;border:none;background:transparent;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#000000a6;cursor:pointer;text-align:left;border-radius:6px;transition:background .12s ease,color .12s ease;white-space:nowrap}.tp-category__item:hover{background:#0000000a;color:#1a1a1a}.tp-category__item--active{background:#0000000f;color:#1a1a1a;font-weight:600}@keyframes tp-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tp-card{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;border:none;padding:0;background:#fff;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;animation:tp-card-in .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i, 0) * 50ms)}.tp-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px -8px #0000001f,0 0 0 1px #0000000a}.tp-card:active{transform:translateY(-1px) scale(1.005)}.tp-card--scratch{border:2px dashed rgba(0,0,0,.1);background:#ffffff80;display:grid;grid-template-rows:1fr auto;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,background .2s ease,box-shadow .25s ease}.tp-card--scratch-content{aspect-ratio:3 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.tp-card--scratch-strip{padding:7px 10px}.tp-card--scratch:hover{border-color:#0003;background:#ffffffd9;box-shadow:none}.tp-card--scratch-icon{width:32px;height:32px;color:#0003;transition:color .2s ease}.tp-card--scratch:hover .tp-card--scratch-icon{color:#0006}.tp-card--scratch-label{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12.5px;font-weight:600;color:#0000004d;letter-spacing:.01em;transition:color .2s ease}.tp-card--scratch:hover .tp-card--scratch-label{color:#0000008c}.tp-card--magic-sense{border:1px solid rgba(0,0,0,.08);background:#fff;display:grid;grid-template-rows:1fr auto;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s ease,box-shadow .25s ease}.tp-card--magic-sense:hover{border-color:#0000002e}.tp-card--magic-sense-video{aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:#00000005;position:relative;overflow:hidden}.tp-card--magic-sense-play{position:absolute;bottom:8px;right:8px;width:28px;height:28px;color:#ffffffb3;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));transition:color .2s ease,transform .2s ease;z-index:1}.tp-card--magic-sense:hover .tp-card--magic-sense-play{color:#fffffff2;transform:scale(1.1)}.tp-card--magic-sense-strip{padding:7px 10px;background:#faf8f5;border-top:1px solid rgba(0,0,0,.06);text-align:center}.tp-card--magic-sense-label{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;color:#00000080;letter-spacing:.01em}.tp-card--magic-sense:hover .tp-card--magic-sense-label{color:#000000b3}.tp-card--template{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px 4px #0000000f;aspect-ratio:auto}.tp-card--template:hover{border-color:#00000038}.tp-card__img{width:100%;aspect-ratio:3 / 4;object-fit:contain;display:block;flex-shrink:0;background:#fff}.tp-card__name{padding:7px 10px;background:#faf8f5;border-top:1px solid rgba(0,0,0,.06);font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;color:#00000080;text-align:center;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-card__featured{position:absolute;top:8px;left:8px;padding:3px 8px;background:#1e1e1ecc;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:4px;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffffe6;pointer-events:none;box-shadow:0 1px 4px #0000001f}.tp-card--skeleton{aspect-ratio:3 / 4;background:#00000008;border:1px solid rgba(0,0,0,.04);cursor:default;overflow:hidden}.tp-card--skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:tp-shimmer 1.5s ease infinite}.tp-card--skeleton:hover{transform:none;box-shadow:none}.tp-card--loading{opacity:.55;pointer-events:none}.tp-card__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border:2.5px solid rgba(0,0,0,.08);border-top-color:#00000080;border-radius:50%;animation:tp-spin .7s linear infinite}.tp-grid--loading .tp-card:not(.tp-card--loading){pointer-events:none;opacity:.45}.tp-card__placeholder{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;color:#00000040;text-align:center;padding:12px;background:#00000005;flex-shrink:0}.tp-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#00000052;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}@keyframes tp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tp-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tp-card-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes tp-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 1023px){.tp-overlay{padding:16px}.tp-panel{max-width:660px;padding:32px 28px 28px;border-radius:18px}.tp-title{font-size:21px}.tp-header{margin-bottom:22px}.tp-toolbar{margin-bottom:20px}.tp-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 767px){.tp-overlay{padding:0;align-items:flex-end}.tp-panel{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:24px 16px 20px;animation:tp-slide-up-mobile .4s cubic-bezier(.34,1.56,.64,1)}.tp-title{font-size:19px}.tp-subtitle{font-size:13px}.tp-header{margin-bottom:18px}.tp-toolbar{flex-direction:column;gap:8px;margin-bottom:16px}.tp-category__trigger{width:100%}.tp-category__dropdown{left:0;right:0}.tp-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tp-card--scratch{grid-column:1 / -1;grid-template-rows:1fr;grid-template-columns:1fr}.tp-card--scratch-content{aspect-ratio:auto;flex-direction:row;padding:16px 20px;gap:12px}.tp-card--scratch-strip{display:none}.tp-card--scratch-icon{width:24px;height:24px}.tp-card--magic-sense{grid-column:1 / -1;grid-template-rows:1fr;grid-template-columns:auto 1fr}.tp-card--magic-sense-video{aspect-ratio:auto;width:48px;height:48px}.tp-card--magic-sense-play{width:20px;height:20px}.tp-card--magic-sense-strip{border-top:none;border-left:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:12px 20px;text-align:left}.tp-card__name{font-size:10px;padding:6px 8px}}@keyframes tp-slide-up-mobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 479px){.tp-panel{padding:20px 12px 16px}.tp-search__input{height:38px;font-size:13px}.tp-category__trigger{height:38px;font-size:12px}.tp-grid{gap:8px}.tp-card{border-radius:10px}.tp-card--scratch{border-radius:10px;padding:14px 16px}}@media (pointer: coarse){.tp-card:hover{transform:none;box-shadow:none}.tp-card--template:hover{box-shadow:0 1px 3px #0000000a}.tp-card:active{transform:scale(.97)}.tp-card--scratch:hover{border-color:#0000001a;background:#ffffff80}.tp-card--scratch:active{border-color:#0003;background:#ffffffd9}}.template-preview-card{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px}.template-preview-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f5e6d3,#e8d5c4,#dcc8b5);display:flex;align-items:center;justify-content:center;pointer-events:none}.template-preview-card__bg-text{font-size:11px;font-weight:500;color:#8b6d5259;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.template-preview-card .template-preview-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;aspect-ratio:unset}.template-preview-card .template-preview-card__overlay img{object-fit:cover}.template-preview-card__no-img{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#0000004d}.pu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:#14121080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:pu-fade-in .3s ease-out;padding:24px}.pu-panel{position:relative;width:100%;max-width:540px;max-height:85vh;overflow-y:auto;background:#faf8f4;border:none;border-radius:20px;box-shadow:0 32px 100px -20px #00000059,0 0 0 1px #0000000f,inset 0 1px #fff9;animation:pu-slide-up .4s cubic-bezier(.34,1.56,.64,1);padding:40px 40px 36px;display:flex;flex-direction:column;align-items:center}.pu-title{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:23px;font-weight:500;color:#1e2525;margin:0 0 6px;letter-spacing:.02em;line-height:1.3;text-align:center}.pu-subtitle{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#0006;margin:0 0 28px;line-height:1.5;font-weight:400;text-align:center;max-width:420px}.pu-dropzone{width:100%;min-height:280px;border:2px dashed rgba(0,0,0,.12);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#ffffff80;transition:border-color .2s ease,background .2s ease;padding:32px;position:relative;overflow:hidden}.pu-dropzone:hover{border-color:#0003;background:#ffffffbf}.pu-dropzone--active{border-color:#8b7b6b99;background:#f5f0ebcc}.pu-dropzone--processing{cursor:wait}.pu-dropzone__icon{margin-bottom:12px;opacity:.45;color:#0006}.pu-dropzone__text{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:500;color:#1e2525;margin:0}.pu-dropzone__hint{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#00000059;margin:6px 0 0}.pu-preview{text-align:center}.pu-preview__img{max-width:100%;max-height:220px;border-radius:8px;object-fit:contain}.pu-preview__processing{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#0006;margin-top:12px}.pu-camera-btn{margin-top:16px;padding:10px 24px;border:2px solid rgba(0,0,0,.1);border-radius:10px;background:transparent;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:#1e2525;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .2s ease,background .2s ease}.pu-camera-btn:hover{border-color:#0003;background:#fff9}.pu-error{font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#dc2626;margin-top:14px;text-align:center}.pu-tips{margin-top:24px;display:flex;gap:16px;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:#0000004d;text-align:center}.pu-tips__divider{color:#00000026}@keyframes pu-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pu-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){.pu-overlay{padding:0;align-items:flex-end}.pu-panel{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:24px 20px 20px;animation:pu-slide-up-mobile .4s cubic-bezier(.34,1.56,.64,1)}.pu-title{font-size:19px}.pu-subtitle{font-size:13px;margin-bottom:20px}.pu-dropzone{min-height:220px;padding:24px}.pu-tips{flex-direction:column;gap:4px}.pu-tips__divider{display:none}}@keyframes pu-slide-up-mobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 479px){.pu-panel{padding:20px 16px 16px}.pu-dropzone{min-height:180px;padding:20px;border-radius:12px}}.sticker-moodboard{display:flex;flex-direction:column;gap:8px;margin:0 calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg));padding:0 14px}.studio-tab-content:has(>.sticker-moodboard){padding-top:0}.sticker-moodboard__search{position:relative;display:flex;align-items:center}.sticker-moodboard__search-icon{position:absolute;left:12px;width:15px;height:15px;color:#0000004d;pointer-events:none}.sticker-moodboard__search-input{width:100%;padding:10px 36px;border:1.5px solid rgba(0,0,0,.07);border-radius:100px;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-family-primary, inherit);font-size:13px;color:var(--color-text-primary, #1a1a1a);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.sticker-moodboard__search-input::placeholder{color:#0000004d;font-weight:400}.sticker-moodboard__search-input:focus{border-color:#00000026;background:#ffffffe6;box-shadow:0 0 0 3px #0000000a}.sticker-moodboard__search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:#0000000f;color:#0006;font-size:15px;line-height:1;cursor:pointer;transition:var(--studio-transition-fast, .12s ease)}.sticker-moodboard__search-clear:hover{background:#0000001f;color:#0009}.sticker-moodboard__filters{display:flex;align-items:center;gap:8px;padding:0 2px}.sticker-moodboard__dropdown{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:var(--color-text-primary, #1a1a1a);background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:6px 24px 6px 10px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:0;flex:1;transition:border-color .15s ease,background .15s ease}.sticker-moodboard__dropdown:hover{border-color:#00000026;background-color:#ffffffe6}.sticker-moodboard__dropdown:focus{border-color:#00000038}.sticker-moodboard__count{margin-left:auto;font-size:11px;font-weight:500;color:#0000004d;flex-shrink:0}.sticker-moodboard__masonry{columns:2;column-gap:10px;padding:0 0 20px}.sticker-moodboard__card{display:inline-block;width:100%;break-inside:avoid;margin-bottom:10px;border:none;padding:0;background:#ffffff80;border-radius:var(--studio-radius-md, 12px);overflow:hidden;cursor:pointer;position:relative;transition:transform .25s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .25s ease}.sticker-moodboard__card img{display:block;width:100%;height:auto;background:linear-gradient(135deg,#f5f0e880,#eee6dc4d);pointer-events:none}.sticker-moodboard__card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a}.sticker-moodboard__card:active{transform:translateY(0) scale(.97);box-shadow:0 2px 6px #0000000f}.sticker-moodboard__card--active{box-shadow:0 0 0 2.5px var(--color-text-primary, #1a1a1a),0 4px 16px #0000001a}.sticker-moodboard__card--active:hover{box-shadow:0 0 0 2.5px var(--color-text-primary, #1a1a1a),0 8px 24px #0000001f}.sticker-moodboard__overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:2px;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 60%,transparent 100%);border-radius:0 0 var(--studio-radius-md, 12px) var(--studio-radius-md, 12px);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .25s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1));pointer-events:none}.sticker-moodboard__card:hover .sticker-moodboard__overlay{opacity:1;transform:translateY(0)}.sticker-moodboard__name{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;color:#fff;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3)}.sticker-moodboard__style{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:500;color:#ffffffb3;text-transform:capitalize}.sticker-moodboard__active-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-text-primary, #1a1a1a);color:#fff;box-shadow:0 2px 8px #0003;animation:moodboard-pop-in .3s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1)) both}@keyframes moodboard-pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sticker-moodboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#00000059;font-family:var(--font-family-primary, inherit);font-size:13px}.sticker-moodboard__spinner{width:28px;height:28px;border:2.5px solid rgba(0,0,0,.08);border-top-color:#00000059;border-radius:50%;animation:spin .8s linear infinite}.sticker-moodboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:50px 24px;text-align:center}.sticker-moodboard__empty svg{color:#00000026;margin-bottom:4px}.sticker-moodboard__empty p{font-family:var(--font-family-primary, inherit);font-size:14px;font-weight:600;color:#0006;margin:0}.sticker-moodboard__empty span{font-family:var(--font-family-primary, inherit);font-size:12px;color:#00000040;line-height:1.5;max-width:200px}.sticker-moodboard__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center}.sticker-moodboard__no-results svg{color:#00000026}.sticker-moodboard__no-results p{font-family:var(--font-family-primary, inherit);font-size:13px;font-weight:600;color:#00000059;margin:0}.sticker-moodboard__no-results span{font-family:var(--font-family-primary, inherit);font-size:12px;color:#00000040}.sticker-moodboard__error{padding:10px 14px;margin:0 2px;border-radius:var(--studio-radius-sm, 8px);background:#dc26260f;border:1px solid rgba(220,38,38,.12);font-family:var(--font-family-primary, inherit);font-size:12px;color:#b41e1eb3;display:flex;align-items:center;gap:8px}.sticker-moodboard__error button{border:none;background:none;padding:0;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;color:#b41e1ecc;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sticker-moodboard__error button:hover{color:#b41e1e}@media (min-width: 1600px){.sticker-moodboard__masonry{columns:3;column-gap:8px}.sticker-moodboard__card{margin-bottom:8px}}.sticker-moodboard__mode-toggle{display:flex;gap:2px;padding:3px;background:#f0ede8;border-radius:10px;position:sticky;top:0;z-index:3;margin-bottom:4px}.sticker-moodboard__mode-btn{flex:1;position:relative;padding:7px 12px;border:none;border-radius:8px;background:transparent;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:#00000073;cursor:pointer;transition:all .18s ease}.sticker-moodboard__mode-btn:hover{color:#000000a6}.sticker-moodboard__mode-btn.active{background:#fff;color:var(--color-text-primary, #1a1a1a);font-weight:600;box-shadow:0 1px 3px #00000014}.sticker-moodboard__card--collection{position:relative;cursor:default}.sticker-moodboard__card-place{display:block;width:100%;border:none;padding:0;background:none;cursor:pointer;text-align:left}.sticker-moodboard__card-place img{display:block;width:100%;height:auto;background:linear-gradient(135deg,#f5f0e880,#f0ebe34d)}.sticker-moodboard__card-delete{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease,background .15s ease;z-index:2}.sticker-moodboard__card--collection:hover .sticker-moodboard__card-delete{opacity:1;transform:scale(1)}.sticker-moodboard__card-delete:hover{background:#dc2626d9}.sticker-moodboard__empty-collection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center;color:#00000040}.sticker-moodboard__empty-collection svg{opacity:.4;margin-bottom:4px}.sticker-moodboard__empty-collection p{margin:0;font-family:var(--font-family-primary, inherit);font-size:14px;font-weight:600;color:#00000059}.sticker-moodboard__empty-collection span{margin:0;font-family:var(--font-family-primary, inherit);font-size:12px;color:#00000040;max-width:200px;line-height:1.4}.sticker-moodboard__card-heart{position:absolute;top:5px;right:5px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease;z-index:2;padding:0}.sticker-moodboard__card-heart svg{width:13px;height:13px}.sticker-moodboard__card:hover .sticker-moodboard__card-heart{opacity:1;transform:scale(1)}.sticker-moodboard__card-heart.saved{opacity:1;transform:scale(1);background:#ffffffe6;color:#ef4444}.sticker-moodboard__card-heart:hover{background:#ffffffeb;color:#ef4444;transform:scale(1.1)}.sticker-moodboard__card-heart.saved:hover{background:#fffffff2;color:#dc2626;transform:scale(1.1)}.sticker-moodboard__card-promote{position:absolute;top:5px;left:5px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;cursor:pointer;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease;z-index:2;padding:0}.sticker-moodboard__card-promote svg{width:13px;height:13px}.sticker-moodboard__card--collection:hover .sticker-moodboard__card-promote{opacity:1;transform:scale(1)}.sticker-moodboard__card-promote:hover{background:#ffffffeb;color:#1e2525;transform:scale(1.1)}.sticker-moodboard__card-promote--done{opacity:1;transform:scale(1);background:#ffffffe6;color:#16a34a;cursor:default}.sticker-moodboard__card-promote--done:hover{background:#fffffff2;color:#16a34a;transform:scale(1)}.sticker-promote-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:sticker-promote-fadein .15s ease}@keyframes sticker-promote-fadein{0%{opacity:0}to{opacity:1}}.sticker-promote-modal__content{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 32px #00000026;max-width:320px;width:90vw;animation:sticker-promote-slidein .2s ease}@keyframes sticker-promote-slidein{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sticker-promote-modal__preview{flex-shrink:0;width:64px;height:64px;border-radius:8px;overflow:hidden;margin:0 auto;background:linear-gradient(45deg,#f0ede8 25%,transparent 25%),linear-gradient(-45deg,#f0ede8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0ede8 75%),linear-gradient(-45deg,transparent 75%,#f0ede8 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#faf8f4}.sticker-promote-modal__preview img{width:100%;height:100%;object-fit:contain}.sticker-promote-modal__fields{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.sticker-promote-modal__input{width:100%;padding:8px 10px;border:1px solid #E8E4DD;border-radius:6px;font-family:var(--font-family-primary, inherit);font-size:13px;color:#1e2525;background:#fff;outline:none;transition:border-color .15s ease}.sticker-promote-modal__input:focus{border-color:#1e2525}.sticker-promote-modal__input::placeholder{color:#b0aaa2}.sticker-promote-modal__actions{display:flex;gap:8px;margin-top:4px}.sticker-promote-modal__cancel{flex:1;padding:7px 12px;border:1px solid #E8E4DD;border-radius:6px;background:#fff;font-family:var(--font-family-primary, inherit);font-size:13px;font-weight:500;color:#7a756e;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sticker-promote-modal__cancel:hover{background:#f9f7f4;border-color:#d5d0c8}.sticker-promote-modal__submit{flex:1;padding:7px 12px;border:none;border-radius:6px;background:#1e2525;font-family:var(--font-family-primary, inherit);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease}.sticker-promote-modal__submit:hover{background:#2c3535}.sticker-promote-modal__submit:disabled{opacity:.5;cursor:not-allowed}.sticker-promote-modal__row{display:flex;gap:6px}.sticker-promote-modal__select{flex:1;min-width:0;padding:7px 22px 7px 8px;border:1px solid #E8E4DD;border-radius:6px;font-family:var(--font-family-primary, inherit);font-size:12px;color:#1e2525;background:#fff;outline:none;cursor:pointer;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23B0AAA2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sticker-promote-modal__select:focus{border-color:#1e2525}.sticker-promote-modal__error{font-family:var(--font-family-primary, inherit);font-size:12px;color:#dc2626;padding:4px 0}.font-browser{display:flex;flex-direction:column;gap:10px;margin-top:12px}.font-browser__search{position:relative;display:flex;align-items:center}.font-browser__search-icon{position:absolute;left:12px;width:15px;height:15px;color:#0000004d;pointer-events:none}.font-browser__search-input{width:100%;padding:10px 36px;border:1.5px solid rgba(0,0,0,.07);border-radius:100px;background:#ffffffb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-family-primary, inherit);font-size:13px;color:var(--color-text-primary, #1a1a1a);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.font-browser__search-input::placeholder{color:#0000004d;font-weight:400}.font-browser__search-input:focus{border-color:#00000026;background:#ffffffe6;box-shadow:0 0 0 3px #0000000a}.font-browser__search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:#0000000f;color:#0006;font-size:15px;line-height:1;cursor:pointer;transition:var(--studio-transition-fast, .12s ease)}.font-browser__search-clear:hover{background:#0000001f;color:#0009}.font-browser__filter-bar{display:flex;align-items:center;gap:8px;padding:0 2px}.font-browser__dropdown{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:var(--color-text-primary, #1a1a1a);background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:6px 24px 6px 10px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;flex:1;min-width:0;transition:border-color .15s ease,background .15s ease}.font-browser__dropdown:hover{border-color:#00000026;background-color:#ffffffe6}.font-browser__dropdown:focus{border-color:#00000038}.font-browser__count{margin-left:auto;font-size:11px;font-weight:500;color:#0000004d;flex-shrink:0}.font-browser__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 20px}.font-browser__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px;padding:14px 8px 10px;border:1.5px solid rgba(0,0,0,.06);border-radius:var(--studio-radius-md, 12px);background:#ffffff80;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .25s ease,border-color .2s ease,background .2s ease}.font-browser__card:hover{transform:translateY(-2px) scale(1.02);background:#ffffffd9;border-color:#0000001f;box-shadow:0 6px 20px #0000000f,0 2px 6px #00000008}.font-browser__card:active{transform:translateY(0) scale(.97);box-shadow:0 2px 6px #0000000a}.font-browser__preview{font-size:22px;line-height:1.2;color:var(--color-text-primary, #1a1a1a);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .2s ease}.font-browser__card--loading .font-browser__preview{opacity:.3}.font-browser__name{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:500;color:#00000059;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-browser__loading-indicator{position:absolute;top:6px;right:6px;width:14px;height:14px;border:1.5px solid rgba(0,0,0,.08);border-top-color:#0000004d;border-radius:50%;animation:font-browser-spin .7s linear infinite}@keyframes font-browser-spin{to{transform:rotate(360deg)}}.font-browser__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;text-align:center}.font-browser__no-results svg{color:#00000026}.font-browser__no-results p{font-family:var(--font-family-primary, inherit);font-size:13px;font-weight:600;color:#00000059;margin:0}.font-browser__no-results span{font-family:var(--font-family-primary, inherit);font-size:12px;color:#00000040}.font-browser__header{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;color:#00000073;margin:0;padding:0 2px}.font-combo__filter-bar{display:flex;gap:6px;padding:0 2px 4px}.font-combo__search{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:400;color:var(--color-text-primary, #1a1a1a);background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:6px 10px;outline:none;flex:1;min-width:0;transition:border-color .15s ease,background .15s ease}.font-combo__search::placeholder{color:#00000059}.font-combo__search:hover{border-color:#00000026;background-color:#ffffffe6}.font-combo__search:focus{border-color:#00000038;background-color:#fff}.font-combo__dropdown{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:var(--color-text-primary, #1a1a1a);background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:6px 24px 6px 10px;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;width:auto;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.font-combo__dropdown:hover{border-color:#00000026;background-color:#ffffffe6}.font-combo__dropdown:focus{border-color:#00000038}.font-combo__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 16px}.font-combo__card-wrapper{position:relative}.font-combo__card{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;padding:14px 10px;border:1.5px solid rgba(0,0,0,.06);border-radius:var(--studio-radius-md, 12px);background:#ffffff80;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s var(--studio-spring, cubic-bezier(.34, 1.56, .64, 1)),box-shadow .25s ease,border-color .2s ease,background .2s ease}.font-combo__card:hover{transform:translateY(-2px) scale(1.02);background:#ffffffd9;border-color:#0000001f;box-shadow:0 6px 20px #0000000f,0 2px 6px #00000008}.font-combo__card[style*=background]:hover{filter:brightness(1.1)}.font-combo__card:active{transform:translateY(0) scale(.97);box-shadow:0 2px 6px #0000000a}.font-combo__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;width:100%}.font-combo__text{display:block;line-height:1.2;word-break:break-word;text-align:center;max-width:100%;transition:opacity .2s ease}.font-combo__loading-indicator{position:absolute;top:6px;right:6px;width:12px;height:12px;border:1.5px solid rgba(0,0,0,.08);border-top-color:#0000004d;border-radius:50%;animation:font-combo-spin .7s linear infinite}.font-combo__card[style*=background] .font-combo__loading-indicator{border-color:#ffffff26;border-top-color:#ffffff80}@keyframes font-combo-spin{to{transform:rotate(360deg)}}.font-combo__card--loading .font-combo__text{opacity:.3}.font-combo__card-heart{position:absolute;top:5px;right:5px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;cursor:pointer;padding:0;opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,background .18s ease,color .18s ease;z-index:2}.font-combo__card-wrapper:hover .font-combo__card-heart{opacity:1;transform:scale(1)}.font-combo__card-heart.saved{opacity:1;transform:scale(1);background:#ffffffe6;color:#ef4444}.font-combo__card-heart:hover{background:#ffffffeb;color:#ef4444;transform:scale(1.1)}.font-combo__empty-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 16px;color:#0000004d;text-align:center}.font-combo__empty-favorites svg{opacity:.3}.font-combo__empty-favorites p{margin:0;font-size:13px;font-weight:600;color:#0006}.font-combo__empty-favorites span{font-size:12px;color:#0000004d}.ftt{pointer-events:none;opacity:0;transition:opacity .12s ease}.ftt--visible{pointer-events:auto;opacity:1;animation:ftt-pop .18s cubic-bezier(.34,1.56,.64,1)}@keyframes ftt-pop{0%{opacity:0;transform:translateY(calc(-100% + 6px)) scale(.96)}to{opacity:1;transform:translateY(-100%) scale(1)}}.ftt__row{display:flex;align-items:center;gap:3px;padding:5px 8px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;white-space:nowrap}.ftt__row--more{margin-top:4px;border-radius:8px;padding:4px 8px}.ftt__sep{width:1px;height:18px;background:#00000014;flex-shrink:0;margin:0 2px}.ftt__size{font-size:11px;font-weight:500;border:1px solid transparent;border-radius:5px;padding:3px 4px;background:transparent;outline:none;cursor:pointer;color:#222;transition:background .1s,border-color .1s;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;text-align:center}.ftt__size:hover{background:#0000000a;border-color:#0000001a}.ftt__size:focus{background:#0000000a;border-color:#0000002e}.ftt__font-picker{position:relative;flex-shrink:0}.ftt__font-picker-trigger{display:flex;align-items:center;gap:4px;max-width:120px;padding:3px 6px;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer;color:#222;font-size:11px;font-weight:500;transition:background .1s,border-color .1s;white-space:nowrap;overflow:hidden}.ftt__font-picker-trigger:hover{background:#0000000a;border-color:#0000001a}.ftt__font-picker-trigger:disabled{opacity:.4;cursor:default}.ftt__font-picker-name{overflow:hidden;text-overflow:ellipsis}.ftt__font-picker-trigger svg{flex-shrink:0;opacity:.4}.ftt__font-picker-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:220px;background:#fffffff7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 8px 32px #00000024,0 2px 8px #0000000f;z-index:10001;overflow:hidden;animation:ftt-drop .12s ease-out}@keyframes ftt-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ftt__font-picker-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid rgba(0,0,0,.06);font-size:11px;outline:none;background:transparent;color:#222}.ftt__font-picker-search::placeholder{color:#0000004d}.ftt__font-picker-list{max-height:260px;overflow-y:auto;padding:4px 0}.ftt__font-picker-list::-webkit-scrollbar{width:4px}.ftt__font-picker-list::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.ftt__font-picker-group{padding:6px 10px 3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#00000059;font-family:system-ui,sans-serif}.ftt__font-picker-item{display:block;width:100%;padding:5px 10px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:#222;transition:background 60ms;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ftt__font-picker-item:hover{background:#0000000d}.ftt__font-picker-item.active{background:#00000014;font-weight:600}.ftt__font-picker-empty{padding:16px 10px;text-align:center;font-size:11px;color:#0000004d;font-family:system-ui,sans-serif}.ftt__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:#00000080;transition:background 80ms,color 80ms;flex-shrink:0;padding:0}.ftt__btn:hover{background:#0000000f;color:#000c}.ftt__btn.on{background:#222;color:#fff}.ftt__btn.on:hover{background:#333}.ftt__btn--del{color:#dc32328c}.ftt__btn--del:hover{background:#dc32321a;color:#dc3232}.ftt__size-group{display:flex;align-items:center;gap:1px}.ftt__btn--size-down,.ftt__btn--size-up{width:24px}.ftt__a-sm{font-size:11px;font-weight:600;line-height:1}.ftt__a-lg{font-size:16px;font-weight:700;line-height:1}.ftt__size-val{font-size:11px;font-weight:600;color:#0000008c;min-width:22px;text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0}.ftt__btn--more.on{background:#00000014;color:#000000b3}.ftt__color{width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.1);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;transition:border-color .1s;display:block}.ftt__color:hover{border-color:#00000047}.ftt__color input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;cursor:pointer;opacity:0}.ftt__label{font-size:10px;font-weight:500;color:#00000061;flex-shrink:0;-webkit-user-select:none;user-select:none}.ftt__slider{width:54px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:4px;cursor:pointer;flex-shrink:0;margin:0 2px}.ftt__slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#222;cursor:pointer}.ftt__val{font-size:10px;font-weight:500;color:#0006;width:26px;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}@media (max-width: 1279px){.ftt{left:0!important;right:0!important;bottom:calc(var(--mobile-tab-height, 56px) + var(--mobile-safe-bottom, 0px) + 16px)!important;top:auto!important;transform:none!important;width:auto!important;padding:0 6px}.ftt__row{gap:3px;padding:5px 8px;flex-wrap:wrap;justify-content:center}.ftt__row--more{flex-wrap:wrap;justify-content:center}.ftt__font-picker{flex-shrink:0}.ftt__font-picker-trigger{max-width:90px;font-size:11px}.ftt__font-picker-dropdown{width:200px;top:auto;bottom:calc(100% + 6px)}.ftt__size-val{font-size:10px;min-width:18px;flex-shrink:0}.ftt__a-sm{font-size:10px}.ftt__a-lg{font-size:14px}.ftt__btn{width:32px;height:32px;flex-shrink:0}.ftt__btn--size-down,.ftt__btn--size-up{width:28px}.ftt__sep{display:none}.ftt__color{width:24px;height:24px;flex-shrink:0}.ftt__slider{width:48px;flex-shrink:0}.ftt__label,.ftt__val{flex-shrink:0}}.fst{display:flex;flex-direction:column;padding:0;pointer-events:none;opacity:0;transition:opacity .12s ease;-webkit-user-select:none;user-select:none}.fst--visible{pointer-events:auto;opacity:1;animation:fst-pop .18s cubic-bezier(.34,1.56,.64,1)}@keyframes fst-pop{0%{opacity:0;transform:translateY(calc(-100% + 6px)) scale(.96)}to{opacity:1;transform:translateY(-100%) scale(1)}}.fst__row{display:flex;align-items:center;gap:3px;padding:5px 8px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 4px 24px #0000001a,0 1px 4px #0000000f;flex-wrap:nowrap;min-height:32px;white-space:nowrap}.fst__row--more{margin-top:4px;border-radius:8px;padding:4px 8px}.fst__sep{width:1px;height:18px;background:#00000014;flex-shrink:0;margin:0 2px}.fst__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:transparent;color:#00000080;cursor:pointer;padding:0;transition:background 80ms,color 80ms;flex-shrink:0}.fst__btn:hover:not(:disabled){background:#0000000f;color:#000c}.fst__btn.on{background:#222;color:#fff}.fst__btn.on:hover{background:#333}.fst__btn:disabled{opacity:.35;cursor:default}.fst__btn--del{color:#dc32328c}.fst__btn--del:hover:not(:disabled){background:#dc32321a;color:#dc3232}.fst__color{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:2px solid rgba(0,0,0,.1);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;transition:border-color .1s}.fst__color:hover{border-color:#00000047}.fst__color input[type=color]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border:none;padding:0;opacity:0;cursor:pointer}.fst__color--stroke{border-style:dashed}.fst__label{font-size:10px;font-weight:500;color:#00000061;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;margin-right:2px;-webkit-user-select:none;user-select:none}.fst__slider{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:4px;cursor:pointer;flex-shrink:0;margin:0 2px}.fst__slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#222;cursor:pointer}.fst__slider--short{width:48px}.fst__val{font-size:10px;font-weight:500;color:#0006;min-width:24px;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}.fst__number{width:36px;height:22px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fffffff2;color:#222;font-size:11px;text-align:center;padding:0 2px;flex-shrink:0}.fst__number:focus{outline:none;border-color:#0000004d}@media (max-width: 1279px){.fst--visible{position:fixed!important;bottom:calc(var(--mobile-tab-height, 56px) + var(--mobile-safe-bottom, 0px) + 16px)!important;left:0!important;right:0!important;top:auto!important;transform:none!important;width:auto!important;padding:0 6px;z-index:10000!important;border-radius:0}.fst__row{flex-wrap:wrap;justify-content:center;gap:3px;padding:5px 8px}.fst__row--more{flex-wrap:wrap;justify-content:center}.fst__btn{width:32px;height:32px;flex-shrink:0}.fst__sep{display:none}.fst__color{width:24px;height:24px;flex-shrink:0}.fst__slider{width:48px;flex-shrink:0}.fst__label,.fst__val{flex-shrink:0}}.floating-group-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;color:#000000bf;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.12);border-radius:20px;cursor:pointer;box-shadow:0 2px 8px #00000014,0 0 0 1px #0000000a;transition:background .12s ease,box-shadow .12s ease,transform 80ms ease;pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:floating-group-in .15s ease-out}.floating-group-btn:hover{background:#fffffff2;box-shadow:0 3px 12px #0000001f,0 0 0 1px #00000014}.floating-group-btn:active{transform:scale(.96)}@keyframes floating-group-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shape-browser{padding:12px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%}.shape-browser__category-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #888);margin-bottom:8px}.shape-browser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}.shape-browser__item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 6px;border:1px solid var(--color-border, #333);border-radius:8px;background:var(--color-surface-subtle, rgba(255, 255, 255, .04));cursor:pointer;transition:background .15s,border-color .15s,transform .1s;color:var(--color-text-secondary, #aaa)}.shape-browser__item:hover{background:var(--color-surface-hover, rgba(255, 255, 255, .08));border-color:var(--color-accent, #3b82f6);color:var(--color-text-primary, #fff);transform:translateY(-1px)}.shape-browser__item:active{transform:translateY(0)}.shape-browser__icon{width:32px;height:32px;fill-opacity:.15;stroke-opacity:.9}.shape-browser__item:hover .shape-browser__icon{fill-opacity:.25;stroke-opacity:1}.shape-browser__label{font-size:10px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.object-layer-panel{display:flex;flex-direction:column;gap:2px;padding:10px}.object-layer-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.object-layer-panel__title{font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;color:#00000080;text-transform:uppercase;letter-spacing:.05em}.object-layer-panel__count{font-size:11px;font-weight:500;color:#00000040}.object-layer-panel__group-btn{display:flex;align-items:center;gap:4px;font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;color:#0009;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:3px 8px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.object-layer-panel__group-btn:hover{background:#00000014;color:#000c;border-color:#0003}.object-layer-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;text-align:center}.object-layer-panel__empty svg{color:#00000026;margin-bottom:4px}.object-layer-panel__empty p{font-family:var(--font-family-primary, inherit);font-size:13px;font-weight:600;color:#00000059;margin:0}.object-layer-panel__empty span{font-family:var(--font-family-primary, inherit);font-size:12px;color:#00000040;line-height:1.5}.object-layer-panel__list{display:flex;flex-direction:column;gap:2px}.object-layer-panel__row{display:flex;flex-direction:column;gap:3px;padding:7px 8px;border-radius:var(--studio-radius-sm, 8px);border:1.5px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none}.object-layer-panel__row:hover{background:#00000008}.object-layer-panel__row.active{background:#0000000d;border-color:#00000026}.object-layer-panel__row.hidden-object{opacity:.4}.object-layer-panel__row.dragging{opacity:.3}.object-layer-panel__row.drag-over{position:relative}.object-layer-panel__row.drag-over:before{content:"";position:absolute;top:-2px;left:4px;right:4px;height:2px;background:#0009;border-radius:1px;pointer-events:none}.object-layer-panel__grip{display:flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:#00000026;cursor:grab;touch-action:none}.object-layer-panel__grip:active{cursor:grabbing}.object-layer-panel__row:hover .object-layer-panel__grip{color:#0000004d}.object-layer-panel__top{display:flex;align-items:center;gap:6px;min-width:0}.object-layer-panel__controls{display:flex;align-items:center;gap:2px;padding-left:20px}.object-layer-panel__type-tag{flex-shrink:0;font-family:var(--font-family-primary, inherit);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#0000004d;background:#0000000a;padding:1px 5px;border-radius:3px;line-height:1.4}.object-layer-panel__row.active .object-layer-panel__type-tag{background:#00000014;color:#000000b3}.object-layer-panel__name{flex:1;min-width:0;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:500;color:#000000b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-layer-panel__row.active .object-layer-panel__name{color:#000000e6;font-weight:600}.object-layer-panel__btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:#00000040;cursor:pointer;flex-shrink:0;padding:0;transition:background .12s ease,color .12s ease}.object-layer-panel__btn:hover{background:#0000000f;color:#0000008c}.object-layer-panel__btn.btn-active{color:#0009}.object-layer-panel__btn.btn-locked{color:#000000b3}.object-layer-panel__btn--del{opacity:0;transition:opacity .12s ease,background .12s ease,color .12s ease}.object-layer-panel__row:hover .object-layer-panel__btn--del{opacity:1}.object-layer-panel__btn--del:hover{color:#ef4444!important;background:#ef444414}.object-layer-panel__options{padding:6px 8px 6px 28px;display:flex;flex-direction:column;gap:6px;animation:olp-slide-down .15s ease-out}@keyframes olp-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.object-layer-panel__opacity-row{display:flex;align-items:center;gap:6px}.object-layer-panel__opacity-label{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:500;color:#00000059;min-width:42px}.object-layer-panel__opacity-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:8px;cursor:pointer;accent-color:rgba(0,0,0,.7)}.object-layer-panel__opacity-value{font-family:var(--font-family-primary, inherit);font-size:10px;color:#00000059;min-width:30px;text-align:right}.object-layer-panel__actions{display:flex;gap:4px;padding-top:2px}.object-layer-panel__action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(0,0,0,.06);border-radius:4px;background:#fff9;color:#00000059;cursor:pointer;padding:0;transition:background .12s ease,color .12s ease,border-color .12s ease}.object-layer-panel__action-btn:hover{background:#0000000d;color:#0009;border-color:#0000001a}.object-layer-panel__action-btn--danger:hover{background:#ef444414;color:#ef4444;border-color:#ef444433}.object-layer-panel__action-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.object-layer-panel__row--group{border-left:2px solid rgba(0,0,0,.12)}.object-layer-panel__row--group.active{border-left-color:#0006}.object-layer-panel__ungroup-btn{font-size:10px;color:#0000004d}.object-layer-panel__ungroup-btn:hover{color:#000000b3!important;background:#0000000f}.object-layer-panel__group-children{display:flex;flex-direction:column;gap:1px;padding-left:16px;border-left:2px solid rgba(0,0,0,.06);margin-left:12px;animation:olp-slide-down .15s ease-out}.object-layer-panel__row--child{padding:4px 8px;border-radius:6px}.object-layer-panel__row--child .object-layer-panel__name{font-size:11px;color:#00000080}.object-layer-panel__row--child.active .object-layer-panel__name{color:#000c}.object-layer-panel__row--child .object-layer-panel__type-tag{font-size:8px}.ai-edit-prompt{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;width:300px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 6px 24px #0000001a,0 1px 4px #0000000f,0 0 0 1px #0000000d;padding:10px;display:flex;flex-direction:column;gap:8px;animation:aiEditIn .15s cubic-bezier(.34,1.3,.64,1)}@keyframes aiEditIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ai-edit-prompt--anchored{top:auto;left:auto;transform:none;animation:aiEditInAnchored .15s cubic-bezier(.34,1.3,.64,1)}@keyframes aiEditInAnchored{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.ai-edit-prompt__header{display:flex;align-items:center;gap:6px;color:#00000080;font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600}.ai-edit-prompt__header svg{flex-shrink:0;color:#00000059}.ai-edit-prompt__cost{margin-left:auto;font-size:10px;font-weight:500;color:#00000040;white-space:nowrap}.ai-edit-prompt__cost--warn{color:#ef4444}a.ai-edit-prompt__cost--warn{text-decoration:underline;cursor:pointer}a.ai-edit-prompt__cost--warn:hover{color:#dc2626}.ai-edit-prompt__row{display:flex;gap:6px;align-items:flex-end}.ai-edit-prompt__textarea{flex:1;min-width:0;padding:8px 10px;border:1.5px solid rgba(0,0,0,.08);border-radius:8px;background:#00000005;font-family:var(--font-family-primary, inherit);font-size:12.5px;line-height:1.45;color:#000c;resize:none;outline:none;transition:border-color .12s ease}.ai-edit-prompt__textarea::placeholder{color:#00000040}.ai-edit-prompt__textarea:focus{border-color:#0000002e}.ai-edit-prompt__textarea:disabled{opacity:.5}.ai-edit-prompt__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#0000000f;color:#00000073;cursor:pointer;flex-shrink:0;padding:0;transition:background .12s ease,color .12s ease}.ai-edit-prompt__btn:hover:not(:disabled){background:#0000001a;color:#000000b3}.ai-edit-prompt__btn:disabled{opacity:.3;cursor:not-allowed}.ai-edit-prompt__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(140,110,195,.15);border-top-color:#a582dcd9;border-radius:50%;animation:aiEditSpin .6s linear infinite}@keyframes aiEditSpin{to{transform:rotate(360deg)}}.ai-edit-prompt__progress{display:flex;flex-direction:column;gap:4px;padding:2px 0}.ai-edit-prompt__progress-bar{height:6px;background:#0000000f;border-radius:100px;overflow:hidden}.ai-edit-prompt__progress-fill{height:100%;background:linear-gradient(90deg,#8c6ec3b3,#af8cebe6,#c3a5f5cc);border-radius:100px;transition:width .3s ease-out;position:relative}.ai-edit-prompt__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:aiEditShimmer 2s infinite}@keyframes aiEditShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ai-edit-prompt__progress-text{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:600;color:#8c6ec3cc;text-align:center}.ai-edit-prompt__progress-message{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:400;color:#00000059;text-align:center;line-height:1.3}.ai-edit-prompt__bgr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 2px}.ai-edit-prompt__bgr-label{font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;color:#00000080}.basic-effects-prompt__eyedropper-cancel{border:1px solid rgba(255,255,255,.7);border-radius:999px;background:#fffffff0;color:#111827db;box-shadow:0 10px 28px #00000029;padding:9px 16px;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.basic-effects-prompt__eyedropper-cancel:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0003;background:#fff}.basic-effects-prompt__eyedropper-apply{border:1px solid rgba(140,110,195,.72);border-radius:999px;background:linear-gradient(135deg,#8c6ec3f5,#6e50a5f5);color:#fff;box-shadow:0 10px 28px #8c6ec352;padding:9px 18px;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.basic-effects-prompt__eyedropper-apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px #8c6ec370;filter:brightness(1.04)}.basic-effects-prompt__eyedropper-apply:disabled{opacity:.5;cursor:not-allowed}.basic-effects-prompt__eyedropper-hint{border-radius:999px;background:linear-gradient(135deg,#ec4899f5,#db2777eb);color:#fff;box-shadow:0 14px 36px #be185d47;padding:10px 18px;font-family:var(--font-family-primary, inherit);font-size:12px;font-weight:700;letter-spacing:.01em}.ai-edit-prompt__bgr-options{display:flex;gap:4px}.ai-edit-prompt__bgr-opt{border:1.5px solid rgba(0,0,0,.08);border-radius:6px;background:transparent;font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;color:#00000059;cursor:pointer;padding:3px 14px;transition:all .12s ease}.ai-edit-prompt__bgr-opt:hover:not(:disabled){border-color:#00000026;color:#00000080}.ai-edit-prompt__bgr-opt--active{border-color:#0000004d;background:#0000000d;color:#000000b3}.ai-edit-prompt__bgr-opt--active:hover:not(:disabled){border-color:#0000004d;color:#000000b3}.ai-edit-prompt__bgr-opt:disabled{opacity:.4;cursor:not-allowed}.ai-edit-prompt__bgr-hint{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:400;color:#0000004d;line-height:1.35;padding:0 2px}.ai-edit-prompt__bgr-hint b{font-weight:600;color:#0006}.basic-effects-prompt{background:linear-gradient(180deg,#fffffffa,#f9f7f4fa);border:1px solid rgba(0,0,0,.06);box-shadow:0 12px 36px #00000024,0 2px 8px #0000000f,0 0 0 1px #fff9 inset;gap:10px;padding:12px}.basic-effects-prompt .ai-edit-prompt__header{color:#0000008f}.basic-effects-prompt .ai-edit-prompt__header svg{color:#8c6ec3cc}.basic-effects-prompt__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.basic-effects-prompt__tabs--two{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-effects-prompt__tab{border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#ffffffb3;color:#0000006b;font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:600;padding:7px 6px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.basic-effects-prompt__tab:hover:not(:disabled){border-color:#8c6ec333;color:#0009;background:#fffffff5}.basic-effects-prompt__tab--active{background:#8c6ec31f;border-color:#8c6ec347;color:#573f87f2;box-shadow:0 1px 4px #8c6ec31f}.basic-effects-prompt__tab:disabled{opacity:.4;cursor:not-allowed}.basic-effects-prompt__panel{display:grid;gap:8px;padding:10px;border-radius:10px;background:#ffffff94;border:1px solid rgba(0,0,0,.05)}.basic-effects-prompt__select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.08);background:#ffffffe6;font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;color:#0000009e;outline:none}.basic-effects-prompt__select:focus{border-color:#8c6ec347}.basic-effects-prompt__slider-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px}.basic-effects-prompt__slider-row span{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:600;color:#0000007a;letter-spacing:.01em}.basic-effects-prompt__slider-label{text-transform:capitalize}.basic-effects-prompt__slider-row input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:#00000014;outline:none}.basic-effects-prompt__slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:#8c6ec3;box-shadow:0 1px 4px #8c6ec352;cursor:pointer;border:2px solid white}.basic-effects-prompt__slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:#8c6ec3;box-shadow:0 1px 4px #8c6ec352;cursor:pointer;border:2px solid white}.basic-effects-prompt__alpha-row{padding:0}.basic-effects-prompt__color{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#ffffffdb;color:#00000094;font-family:var(--font-family-primary, inherit);font-size:11px;font-weight:600;padding:7px 10px;cursor:pointer;transition:all .12s ease}.basic-effects-prompt__color:hover{border-color:#8c6ec338;color:#000000b8}.basic-effects-prompt__color-swatch{width:14px;height:14px;border-radius:999px;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #ffffff80}.basic-effects-prompt__apply{width:100%;height:34px;border-radius:9px;font-size:11px;font-weight:700;letter-spacing:.01em;margin-top:2px;background:linear-gradient(135deg,#8c6ec329,#8c6ec31a);color:#573f87f2;border:1px solid rgba(140,110,195,.18)}.basic-effects-prompt__apply:hover:not(:disabled){background:linear-gradient(135deg,#8c6ec338,#8c6ec324);color:#4a3576fa}.slider-with-number{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:10px}.slider-with-number__label{font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:600;color:#0000007a;letter-spacing:.01em;text-transform:capitalize}.slider-with-number input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:#00000014;outline:none}.slider-with-number input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:#8c6ec3;box-shadow:0 1px 4px #8c6ec352;cursor:pointer;border:2px solid white}.slider-with-number input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:999px;background:#8c6ec3;box-shadow:0 1px 4px #8c6ec352;cursor:pointer;border:2px solid white}.slider-with-number__field{display:inline-flex;align-items:baseline;gap:1px;padding:1px 4px;border-radius:4px;border:1px solid transparent;background:transparent;transition:background .12s ease,border-color .12s ease;min-width:0;font-family:var(--font-family-primary, inherit);font-size:10px;font-weight:600;color:#0009;font-variant-numeric:tabular-nums;cursor:text}.slider-with-number__field:hover{background:#0000000a}.slider-with-number__field:focus-within{background:#8c6ec314;border-color:#8c6ec347;color:#573f87f2}.slider-with-number__input{width:28px;min-width:0;border:none;outline:none;background:transparent;text-align:right;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;font-variant-numeric:inherit;padding:0}.slider-with-number__input:disabled{color:#00000047;cursor:not-allowed}.slider-with-number__unit{font-family:inherit;font-size:inherit;font-weight:inherit;color:#0006;margin-left:1px}.color-adjust-prompt{background:linear-gradient(180deg,#fffffff5,#f8f6faf5);border:1px solid rgba(140,110,195,.16);box-shadow:0 12px 36px #0000001f,0 2px 8px #0000000d,0 0 0 1px #fff9 inset;gap:8px;padding:10px 12px}.color-adjust-prompt .ai-edit-prompt__header{color:#0000008f}.color-adjust-prompt .ai-edit-prompt__header svg{color:#8c6ec3d9}.color-adjust-prompt__panel{padding:8px;background:#ffffff9e}.color-adjust-prompt__reset{margin-left:auto;padding:3px 10px;border-radius:999px;border:1px solid rgba(140,110,195,.22);background:#8c6ec314;color:#573f87f2;font-size:10px;font-weight:700;cursor:pointer;transition:all .12s ease}.color-adjust-prompt__reset:hover:not(:disabled){background:#8c6ec324;border-color:#8c6ec352}.color-adjust-prompt__reset:disabled{opacity:.4;cursor:not-allowed}.eyedropper-prompt{background:linear-gradient(180deg,#fffffffa,#fce7f3eb);border:1px solid rgba(236,72,153,.18);box-shadow:0 12px 36px #00000024,0 2px 8px #0000000f,0 0 0 1px #fff9 inset;gap:10px;padding:12px}.eyedropper-prompt .ai-edit-prompt__header svg{color:#ec4899d9}.canvas-tab-bar{display:flex;align-items:flex-end;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;margin-left:10px;padding-left:10px;border-left:1px solid rgba(0,0,0,.07);min-width:0;flex:1 1 0;align-self:stretch;margin-bottom:-1px}.canvas-tab-bar::-webkit-scrollbar{display:none}.canvas-tab-bar__tabs{display:flex;align-items:stretch;gap:0;white-space:nowrap;height:100%}.canvas-tab-bar__tab{position:relative;display:inline-flex;align-items:center;gap:5px;min-width:0;padding:3px 12px 5px;border:1px solid rgba(0,0,0,.08);border-bottom:none;border-radius:6px 6px 0 0;background:#0000000f;font-family:var(--font-family-primary, "Inter", sans-serif);font-size:12px;font-weight:450;color:#00000073;cursor:pointer;transition:background .15s,color .15s,border-color .15s;max-width:140px;line-height:1.3;letter-spacing:.005em;margin-bottom:-2px;z-index:1}.canvas-tab-bar__tab:hover{color:#000000a6;background:#0000001a;border-color:#0000001f}.canvas-tab-bar__tab--active{background:#00000021;border-color:#00000026;color:var(--color-text-primary, #1a1a1a);font-weight:560;cursor:default}.canvas-tab-bar__tab--active:hover{background:#00000024}.canvas-tab-bar__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px;pointer-events:none}.canvas-tab-bar__dirty{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#00000040}.canvas-tab-bar__tab--active .canvas-tab-bar__dirty{background:#00000073}.canvas-tab-bar__generating{display:inline-flex;align-items:center;flex-shrink:0}.canvas-tab-bar__spinner{animation:canvas-tab-spin 1s linear infinite}@keyframes canvas-tab-spin{to{transform:rotate(360deg)}}.canvas-tab-bar__rename-input{display:block;flex:1 1 auto;min-width:0;font-family:inherit;font-size:12px;font-weight:560;color:var(--color-text-primary, #1a1a1a);background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.25);outline:none;padding:0;width:100%;max-width:100%}.canvas-tab-bar__menu-trigger{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;color:#0003;cursor:pointer;opacity:0;transition:opacity .15s,color .15s,background .15s}.canvas-tab-bar__tab:hover .canvas-tab-bar__menu-trigger,.canvas-tab-bar__tab--active .canvas-tab-bar__menu-trigger{opacity:1}.canvas-tab-bar__menu-trigger:hover{color:#0009;background:#00000014}.canvas-tab-bar__dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.canvas-tab-bar__dropdown{z-index:10000;min-width:110px;padding:4px 0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 4px 12px #0000001a}.canvas-tab-bar__dropdown-item{display:block;width:100%;padding:6px 12px;border:none;background:none;font-family:inherit;font-size:12px;font-weight:450;color:var(--color-text-primary, #1a1a1a);text-align:left;cursor:pointer;transition:background .1s}.canvas-tab-bar__dropdown-item:hover{background:#0000000d}.canvas-tab-bar__dropdown-item--danger{color:#c0392b}.canvas-tab-bar__dropdown-item--danger:hover{background:#c0392b14}.canvas-tab-bar__add{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px 5px;border:1px solid rgba(0,0,0,.08);border-bottom:none;border-radius:6px 6px 0 0;background:#0000000a;font-size:13px;font-weight:400;color:#00000059;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0;margin-left:2px;margin-bottom:-2px;z-index:1}.canvas-tab-bar__add:hover{color:#00000080;background:#00000014;border-color:#00000026}.studio-layout.paint-mode .canvas-tab-bar__tab{color:#00000061}.studio-layout.paint-mode .canvas-tab-bar__tab--active{color:#1a1a1a;background:#00000021}.studio-layout.paint-mode .canvas-tab-bar__add{color:#00000040}.canvas-tab-bar--mobile{max-width:100%;padding:4px 8px;margin-left:0;border-left:none}.canvas-tab-bar--mobile .canvas-tab-bar__tab{padding:4px 10px;font-size:12px;max-width:120px}.canvas-tab-bar--mobile .canvas-tab-bar__tab--active{box-shadow:0 1px 3px #0000000f}.canvas-tab-bar--mobile .canvas-tab-bar__name{max-width:80px}.canvas-tab-bar--mobile .canvas-tab-bar__add{width:20px;height:20px;font-size:12px}.canvas-tab-bar--mobile .canvas-tab-bar__menu-trigger{opacity:1}.canvas-generating-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#ffffffb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.canvas-generating-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.25}.canvas-generating-overlay__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#fffffff2;border-radius:16px;box-shadow:0 4px 24px #00000014}.canvas-generating-overlay__spinner{animation:cgo-spin 1.2s linear infinite;color:#555}@keyframes cgo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-generating-overlay__text{margin:0;font-size:14px;font-weight:500;color:#333}.canvas-generating-overlay__view-btn{padding:8px 20px;border:none;border-radius:8px;background:#222;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .1s}.canvas-generating-overlay__view-btn:hover{background:#333}@media (min-width: 1024px){.store-layout .header-nav{display:block!important;border-bottom:1px solid var(--color-border-light)}.store-layout .header-nav .nav-list{display:flex;justify-content:center;gap:0;list-style:none;margin:0;padding:0}.store-layout .header-nav .nav-item{position:relative}.store-layout .header-nav .nav-link{display:block;padding:12px 20px;font-size:13px;font-weight:500;color:var(--color-text-primary);text-decoration:none;letter-spacing:.02em;transition:opacity .15s ease;white-space:nowrap}.store-layout .header-nav .nav-link:hover{opacity:.6}.store-layout .header-right,.store-layout .header-left{display:flex!important;align-items:center;gap:12px}.store-layout .header-left .icon-btn{position:relative;display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--color-border);border-radius:100px;background:transparent;color:var(--color-text-secondary);font-size:12.5px;font-family:var(--font-family-primary);cursor:pointer;transition:border-color .15s ease;min-width:160px}.store-layout .header-left .icon-btn:after{content:"Search...";font-size:12.5px;color:var(--color-text-light);letter-spacing:.01em}.store-layout .header-left .icon-btn:hover{border-color:var(--color-text-secondary)}.store-layout .header-left .icon-btn svg{width:14px;height:14px;flex-shrink:0}.store-layout .hamburger-menu,.store-layout .mobile-header-actions{display:none!important}.store-layout .logo{position:static;transform:none}.store-layout .header-top-container{display:flex;align-items:center;justify-content:space-between}.store-layout .header{background-color:var(--color-bg-secondary);border-bottom:1px solid rgba(0,0,0,.06)}}.product-detail{max-width:100%;margin:0 auto;padding:12px 24px 60px}@media (max-width: 768px){.product-detail{padding:8px 16px 40px}}.product-detail .breadcrumb{margin-bottom:16px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media (max-width: 1024px){.product-detail-grid{grid-template-columns:1fr;gap:24px}}.product-gallery__img{width:100%;height:auto;display:block;object-fit:cover}.product-gallery__video{width:100%;height:auto;display:block;object-fit:cover;background:#000}.product-gallery__empty{aspect-ratio:4 / 5;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-light);font-size:var(--font-size-sm)}.product-gallery__carousel{position:relative;overflow:hidden;touch-action:pan-y}.product-gallery__track{display:flex;will-change:transform}.product-gallery__slide{flex:0 0 100%;position:relative}.product-gallery__slide .product-gallery__img,.product-gallery__slide .product-gallery__video{width:100%;aspect-ratio:4 / 5;object-fit:cover}.product-gallery__dots{display:flex;justify-content:center;gap:8px;padding:14px 0}.product-gallery__dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;background:var(--color-border);cursor:pointer;transition:background .2s ease,transform .2s ease}.product-gallery__dot.active{background:var(--color-text-primary);transform:scale(1.25)}.product-gallery__desktop{display:none}.product-gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.product-gallery__cell{position:relative;overflow:hidden}.product-gallery__cell .product-gallery__img,.product-gallery__cell .product-gallery__video{width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 5}@media (min-width: 769px){.product-gallery__carousel{display:none}.product-gallery__desktop{display:flex;flex-direction:column;gap:4px}}.product-info{position:sticky;top:calc(var(--header-total-height, 110px) + 16px);display:flex;flex-direction:column;padding-top:4px;max-height:calc(100vh - var(--header-total-height, 110px) - 32px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@media (max-width: 1024px){.product-info{position:static}}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-title-row .product-title{flex:1}.product-title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:32px;font-weight:400;color:var(--color-text-primary);line-height:1.15;margin:0;letter-spacing:-.005em}@media (max-width: 640px){.product-title{font-size:26px}}.product-subtitle{font-size:13px;color:var(--color-text-secondary);font-weight:400;margin-top:4px;letter-spacing:.01em}.product-rating{display:flex;align-items:center;gap:6px;margin-top:10px}.product-rating__stars{display:flex;gap:1px}.product-rating__star{width:14px;height:14px;color:#d4d4d4}.product-rating__star.filled{color:#f5a623}.product-rating__star.half{color:#f5a623;opacity:.45}.product-rating__score{font-size:13px;font-weight:600;color:var(--color-text-primary)}.product-rating__count{font-size:13px;color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.product-rating__count:hover{color:var(--color-text-primary)}.product-social-proof{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;background:#f5a62314;border-radius:4px;font-size:12.5px;color:var(--color-text-secondary);line-height:1.4}.product-social-proof__icon{width:14px;height:14px;flex-shrink:0;color:#e8792b}.product-social-proof strong{color:var(--color-text-primary);font-weight:600}.product-price-section{display:flex;align-items:baseline;gap:8px;margin-top:14px}.product-price{font-size:18px;font-weight:500;color:var(--color-text-primary)}.product-price-original{font-size:16px;color:var(--color-text-light);text-decoration:line-through}.product-shipping-badge{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-secondary);margin-top:3px}.product-shipping-badge svg{width:13px;height:13px;flex-shrink:0}.product-description{margin-top:18px;border:none;padding:0}.product-description p{color:var(--color-text-secondary);line-height:1.6;font-size:13px;margin:0}.variant-selectors{display:flex;flex-direction:column;gap:18px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border)}.variant-selector{display:flex;flex-direction:column;gap:8px}.variant-selector-label{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:.015em}.variant-options{display:flex;flex-wrap:wrap;gap:6px}.variant-option-btn{padding:8px 18px;border:1.5px solid var(--color-border);border-radius:3px;background:transparent;cursor:pointer;transition:all .15s ease;font-size:13px;font-family:var(--font-family-primary);font-weight:500;color:var(--color-text-primary)}.variant-option-btn:hover{border-color:var(--color-text-secondary)}.variant-option-btn.selected{border-color:var(--color-text-primary);background-color:var(--color-text-primary);color:#fff}.color-options{gap:8px}.variant-color-btn{position:relative;width:28px;height:28px;border:1.5px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .15s ease;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px}.variant-color-btn:hover{border-color:var(--color-text-secondary);transform:scale(1.08)}.variant-color-btn.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-secondary),0 0 0 3px var(--color-text-primary)}.variant-color-btn .color-check{width:12px;height:12px;color:var(--color-text-primary);filter:drop-shadow(0 1px 1px rgba(255,255,255,.8))}.color-name{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.product-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.product-actions .btn,.product-actions .add-to-cart-btn{width:100%;font-size:14px;padding:13px 24px}.btn.out-of-stock{background-color:var(--color-text-light);border-color:var(--color-text-light);color:#fff}.product-benefits{display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border)}.product-benefits-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--color-text-secondary);line-height:1.45}.product-benefits-icon{flex-shrink:0;width:14px;height:14px;margin-top:2px;color:var(--color-text-primary)}.product-details-wrapper{margin-top:20px}.product-details-heading{font-size:13px;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em;margin:0;padding-bottom:0}.product-accordions{border-top:1px solid var(--color-border);margin-top:12px}.product-accordion{border-bottom:1px solid var(--color-border)}.product-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family-primary);color:var(--color-text-primary);transition:opacity .15s ease}.product-accordion__header:hover{opacity:.65}.product-accordion__title{font-size:13px;font-weight:600;letter-spacing:.01em}.product-accordion__chevron{width:14px;height:14px;flex-shrink:0;color:var(--color-text-secondary);transition:transform .25s ease}.product-accordion--open .product-accordion__chevron{transform:rotate(180deg)}.product-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.product-accordion--open .product-accordion__body{grid-template-rows:1fr}.product-accordion__content{overflow:hidden;font-size:13px;color:var(--color-text-secondary);line-height:1.6}.product-accordion--open .product-accordion__content{padding-bottom:14px}.product-recommendations{margin-top:64px;padding-top:48px;border-top:1px solid var(--color-border)}.product-recommendations__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:28px;font-weight:400;color:var(--color-text-primary);text-align:center;margin:0 0 32px;letter-spacing:-.005em}@media (max-width: 640px){.product-recommendations{margin-top:40px;padding-top:32px}.product-recommendations__title{font-size:22px;margin-bottom:24px}}.pdp-grid{display:grid;align-items:start}@media (min-width: 769px){.pdp-grid{grid-template-columns:1fr 1fr;grid-template-areas:"gallery title" "gallery info";grid-template-rows:auto auto;column-gap:48px;row-gap:16px}.pdp-gallery{grid-area:gallery}.pdp-title{grid-area:title;display:block}.pdp-info{grid-area:info}.pdp-subtitle-mobile{display:none}.pdp-subtitle-desktop{display:block}}@media (max-width: 768px){.pdp-grid{grid-template-columns:1fr;grid-template-areas:"title" "gallery" "info";gap:16px}.pdp-gallery{grid-area:gallery}.pdp-title{grid-area:title;display:block}.pdp-info{grid-area:info}.pdp-subtitle-mobile{display:block}.pdp-subtitle-desktop{display:none}}.product-listing{max-width:100%;margin:0 auto;padding:8px 40px 60px}@media (max-width: 768px){.product-listing{padding:8px 16px 40px}}.product-listing .breadcrumb{margin-bottom:20px}.listing-hero{text-align:center;margin-bottom:28px}.listing-hero__title{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:42px;font-weight:400;color:var(--color-text-primary);line-height:1.1;margin:0;letter-spacing:-.01em}@media (max-width: 640px){.listing-hero__title{font-size:32px}}.listing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--color-border-light)}@media (max-width: 768px){.listing-toolbar{flex-direction:column;align-items:flex-start;gap:12px}}.listing-toolbar__filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--color-border);border-radius:100px;background:transparent;font-size:12px;font-family:var(--font-family-primary);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.filter-pill:hover{border-color:var(--color-text-secondary)}.filter-pill--icon svg{width:13px;height:13px;flex-shrink:0}.listing-toolbar__right{display:flex;align-items:center;gap:16px;flex-shrink:0}.listing-toolbar__count{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.listing-toolbar__sort{display:flex;align-items:center;gap:6px}.listing-toolbar__sort-label{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.listing-toolbar__sort-select{padding:5px 10px;border:none;background:transparent;font-size:13px;font-family:var(--font-family-primary);font-weight:500;color:var(--color-text-primary);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.product-listing-empty{text-align:center;padding:64px 24px}.product-listing-empty-message{font-size:15px;color:var(--color-text-secondary)}.design-studio{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-xl)}.design-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.design-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.design-header-content{text-align:center;flex:1}.design-header-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.design-header-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.design-credits-container{display:flex;gap:var(--spacing-sm, 8px);align-items:flex-start}.design-credit-indicator{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-secondary, #f5f5f5);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e0e0e0);min-width:100px}.design-store-credit{background-color:#f0fdf4;border-color:#86efac}.design-store-credit .design-credit-icon,.design-store-credit .design-credit-amount{color:#16a34a}.design-credit-balance{display:flex;align-items:center;gap:var(--spacing-xs)}.design-credit-icon{width:18px;height:18px;color:var(--color-primary, #6366f1)}.design-credit-amount{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #1a1a1a)}.design-credit-label{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #666)}.design-credit-buy-link{font-size:var(--font-size-xs, .75rem);color:var(--color-primary, #6366f1);text-decoration:none;font-weight:var(--font-weight-medium, 500)}.design-credit-buy-link:hover{text-decoration:underline}@media (max-width: 768px){.design-header{flex-direction:column;align-items:center}.design-credits-container{justify-content:center}.design-credit-indicator{align-items:center;min-width:auto}}.design-settings-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.design-settings-header{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.design-settings-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.design-preview-panel{position:sticky;top:96px;height:fit-content}.design-preview-header{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.design-preview-container{background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);overflow:hidden}.design-preview-container:has(.design-preview-3d),.design-preview-container:has(.design-preview-canvas-container){padding:0}.design-preview-canvas-container{width:100%;height:700px;position:relative;display:flex;align-items:center;justify-content:center;background-color:#5a5a5a}.design-preview-empty{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.design-preview-empty-icon{width:96px;height:96px;color:var(--color-text-light);margin:0 auto var(--spacing-md)}.design-preview-empty-text{text-align:center;color:var(--color-text-light)}.design-preview-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.design-preview-3d{height:700px;border-radius:var(--border-radius-lg);overflow:hidden}.design-preview-image-container{padding:var(--spacing-xl)}.design-preview-template-overlay{background-color:#2a2a2a;padding:var(--spacing-xl);display:flex;align-items:center;justify-content:center;min-height:500px}.design-preview-image-wrapper{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);overflow:hidden}.design-preview-image{width:100%;height:100%;object-fit:contain}.design-preview-caption{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.design-nav-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.design-nav-buttons .btn{flex:1}.design-info-box{padding:var(--spacing-md);border-radius:var(--border-radius-lg);margin-top:var(--spacing-md)}.design-info-box-blue{background-color:#2563eb0d;border:1px solid rgba(37,99,235,.2)}.design-info-box-green{background-color:#22c55e0d;border:1px solid rgba(34,197,94,.2)}.design-info-box-yellow{background-color:#f59e0b0d;border:1px solid rgba(245,158,11,.2)}.design-info-box-title{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.design-info-box-blue .design-info-box-title{color:#1e3a8a}.design-info-box-green .design-info-box-title{color:#14532d}.design-info-box-yellow .design-info-box-title{color:#78350f}.design-info-box-content{font-size:var(--font-size-sm)}.design-info-box-blue .design-info-box-content{color:#1e40af}.design-info-box-green .design-info-box-content{color:#15803d}.design-info-box-yellow .design-info-box-content{color:#92400e}.design-info-box-list{list-style:none;padding:0;margin:0}.design-info-box-list li{margin-bottom:var(--spacing-xs)}.design-pricing-box{padding:var(--spacing-md);background-color:#2563eb0d;border:1px solid rgba(37,99,235,.2);border-radius:var(--border-radius-lg);margin-top:var(--spacing-lg)}.design-pricing-title{font-weight:var(--font-weight-bold);color:#1e3a8a;margin-bottom:var(--spacing-sm)}.design-pricing-amount{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#1e3a8a}.design-pricing-note{font-size:var(--font-size-xs);color:#2563eb;margin-top:var(--spacing-xs)}.design-pricing-breakdown{margin-top:var(--spacing-sm)}.design-pricing-breakdown summary{font-size:var(--font-size-sm);color:#1e40af;cursor:pointer;transition:var(--transition-base)}.design-pricing-breakdown summary:hover{text-decoration:underline}.design-pricing-breakdown pre{font-size:var(--font-size-xs);color:#1e40af;margin-top:var(--spacing-sm);white-space:pre-wrap;font-family:var(--font-family-primary)}.composite-preview{margin-bottom:var(--spacing-lg)}.composite-preview-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.composite-preview-container{border:2px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;background-color:var(--color-bg-primary)}.composite-preview-image{width:100%;height:auto;max-height:300px;object-fit:contain}.design-success-box{padding:var(--spacing-md);background-color:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.design-success-title{font-weight:var(--font-weight-semibold);color:#14532d;margin-bottom:var(--spacing-sm)}.design-success-message{font-size:var(--font-size-sm);color:#15803d}@media (max-width: 1024px){.design-studio-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.design-preview-panel{position:static}.design-preview-3d,.design-preview-canvas-container{height:550px}}@media (max-width: 768px){.design-studio{padding:var(--spacing-md)}.design-header-title{font-size:var(--font-size-3xl)}.design-nav-buttons{flex-direction:column}.design-nav-buttons .btn{width:100%}}body:has(.design-page) footer.footer{display:none}.design-page{flex:1;min-height:0;display:flex;flex-direction:column}.design-progress-bar{flex-shrink:0;border-bottom:1px solid var(--color-border, #EDE8E3)}.design-step-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.design-canvas-layout{flex:1;min-height:0;display:flex;overflow:hidden}.design-canvas-area{flex:1;min-width:0;min-height:0;position:relative;background-color:var(--color-bg-secondary, #f5f5f5)}.canvas-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.design-side-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-md);border-left:1px solid var(--color-border, #EDE8E3);background-color:var(--color-bg-primary, #fff)}.design-side-panel__nav{margin-top:auto;display:flex;gap:var(--spacing-sm)}.design-finalize{flex:1;display:flex;justify-content:center;overflow-y:auto;padding:var(--spacing-xl)}.design-finalize__inner{max-width:700px;width:100%}@media (max-width: 767px){.design-canvas-layout{flex-direction:column}.design-canvas-area{min-height:50vh;flex:none}.design-side-panel{width:100%;border-left:none;border-top:1px solid var(--color-border, #EDE8E3)}.design-progress-bar{padding:var(--spacing-sm) var(--spacing-md)}.design-finalize{padding:var(--spacing-md)}}@media (min-width: 768px) and (max-width: 1023px){.design-side-panel{width:280px}}.auth-page{min-height:calc(100vh - var(--header-total-height));display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-md);background-color:var(--color-bg-primary)}.auth-container{max-width:480px;width:100%}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-primary)}.auth-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.auth-description-email{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.auth-tabs{display:flex;margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border)}.auth-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:var(--transition-fast)}.auth-tab:hover{color:var(--color-text-primary)}.auth-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}@media (max-width: 480px){.auth-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.auth-card{background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.auth-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.auth-form-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);transition:var(--transition-base);outline:none}.auth-form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1e25251a}.auth-form-input::placeholder{color:var(--color-text-light)}.auth-form-input-otp{text-align:center;font-size:var(--font-size-2xl);letter-spacing:.25em;font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.auth-form-hint{font-size:var(--font-size-xs);color:var(--color-text-light);text-align:center;margin-top:var(--spacing-xs)}.auth-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-bg-primary);background-color:var(--color-accent);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);text-align:center}.auth-button:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-button)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.auth-alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error-text)}.auth-alert-success{background-color:#27ae601a;border:1px solid var(--color-success);color:var(--color-success)}.auth-info{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-accent);text-decoration:underline;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.auth-link:hover{opacity:.8}.auth-footer-text{margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-light);line-height:1.6}.auth-back-link{display:block;margin-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:none;transition:var(--transition-fast)}.auth-back-link:hover{color:var(--color-text-secondary)}.auth-checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;line-height:1.5}.auth-checkbox{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--color-accent);cursor:pointer}.auth-checkbox-label span{-webkit-user-select:none;user-select:none}.auth-checkbox-label .auth-link{font-size:inherit}@media (max-width: 768px){.auth-page{padding:var(--spacing-xl) var(--spacing-md)}.auth-title{font-size:var(--font-size-2xl)}.auth-card{padding:var(--spacing-xl)}}@media (max-width: 480px){.auth-page{padding:var(--spacing-lg) var(--spacing-md)}.auth-title{font-size:var(--font-size-xl)}.auth-card{padding:var(--spacing-lg)}}.account-page{min-height:calc(100vh - var(--header-total-height));background-color:var(--color-bg-secondary);padding:var(--spacing-2xl) 0}.account-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.account-container-narrow{max-width:768px;margin:0 auto;padding:0 var(--spacing-lg)}.account-container-wide{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}.account-page-header{margin-bottom:var(--spacing-2xl)}.account-back-link{display:inline-flex;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);transition:var(--transition-fast);text-decoration:none}.account-back-link:hover{color:var(--color-text-primary)}.account-back-link svg{width:20px;height:20px;margin-right:var(--spacing-sm)}.account-page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-primary)}.account-page-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.account-card{background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.account-card-section{padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border)}.account-card-section:first-child{padding-top:0;border-top:none}.account-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.account-quick-links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.account-quick-link{display:block;background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-decoration:none;transition:var(--transition-base)}.account-quick-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card)}.account-quick-link-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.account-quick-link-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.account-info-grid{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.account-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.account-info-value{font-size:var(--font-size-base);color:var(--color-text-primary)}.account-status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) 10px;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.account-status-badge svg{width:20px;height:20px;margin-right:var(--spacing-sm)}.account-status-verified{background-color:#27ae601a;color:#27ae60}.account-status-pending{background-color:#f39c121a;color:#f39c12}.badge-yellow{background-color:#fef3c7;color:#92400e}.badge-green{background-color:#d1fae5;color:#065f46}.badge-blue{background-color:#dbeafe;color:#1e40af}.badge-purple{background-color:#ede9fe;color:#5b21b6}.badge-red{background-color:#fee2e2;color:#991b1b}.badge-gray{background-color:#f3f4f6;color:#374151}.account-alert{padding:var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);display:flex;align-items:center}.account-alert svg{width:20px;height:20px;margin-right:var(--spacing-sm);flex-shrink:0}.account-alert-success{background-color:#27ae601a;border:1px solid var(--color-success);color:#27ae60}.account-alert-error{background-color:var(--color-error-bg);border:1px solid var(--color-error);color:var(--color-error-text)}.account-alert-text{font-weight:var(--font-weight-medium)}.account-alert-link{text-decoration:underline;font-weight:var(--font-weight-bold);margin-left:var(--spacing-xs)}.account-form{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.account-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.account-form-grid-full{grid-column:1 / -1}.account-form-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-form-actions{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.account-checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-checkbox-label{display:flex;align-items:flex-start;cursor:pointer}.account-checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-base);accent-color:var(--color-accent)}.account-checkbox-label input[type=checkbox]:focus{outline:2px solid var(--color-accent);outline-offset:2px}.account-checkbox-text{margin-left:var(--spacing-md);flex:1}.account-checkbox-title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block;margin-bottom:2px}.account-checkbox-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block}.btn-account-primary{padding:12px var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-bold);background-color:#2563eb;color:#fff;border:none;cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-base)}.btn-account-primary:hover:not(:disabled){opacity:.9}.btn-account-primary:disabled{opacity:.5;cursor:not-allowed}.btn-account-secondary{padding:12px var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);background-color:transparent;color:var(--color-text-primary);border:none;cursor:pointer;transition:var(--transition-fast);font-size:var(--font-size-base)}.btn-account-secondary:hover{color:var(--color-text-secondary)}.btn-account-outline{padding:12px var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-bold);background-color:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid var(--color-border);cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-base);text-decoration:none;display:inline-block;text-align:center}.btn-account-outline:hover{border-color:var(--color-text-light)}.btn-account-danger{padding:12px var(--spacing-lg);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-bold);background-color:var(--color-bg-primary);color:#dc2626;border:2px solid #FECACA;cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-base)}.btn-account-danger:hover:not(:disabled){border-color:#dc2626}.btn-account-danger:disabled{opacity:.5;cursor:not-allowed}.account-orders-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-order-card{background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-base)}.account-order-card:hover{box-shadow:var(--shadow-card-hover)}.account-order-header{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.account-order-header-info{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.account-order-header-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-order-header-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.account-order-header-value{font-size:var(--font-size-base);color:var(--color-text-primary)}.account-order-header-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.account-order-header-badges{display:flex;align-items:center;gap:var(--spacing-sm)}.account-order-body{padding:var(--spacing-lg)}.account-order-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-order-item{display:flex;align-items:center;gap:var(--spacing-md)}.account-order-item-image{width:64px;height:64px;object-fit:cover;border-radius:var(--border-radius-lg);border:1px solid var(--color-border)}.account-order-item-details{flex:1}.account-order-item-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.account-order-item-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.account-order-shipping{padding:var(--spacing-lg);background-color:#dbeafe;border-top:1px solid #93C5FD;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.account-order-shipping svg{width:20px;height:20px;color:#1e40af;flex-shrink:0}.account-order-shipping-text{flex:1;color:#1e3a8a}.account-order-shipping-date{font-weight:var(--font-weight-medium);color:#1e3a8a}.account-order-shipping-tracking{color:#1e3a8a}.account-order-shipping-number{font-family:Courier New,monospace;font-weight:var(--font-weight-medium)}.account-order-footer{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.account-order-footer-links{display:flex;gap:var(--spacing-md)}.account-order-link{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:underline;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.account-order-link:hover{opacity:.8}.account-order-track-link{display:inline-flex;align-items:center;font-size:var(--font-size-sm);color:#2563eb;text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.account-order-track-link:hover{color:#1d4ed8}.account-order-track-link svg{width:16px;height:16px;margin-left:var(--spacing-xs)}.account-designs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.account-design-card{background-color:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-base)}.account-design-card:hover{box-shadow:var(--shadow-card-hover)}.account-design-card.deleting{opacity:.5}.account-design-preview{aspect-ratio:1 / 1;background-color:var(--color-bg-secondary);overflow:hidden}.account-design-preview img{width:100%;height:100%;object-fit:cover}.account-design-info{padding:var(--spacing-md)}.account-design-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-design-specs{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.account-design-specs p{margin:0}.account-design-spec-label{font-weight:var(--font-weight-medium)}.account-design-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.account-design-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-design-actions-row{display:flex;gap:var(--spacing-sm)}.account-design-actions-row>*{flex:1}.account-design-timestamp{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-md)}.account-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.account-empty-icon{width:96px;height:96px;margin:0 auto var(--spacing-lg);color:var(--color-text-light)}.account-empty-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--border-radius-round);background-color:var(--color-bg-secondary);margin:0 auto var(--spacing-lg)}.account-empty-icon-circle svg{width:48px;height:48px;color:var(--color-text-light)}.account-empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.account-empty-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.account-empty-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.account-profile-image-section{display:flex;align-items:center;gap:var(--spacing-md)}.account-profile-avatar{width:80px;height:80px;border-radius:var(--border-radius-round);background-color:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.account-profile-image-actions{display:flex;flex-direction:column;gap:var(--spacing-xs)}.account-profile-image-note{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 1024px){.account-designs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.account-page{padding:var(--spacing-xl) 0}.account-card{padding:var(--spacing-xl)}.account-quick-links,.account-form-grid{grid-template-columns:1fr}.account-order-header{flex-direction:column;align-items:flex-start}.account-order-header-info{width:100%}.account-order-footer{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.account-designs-grid{grid-template-columns:1fr}.account-form-actions{flex-direction:column-reverse;gap:var(--spacing-md)}.account-form-actions>*{width:100%;text-align:center}}@media (max-width: 640px){.account-container,.account-container-narrow,.account-container-wide{padding:0 var(--spacing-md)}.account-page-title{font-size:var(--font-size-2xl)}.account-card{padding:var(--spacing-lg)}.account-order-header-info{flex-direction:column;gap:var(--spacing-md)}}.deferred-image{opacity:0;transition:opacity .3s ease-in-out}.deferred-image.loaded{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.fade-in{animation:fadeIn var(--transition-base)}.fade-out{animation:fadeOut var(--transition-base)}.slide-in-left{animation:slideInLeft var(--transition-base)}.slide-in-right{animation:slideInRight var(--transition-base)}.transition-fast{transition:var(--transition-fast)}.transition-base{transition:var(--transition-base)}.transition-slow{transition:var(--transition-slow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-bg{0%,to{background-color:#1e40af0d}50%{background-color:#1e40af1f}}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.container-main{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.container-narrow{max-width:800px;margin:0 auto;padding:0 var(--spacing-lg)}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width: 640px){.container-main,.container-narrow,.container-wide{padding:0 var(--spacing-md)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;justify-content:flex-start;align-items:center}.flex-end{display:flex;justify-content:flex-end;align-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.gap-3xl{gap:var(--spacing-3xl)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-full{top:100%}.left-0{left:0}.right-0{right:0}.inset-0{top:0;right:0;bottom:0;left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.w-full{width:100%}.h-full{height:100%}.w-5{width:20px}.h-5{height:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.m-auto{margin:auto}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mt-3xl{margin-top:var(--spacing-3xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.-ml-1{margin-left:-4px}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mt-2{margin-top:8px}.mx-auto{margin-left:auto;margin-right:auto}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-2{padding:8px}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pt-2xl{padding-top:var(--spacing-2xl)}.pt-3xl{padding-top:var(--spacing-3xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.pb-3xl{padding-bottom:var(--spacing-3xl)}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pl-lg{padding-left:var(--spacing-lg)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pr-lg{padding-right:var(--spacing-lg)}.pr-xl{padding-right:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.py-3xl{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.space-x-xs>*+*{margin-left:var(--spacing-xs)}.space-x-sm>*+*{margin-left:var(--spacing-sm)}.space-x-md>*+*{margin-left:var(--spacing-md)}.space-x-lg>*+*{margin-left:var(--spacing-lg)}.space-y-xs>*+*{margin-top:var(--spacing-xs)}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.space-y-md>*+*{margin-top:var(--spacing-md)}.space-y-lg>*+*{margin-top:var(--spacing-lg)}.space-y-xl>*+*{margin-top:var(--spacing-xl)}.text-white{color:#fff}.text-red-600{color:#dc2626}.text-red-800{color:#991b1b}.bg-red-50{background-color:#fef2f2}.border-red-200{border-color:#fecaca}.border{border-width:1px;border-style:solid}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.text-xs{font-size:12px}.text-sm{font-size:14px}