@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@500;600;700;800&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-subtle:#f1f5f9;--bg-card:#fff;--bg-input:#f8fafc;--bg-hover:#f1f5f9;--border-light:#e2e8f0;--border-subtle:#cbd5e1;--border-focus:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-white:#fff;--accent-blue:#2563eb;--accent-blue-hover:#1d4ed8;--accent-blue-subtle:#eff6ff;--accent-indigo:#4f46e5;--accent-purple:#7c3aed;--accent-emerald:#059669;--accent-amber:#d97706;--accent-rose:#e11d48;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--shadow-canvas:0 20px 40px -10px #0f172a26, 0 0 1px 1px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--sidebar-tabs-w:78px;--drawer-w:360px;--topbar-h:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:-.011em;height:100vh;overflow:hidden}button,input,select,textarea{font-family:inherit}.flash-sale-banner{color:#fff;text-align:center;z-index:50;background:linear-gradient(90deg,#2563eb,#4f46e5,#7c3aed,#db2777);justify-content:center;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px #2563eb40}.flash-sale-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:14px;transition:opacity .15s;position:absolute;right:16px}.flash-sale-close:hover{opacity:1}.app-header{height:var(--topbar-h);border-bottom:1px solid var(--border-light);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:0 24px;display:flex;box-shadow:0 1px 3px #0000000a}.app-header.home-mode .header-center-info,.app-header.home-mode .view-options-toggles,.app-header.home-mode #btn-undo,.app-header.home-mode #btn-redo,.app-header.home-mode #btn-new-design,.app-header.home-mode #btn-finish-editing{display:none!important}.app-header.home-mode{padding:0 36px}.header-left{align-items:center;gap:12px;display:flex}.header-right{align-items:center;gap:10px;display:flex}.brand-logo-wrap{cursor:pointer;border-radius:var(--radius-md);align-items:center;padding:4px 6px;transition:background-color .15s;display:flex}.brand-logo-wrap:hover{background-color:var(--bg-surface-subtle)}.brand-logo-wrap img{display:none}.brand-text-logo{letter-spacing:.06em;color:#0f172a;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:800;line-height:1;display:inline-flex}.brand-text-logo-modal{letter-spacing:.08em;color:#0f172a;text-transform:uppercase;text-align:center;-webkit-user-select:none;user-select:none;margin:0 auto 12px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:800;display:block}.brand-text-logo-hero{letter-spacing:.08em;color:#0f172a;text-transform:uppercase;text-align:center;-webkit-user-select:none;user-select:none;margin-bottom:14px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:900;display:block}.brand-text-logo-sm{letter-spacing:.05em;color:#0f172a;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:800}.header-center-info{border-radius:var(--radius-full);border:1px solid var(--border-light);background:#f8fafc;align-items:center;gap:10px;padding:4px 14px;display:flex}.dim-tag{color:var(--text-primary);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.price-box{align-items:center;gap:8px;display:flex}.price-strike{color:var(--text-muted);font-size:13px;text-decoration:line-through}.price-active{color:var(--accent-blue);font-size:15px;font-weight:800}.badge-sale{color:#dc2626;text-transform:uppercase;border-radius:var(--radius-full);background:#fef2f2;border:1px solid #fecaca;padding:2px 7px;font-size:10.5px;font-weight:800}.autosave-badge{color:#16a34a;border-radius:var(--radius-full);background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.undo-redo-group{align-items:center;gap:4px;display:flex}.icon-btn{background:var(--bg-surface-subtle);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.icon-btn:hover{background:var(--bg-app);color:var(--text-primary);border-color:var(--border-subtle);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.user-profile-chip{background:var(--bg-surface-subtle);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;color:var(--text-primary);align-items:center;gap:7px;padding:4px 10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.user-profile-chip:hover{border-color:var(--border-subtle);background:#e2e8f0}.user-avatar-icon{color:#2563eb;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.account-menu-wrapper{position:relative}.account-dropdown-menu{border:1px solid var(--border-light);width:220px;box-shadow:var(--shadow-xl);z-index:100;background:#fff;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.account-dropdown-menu.hidden{display:none}.account-dropdown-header strong{color:var(--text-primary);margin-top:2px;font-size:13.5px;display:block}.dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--bg-surface-subtle)}.btn-primary-finish{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;align-items:center;gap:8px;padding:9px 22px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb59}.btn-primary-finish:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-header-preview{color:#2563eb;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #bfdbfe;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.2,.9,.3,1.1);display:inline-flex;box-shadow:0 1px 3px #2563eb14}.btn-header-preview svg{stroke:currentColor;flex-shrink:0;width:15px;min-width:15px;height:15px;min-height:15px;transition:transform .2s}.btn-header-preview:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb26}.btn-header-preview:hover svg{transform:scale(1.1)}.btn-header-preview.active{color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb);border-color:#1e40af;box-shadow:0 3px 10px #2563eb4d}.btn-header-preview.active svg{stroke:currentColor}#home-view{height:calc(100vh - var(--topbar-h) - 34px);min-height:calc(100vh - var(--topbar-h) - 34px);max-height:calc(100vh - var(--topbar-h) - 34px);box-sizing:border-box;background:radial-gradient(circle at 50% 15%,#f8faff 0%,#fff 85%);flex-direction:column;justify-content:space-evenly;align-items:center;padding:8px 20px;display:flex;overflow-y:auto}.home-hero-container{flex:1;justify-content:center;align-items:center;gap:28px;width:100%;max-width:1440px;min-height:0;margin:0 auto;display:flex}.home-hero-side{flex:1.1;align-items:center;max-width:440px;display:flex}.home-hero-left{justify-content:flex-end}.home-hero-right{justify-content:flex-start}.hero-showcase-img{object-fit:contain;filter:drop-shadow(0 16px 32px #00000017);width:100%;max-width:420px;height:auto;max-height:min(440px,52vh);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hero-showcase-img:hover{transform:scale(1.04)}.home-hero-center{text-align:center;flex-direction:column;flex:1.2;align-items:center;max-width:440px;padding:0 8px;display:flex}.home-hero-kicker{letter-spacing:.14em;color:#64748b;text-transform:uppercase;margin-bottom:3px;font-family:Outfit,Inter,sans-serif;font-size:11px;font-weight:800}.home-hero-title{letter-spacing:-1px;color:#0f172a;margin-bottom:6px;font-family:Outfit,Inter,sans-serif;font-size:40px;font-weight:900;line-height:1.05}.home-hero-title span{background:linear-gradient(135deg,#6366f1 10%,#a855f7 50%,#ec4899 90%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-hero-sub{color:#64748b;text-align:center;max-width:400px;margin-bottom:12px;font-size:13px;line-height:1.45}.home-card-action{cursor:pointer;box-sizing:border-box;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:16px 20px 14px;transition:all .25s;display:flex;box-shadow:0 4px 18px -2px #0f172a0d}.home-card-action:hover,.home-card-action.drag-active{background:#f8faff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 12px 28px -4px #2563eb26}.home-card-icon-circle{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:8px;display:flex;box-shadow:inset 0 2px 4px #2563eb14}.home-card-icon-circle svg{width:22px;height:22px}.home-upload-title{color:#0f172a;margin-bottom:2px;font-size:16px;font-weight:800}.home-upload-sub{color:#64748b;margin-bottom:2px;font-size:12px}.home-upload-formats{color:#94a3b8;margin-bottom:10px;font-size:10.5px}.btn-choose-photo{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:8px 22px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.btn-choose-photo:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.btn-choose-photo:active{transform:translateY(0)}.home-features-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:1040px;margin-top:auto;margin-bottom:8px;display:flex}.home-feature-pill{color:#334155;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:inline-flex}.feature-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.feature-icon-badge svg{width:15px;height:15px}.feature-icon-badge.badge-pink{color:#db2777;background:#fdf2f8}.feature-icon-badge.badge-blue{color:#2563eb;background:#eff6ff}.feature-icon-badge.badge-green{color:#059669;background:#ecfdf5}.feature-icon-badge.badge-purple{color:#7c3aed;background:#f5f3ff}@media (width<=960px) and (width>=769px){.home-hero-container{flex-direction:column;gap:18px}.home-hero-side{max-width:260px}.home-hero-left{order:2}.home-hero-right{order:3}.home-hero-center{order:1;max-width:440px}.home-features-row{gap:16px}}@media (width<=768px){#home-view{-webkit-overflow-scrolling:touch!important;height:auto!important;min-height:calc(100dvh - 52px)!important;max-height:none!important;padding:14px 12px calc(24px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;display:flex!important;overflow-y:auto!important}.home-hero-container{flex:none!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"center center""left right"!important;align-items:center!important;gap:16px 12px!important;width:100%!important;max-width:480px!important;min-height:auto!important;margin:0 auto!important;display:grid!important}.home-hero-center{text-align:center!important;flex-direction:column!important;order:1!important;grid-area:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:0 4px!important;display:flex!important}.home-hero-kicker{letter-spacing:.12em!important;margin-bottom:2px!important;font-size:10.5px!important}.home-hero-title{letter-spacing:-.5px!important;margin-bottom:4px!important;font-size:28px!important;line-height:1.1!important}.home-hero-sub{color:#64748b!important;max-width:330px!important;margin:0 auto 12px!important;font-size:12px!important;line-height:1.4!important}.home-card-action{background:#fff!important;border-radius:18px!important;width:100%!important;max-width:100%!important;padding:16px 14px 14px!important;box-shadow:0 4px 18px -2px #0f172a14!important}.home-card-icon-circle{width:42px!important;height:42px!important;margin-bottom:6px!important}.home-card-icon-circle svg{width:20px!important;height:20px!important}.home-upload-title{margin-bottom:2px!important;font-size:16px!important;font-weight:800!important}.home-upload-sub{color:#64748b!important;margin-bottom:2px!important;font-size:12px!important}.home-upload-formats{color:#94a3b8!important;margin-bottom:10px!important;font-size:10px!important}.btn-choose-photo{border-radius:9999px!important;width:100%!important;max-width:220px!important;min-height:44px!important;padding:10px 20px!important;font-size:14px!important}.home-hero-left{grid-area:left!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:0!important;display:flex!important}.home-hero-right{grid-area:right!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:100%!important;padding:0!important;display:flex!important}.hero-showcase-img{object-fit:contain!important;filter:drop-shadow(0 8px 20px #00000014)!important;width:100%!important;max-width:215px!important;height:auto!important;max-height:235px!important}.home-features-row{margin-top:auto!important;margin-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;border-top:1px solid #e2e8f0!important;flex:none!important;grid-template-columns:1fr 1fr!important;gap:8px 10px!important;width:100%!important;max-width:480px!important;padding:14px 4px 6px!important;display:grid!important}.home-feature-pill{color:#334155!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;align-items:center!important;gap:8px!important;width:100%!important;padding:7px 10px!important;font-size:11.5px!important;font-weight:600!important;display:flex!important;box-shadow:0 1px 3px #0000000a!important}.feature-icon-badge{width:24px!important;height:24px!important}.feature-icon-badge svg{width:13px!important;height:13px!important}}.sample-photos-row{flex-direction:column;align-items:center;gap:14px;margin-top:36px;display:flex}.sample-photos-row span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.sample-presets-list{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sample-preset-btn{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.sample-preset-btn:hover{background:var(--accent-blue-subtle);color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px)}#editor-view{height:calc(100vh - var(--topbar-h) - 34px);background-color:var(--bg-app);display:flex;position:relative;overflow:hidden}.mobile-wizard-bar,.mobile-sheet-top-header{display:none!important}.editor-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-light);z-index:20;flex-direction:column;flex-shrink:0;width:435px;height:100%;display:flex;overflow:hidden}.editor-sidebar-tabs-bar{border-bottom:1px solid var(--border-light);background:var(--bg-surface);scrollbar-width:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:3px;padding:7px 8px;display:flex;position:relative;overflow-x:auto}.editor-sidebar-tabs-bar::-webkit-scrollbar{display:none}.editor-tabs-slider{pointer-events:none;z-index:1;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:9px;transition:transform .28s cubic-bezier(.2,.9,.3,1.1),width .2s,height .2s;position:absolute;top:0;left:0;box-shadow:0 1px 4px #2563eb1f}.tab-btn{z-index:2;min-width:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 3px;font-size:11px;font-weight:700;transition:color .18s;display:inline-flex;position:relative;background:0 0!important}.tab-btn svg{stroke-width:2.2px;width:17px;height:17px}.tab-btn:hover{color:#2563eb}.tab-btn.active{font-weight:800;color:#2563eb!important}.tab-btn.active svg{stroke:#2563eb!important}.editor-steps-header{border-bottom:1px solid var(--border-light);-webkit-user-select:none;user-select:none;background:#f8fafc;flex-shrink:0;padding:6px 10px}.step-nav-bar{background:#e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.step-nav-btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 6px;transition:all .2s cubic-bezier(.2,.9,.3,1.1);display:inline-flex}.step-nav-btn:hover{background:#ffffffbf}.step-nav-btn.active{background:#fff;border-color:#bfdbfe;box-shadow:0 1px 4px #2563eb1f}.step-num{color:#475569;background:#cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.step-nav-btn.active .step-num{color:#fff;background:#2563eb;box-shadow:0 1px 4px #2563eb4d}.step-text{color:#475569;letter-spacing:-.2px;font-size:12px;font-weight:700}.step-nav-btn.active .step-text{color:#1e40af;font-weight:800}.step-opt-badge{text-transform:uppercase;color:#92400e;letter-spacing:.02em;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:0 3px;font-size:8.5px;font-weight:800;line-height:13px}.editor-subtools-wrapper{border-bottom:1px solid var(--border-light);background:#fff;flex-shrink:0;padding:6px 12px}.step-subtools-bar{align-items:center;gap:6px;width:100%;display:flex}.step-subtools-bar.hidden,#subtools-step-1.hidden,#subtools-step-2.hidden,#subtools-step-3.hidden{display:none!important}#subtools-step-1:not(.hidden){grid-template-columns:1fr 1fr;gap:6px;display:grid}#subtools-step-2:not(.hidden){width:100%;display:block}#subtools-step-2:not(.hidden) .step-subtools-row{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}#subtools-step-3:not(.hidden){grid-template-columns:1fr 1fr;gap:6px;display:grid}.subtool-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:7px 8px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex;background:#f8fafc!important;border:1px solid #e2e8f0!important}.subtool-tab-btn svg{stroke-width:2.2px;width:14px;height:14px}.subtool-tab-btn:hover{color:#2563eb;background:#eff6ff!important;border-color:#bfdbfe!important}.subtool-tab-btn.active{font-weight:800;box-shadow:0 1px 3px #2563eb1a;color:#2563eb!important;background:#eff6ff!important;border-color:#93c5fd!important}.subtool-tab-btn.active svg{stroke:#2563eb!important}.step-optional-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:7px 10px;font-size:11.5px;line-height:1.4;display:flex}.step-opt-icon{flex-shrink:0;font-size:13px}.step-opt-text{flex:1}.btn-inline-skip-step3{color:#2563eb;cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0;font-size:11.5px;font-weight:700;text-decoration:underline}.btn-inline-skip-step3:hover{color:#1d4ed8}.step-pane-footer{-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border-light);z-index:20;background:#fffffff5;align-items:center;gap:8px;margin-top:auto;padding:10px 14px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -3px 10px #00000008}.btn-step-action{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.btn-step-primary{color:#fff;background:#2563eb;box-shadow:0 2px 6px #2563eb40}.btn-step-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb59}.btn-step-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.btn-step-secondary:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.floating-zoom-sep{background:#fff3;width:1px;height:18px;margin:0 4px}.floating-zoom-preview-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.floating-zoom-preview-btn:hover{background:#1d4ed8;transform:scale(1.04)}.floating-zoom-preview-btn.active{background:#10b981}.editor-sidebar-content,.editor-controls-drawer{flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer-header{border-bottom:1px solid #0000;padding:12px 16px 8px}.drawer-title-row{justify-content:space-between;align-items:center;width:100%;display:flex}.drawer-header h2{color:var(--text-primary);letter-spacing:-.3px;align-items:center;gap:5px;margin:0;font-size:15px;font-weight:800;display:flex}.info-help-btn{border:1px solid var(--border-subtle);width:16px;height:16px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:10.5px;display:inline-flex}.btn-sidebar-undo{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sidebar-undo:hover{color:var(--accent-blue);background:var(--bg-surface-subtle)}.tab-pane{flex-direction:column;gap:12px;min-height:100%;padding:12px 14px 20px;display:none;position:relative}.tab-pane.active{display:flex}.size-types-bar{-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;display:grid;position:relative}.size-types-slider{pointer-events:none;z-index:1;background:#fff;border:1px solid #0000000a;border-radius:7px;transition:transform .28s cubic-bezier(.2,.9,.3,1.1),width .2s,height .2s;position:absolute;top:0;left:0;box-shadow:0 1px 4px #0f172a14}.size-type-btn{z-index:2;color:#64748b;cursor:pointer;border:none;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:42px;padding:6px 2px;font-size:11.5px;font-weight:700;transition:color .18s;display:inline-flex;position:relative;background:0 0!important}.size-type-btn svg{stroke:currentColor;flex-shrink:0;width:14px;height:14px;transition:transform .2s,stroke .2s}.size-type-btn:hover{color:#2563eb}.size-type-btn.active{font-weight:800;color:#2563eb!important}.size-type-btn.active svg{stroke:#2563eb;transform:scale(1.08)}.size-cards-grid,#size-cards-container,#size-modal-cards-container{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;display:grid}.size-card{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px 10px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.size-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 6px 14px #2563eb14}.size-card.selected{background:#f8faff!important;border-color:#2563eb!important;box-shadow:0 0 0 1.5px #2563eb,0 4px 12px #2563eb1f!important}.size-badge-save{color:#fff;letter-spacing:.2px;background:#2563eb;border-radius:9999px;padding:2px 6px;font-size:9px;font-weight:800;line-height:1.2;position:absolute;top:6px;right:6px}.size-card-illustration{justify-content:center;align-items:center;width:100%;height:44px;margin-bottom:5px;transition:transform .2s;display:flex}.size-card:hover .size-card-illustration{transform:scale(1.06)}.brickme-plate-icon{color:#64748b;width:auto;max-height:40px;display:block}.size-card:hover .brickme-plate-icon{color:#334155}.size-card.selected .brickme-plate-icon{color:#2563eb}.size-card-title{color:#0f172a;letter-spacing:-.2px;margin-bottom:2px;font-size:13px;font-weight:800;line-height:1.25}.size-card-sub{color:#64748b;font-size:11px;font-weight:600}.size-card-sub .price-orig{color:#94a3b8;margin-right:3px;font-size:10.5px;text-decoration:line-through}.size-card-sub .price-sale{color:#2563eb;font-weight:700}.size-select-dialog{overflow:hidden;background:#fff!important;border-radius:18px!important;width:94%!important;max-width:820px!important;box-shadow:0 25px 50px -12px #0f172a40!important}.size-select-dialog{overflow:hidden;background:#fff!important;border-radius:18px!important;width:94%!important;max-width:900px!important;max-height:94vh!important;box-shadow:0 25px 60px -15px #0f172a4d!important}.size-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding:12px 22px!important;display:flex!important}.size-modal-header-left{align-items:center;gap:12px;display:flex}.size-modal-grid-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.size-modal-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-family:Outfit,Inter,sans-serif;font-size:18px;font-weight:800}.size-modal-sub{color:#64748b;margin:1px 0 0;font-size:12px}.size-modal-body{max-height:74vh!important;padding:12px 22px!important;overflow-y:auto!important}.size-modal-photo-strip{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:6px 14px;display:flex}.size-modal-strip-left{align-items:center;gap:10px;display:flex}.size-modal-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:38px;height:38px;box-shadow:0 1px 3px #0000000d}.size-modal-upload-badge{color:#0f172a;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:flex}.btn-change-photo{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-change-photo:hover{color:#2563eb;background:#f8faff;border-color:#2563eb}.size-modal-format-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px;display:grid}.format-tab-card{text-align:center;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px 6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.format-tab-card:hover{background:#f8faff;border-color:#93c5fd}.format-tab-card.active{background:#fff!important;border:2px solid #2563eb!important;box-shadow:0 4px 12px #2563eb14!important}.format-tab-card svg{color:#64748b;width:16px;height:16px;margin-bottom:2px;transition:color .15s}.format-tab-card.active svg{color:#2563eb}.format-tab-card .tab-card-title{color:#1e293b;font-size:12.5px;font-weight:800;line-height:1.2}.format-tab-card.active .tab-card-title{color:#2563eb}.format-tab-card .tab-card-sub{color:#64748b;margin-top:1px;font-size:10px}.size-modal-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.modal-size-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.modal-size-card:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb12}.modal-size-card.selected{background:#fff!important;border:2px solid #2563eb!important;box-shadow:0 0 0 1px #2563eb,0 8px 24px #2563eb1f!important}.size-card-recommended-tag{color:#fff;letter-spacing:.04em;z-index:2;background:#2563eb;border-radius:0 0 7px;align-items:center;gap:3px;padding:2px 8px 2px 7px;font-size:9.5px;font-weight:800;display:inline-flex;position:absolute;top:0;left:0}.modal-size-plate-wrap{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal-size-details{flex-direction:column;flex:1;min-width:0;display:flex}.modal-size-row-top{justify-content:space-between;align-items:center;margin-bottom:1px;display:flex}.modal-size-title{color:#0f172a;font-size:15px;font-weight:800}.modal-size-discount{color:#ef4444;letter-spacing:.02em;background:#fee2e2;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800}.modal-size-bricks{color:#64748b;margin-bottom:2px;font-size:11.5px;font-weight:500}.modal-size-person{color:#64748b;align-items:center;gap:4px;margin-bottom:1px;font-size:11px;display:flex}.modal-size-person svg{color:#64748b;flex-shrink:0;width:12px;height:12px}.modal-size-prices{justify-content:flex-end;align-items:baseline;gap:6px;margin-top:1px;display:flex}.modal-size-old-price{color:#94a3b8;font-size:12px;text-decoration:line-through}.modal-size-active-price{color:#2563eb;font-size:17px;font-weight:800}.size-modal-footer{gap:14px;background:#fff!important;border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding:10px 22px!important;display:flex!important}.size-modal-footer-tip{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:8px;max-width:440px;padding:6px 12px;display:flex}.footer-tip-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.footer-tip-text{flex-direction:column;line-height:1.25;display:flex}.footer-tip-text strong{color:#1e3a8a;font-size:12px;font-weight:800}.footer-tip-text span{color:#3b82f6;font-size:11px;font-weight:500}.size-modal-footer-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.size-modal-footer-actions .btn-primary{padding:9px 20px!important;font-size:13.5px!important}.size-modal-footer-actions .btn-secondary{padding:9px 16px!important;font-size:13px!important}@media (width<=680px){#size-select-modal:not(.hidden){z-index:1000!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}#size-select-modal.hidden{display:none!important}.size-select-dialog{background:#fff!important;border-radius:20px 20px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:90dvh!important;max-height:92dvh!important;margin:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 -10px 40px #0f172a40!important}.size-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;display:flex!important}.size-modal-header-left{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.size-modal-grid-icon{border-radius:8px!important;flex-shrink:0!important;width:32px!important;height:32px!important}.size-modal-grid-icon svg{width:18px!important;height:18px!important}.size-modal-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;overflow:hidden!important}.size-modal-sub{color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:1px 0 0!important;font-size:11px!important;overflow:hidden!important}#btn-close-size-modal{color:#64748b!important;cursor:pointer!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;font-size:14px!important;display:flex!important}.size-modal-body{-webkit-overflow-scrolling:touch!important;flex-direction:column!important;flex:auto!important;gap:8px!important;max-height:none!important;padding:10px 12px!important;display:flex!important;overflow-y:auto!important}.size-modal-photo-strip{border-radius:10px!important;flex-shrink:0!important;gap:8px!important;margin-bottom:4px!important;padding:6px 10px!important}.size-modal-thumb{border-radius:6px!important;width:32px!important;height:32px!important}.size-modal-upload-badge{gap:5px!important;font-size:11.5px!important}.size-modal-upload-badge svg{width:16px!important;height:16px!important}.btn-change-photo{white-space:nowrap!important;border-radius:6px!important;gap:4px!important;padding:4px 8px!important;font-size:11px!important}.size-modal-format-tabs{flex-shrink:0!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin-bottom:6px!important;display:grid!important}.format-tab-card{border-radius:8px!important;padding:6px 2px 5px!important}.format-tab-card svg{width:14px!important;height:14px!important;margin-bottom:2px!important}.format-tab-card .tab-card-title{font-size:10.5px!important;line-height:1.15!important}.format-tab-card .tab-card-sub{display:none!important}.size-modal-cards-grid{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.modal-size-card{border-radius:12px!important;gap:12px!important;min-height:58px!important;padding:8px 12px!important}.size-card-recommended-tag{display:none!important}.modal-size-plate-wrap{width:44px!important;height:44px!important}.modal-size-title{font-size:14px!important}.modal-size-discount{padding:1px 5px!important;font-size:9px!important}.modal-size-bricks{margin-bottom:1px!important;font-size:11px!important}.modal-size-person{margin-bottom:0!important;font-size:10.5px!important}.modal-size-person svg{width:11px!important;height:11px!important}.modal-size-old-price{font-size:11px!important}.modal-size-active-price{font-size:15px!important}.custom-size-form{border-radius:10px!important;gap:8px!important;padding:10px!important}.size-modal-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border-top:1px solid #f1f5f9!important;flex-direction:column!important;flex-shrink:0!important;gap:6px!important;display:flex!important}.size-modal-footer-tip{box-sizing:border-box!important;background:#eff6ff!important;border:1px solid #dbeafe!important;border-radius:8px!important;align-items:center!important;gap:8px!important;width:100%!important;padding:6px 10px!important;display:flex!important}.size-modal-footer-tip .footer-tip-icon{flex-shrink:0!important;align-items:center!important;display:flex!important}.size-modal-footer-tip .footer-tip-icon svg{width:15px!important;height:15px!important}.size-modal-footer-tip .footer-tip-text{flex-flow:wrap!important;align-items:center!important;gap:4px!important;line-height:1.25!important;display:flex!important}.size-modal-footer-tip .footer-tip-text strong{color:#1e40af!important;white-space:nowrap!important;font-size:11.5px!important;font-weight:800!important}.size-modal-footer-tip .footer-tip-text span{color:#3b82f6!important;font-size:10.5px!important;font-weight:500!important}.size-modal-footer-actions{gap:8px!important;width:100%!important;display:flex!important}.size-modal-footer-actions .btn-secondary{border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;min-height:44px!important;padding:8px 10px!important;font-size:13px!important;display:flex!important}.size-modal-footer-actions .btn-primary{white-space:nowrap!important;border-radius:10px!important;flex:2!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-height:44px!important;padding:8px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important}}.crop-modal-dialog{background:#fff!important;border:1px solid #e2e8f0e6!important;border-radius:20px!important;flex-direction:column!important;width:92%!important;max-width:740px!important;max-height:94vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 60px -15px #0f172a40,0 0 0 1px #0f172a0d!important}.crop-modal-header{flex-shrink:0;background:#fff!important;border-bottom:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding:13px 20px!important;display:flex!important}.crop-modal-header-left{align-items:center;gap:12px;display:flex}.crop-modal-header-icon{color:#2563eb;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 6px #2563eb1f}.crop-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:17px;font-weight:800;line-height:1.25}.crop-modal-sub{color:#64748b;margin:1px 0 0;font-size:12px}.crop-modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.crop-modal-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.crop-modal-body{flex:auto;padding:14px 20px!important;overflow-y:auto!important}.crop-modal-grid{grid-template-columns:340px 1fr;align-items:start;gap:18px;display:grid}.crop-modal-left{flex-direction:column;gap:8px;display:flex}.crop-viewport-box{aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;background:#090d16;border-radius:14px;justify-content:center;align-items:center;width:100%;height:340px;max-height:340px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 0 0 1px #ffffff14}.crop-viewport-box:active{cursor:grabbing}#crop-modal-canvas{object-fit:contain;width:100%;height:100%;display:block}.crop-canvas-drag-hint{-webkit-backdrop-filter:blur(8px);color:#f1f5f9;pointer-events:none;z-index:2;background:#0f172ac7;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;left:12px;box-shadow:0 2px 6px #0003}.crop-canvas-toolbar{justify-content:center;align-items:center;display:flex}.crop-pill-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.crop-pill-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb1f}.crop-modal-right{flex-direction:column;gap:10px;display:flex}.crop-tip-callout{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:9px;padding:7px 11px;display:flex}.crop-tip-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;display:flex}.crop-tip-text strong{color:#1e3a8a;font-size:11px;font-weight:700;line-height:1.35;display:block}.crop-control-section{flex-direction:column;gap:5px;display:flex}.crop-section-header{justify-content:space-between;align-items:center;display:flex}.crop-section-label{color:#334155;letter-spacing:-.01em;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.crop-zoom-badge{color:#2563eb;font-variant-numeric:tabular-nums;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:800}.crop-slider-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.crop-stepper-btn{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;font-weight:700;line-height:1;transition:all .15s;display:flex}.crop-stepper-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.crop-stepper-btn:active{transform:scale(.95)}.crop-slider{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:4px;outline:none;flex:1;height:5px}.crop-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#2563eb;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #2563eb66}.crop-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.crop-tools-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.crop-tool-action-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:7px 4px;font-size:11px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.crop-tool-action-btn:hover{color:#2563eb;background:#f8faff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb1f}.crop-tool-action-btn:active{transform:translateY(0)}.crop-tool-action-btn svg{flex-shrink:0}.crop-upload-box{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;align-items:center;gap:11px;padding:8px 11px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.crop-upload-box:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb14}.crop-upload-icon-circle{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.crop-upload-box:hover .crop-upload-icon-circle{color:#fff;background:#2563eb;transform:scale(1.05)}.crop-upload-info strong{color:#0f172a;font-size:12px;font-weight:700;line-height:1.3;display:block}.crop-upload-info span{color:#64748b;margin-top:1px;font-size:10.5px;display:block}.crop-modal-footer{flex-shrink:0;background:#fff!important;border-top:1px solid #f1f5f9!important;justify-content:space-between!important;align-items:center!important;padding:10px 20px!important;display:flex!important}.crop-modal-footer .btn-secondary{border-radius:8px;padding:7px 14px;font-size:12.5px}.crop-modal-trust-pills{align-items:center;gap:12px;display:flex}.crop-trust-pill{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.crop-trust-pill .trust-icon{font-size:12px}.crop-modal-submit-wrap{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.crop-modal-submit-wrap .btn-primary{border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;box-shadow:0 3px 12px #2563eb59}.crop-modal-hint{color:#94a3b8;font-size:10px}@media (width<=740px){#crop-position-modal:not(.hidden){z-index:1000!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}#crop-position-modal.hidden{display:none!important}.crop-modal-dialog{background:#fff!important;border-radius:20px 20px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:90dvh!important;max-height:92dvh!important;margin:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 -10px 40px #0f172a40!important}.crop-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;display:flex!important}.crop-modal-header-left{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.crop-modal-header-icon{border-radius:8px!important;flex-shrink:0!important;width:32px!important;height:32px!important}.crop-modal-header-icon svg{width:17px!important;height:17px!important}.crop-modal-title{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;overflow:hidden!important}.crop-modal-sub{color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:1px 0 0!important;font-size:11px!important;overflow:hidden!important}.crop-modal-close-btn{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;display:flex!important}.crop-modal-body{-webkit-overflow-scrolling:touch!important;flex-direction:column!important;flex:auto!important;padding:10px 12px!important;display:flex!important;overflow-y:auto!important}.crop-modal-grid{flex-direction:column!important;gap:10px!important;display:flex!important}.crop-modal-left{flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.crop-viewport-box{touch-action:none!important;border-radius:12px!important;width:100%!important;max-width:270px!important;height:min(240px,32vh)!important;max-height:240px!important;margin:0 auto!important}#crop-modal-canvas{touch-action:none!important}.crop-canvas-drag-hint{padding:3px 8px!important;font-size:10px!important;top:6px!important;left:8px!important}.crop-pill-btn{border-radius:16px!important;padding:4px 12px!important;font-size:11px!important}.crop-modal-right{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.crop-tip-callout{border-radius:8px!important;gap:6px!important;padding:5px 9px!important}.crop-tip-icon svg{width:15px!important;height:15px!important}.crop-tip-text strong{font-size:10.5px!important;line-height:1.35!important}.crop-control-section{gap:4px!important}.crop-section-label{font-size:11px!important}.crop-section-label svg{width:13px!important;height:13px!important}.crop-zoom-badge{padding:1px 6px!important;font-size:10.5px!important}.crop-slider-row{border-radius:8px!important;gap:6px!important;padding:3px 6px!important}.crop-stepper-btn{width:28px!important;height:28px!important;font-size:16px!important}.crop-tools-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;display:grid!important}.crop-tool-action-btn{white-space:nowrap!important;border-radius:8px!important;min-height:36px!important;padding:7px 4px!important;font-size:10.5px!important}.crop-upload-box{border-radius:8px!important;gap:8px!important;padding:6px 10px!important}.crop-upload-icon-circle{width:26px!important;height:26px!important}.crop-upload-icon-circle svg{width:14px!important;height:14px!important}.crop-upload-info strong{font-size:11px!important}.crop-upload-info span{font-size:9.5px!important}.crop-modal-footer{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;border-top:1px solid #f1f5f9!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.crop-modal-trust-pills{display:none!important}.crop-modal-footer .btn-secondary{border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;min-height:44px!important;padding:8px 10px!important;font-size:13px!important;display:flex!important}.crop-modal-submit-wrap{flex-direction:column!important;flex:2!important;align-items:stretch!important;gap:0!important;display:flex!important}.crop-modal-submit-wrap .btn-primary{white-space:nowrap!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:100%!important;min-height:44px!important;padding:8px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.crop-modal-hint{display:none!important}}.custom-size-form{background:var(--bg-surface-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-light);flex-direction:column;gap:12px;padding:16px;display:flex}.form-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-row label{color:var(--text-secondary);font-size:13.5px;font-weight:600}.form-input{background:var(--bg-surface);border:1px solid var(--border-light);width:90px;color:var(--text-primary);border-radius:var(--radius-md);text-align:center;padding:8px 12px;font-size:14px;font-weight:600}.form-input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #2563eb26}.control-group{flex-direction:column;gap:8px;display:flex}.control-header{justify-content:space-between;align-items:center;display:flex}.control-label{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.control-label svg{stroke-width:2px;width:14.5px;height:14.5px;color:var(--text-secondary);flex-shrink:0}.control-value{color:var(--accent-blue);background:var(--accent-blue-subtle);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:800}.range-slider{border-radius:var(--radius-full);-webkit-appearance:none;cursor:pointer;background:#e2e8f0;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-blue);width:18px;height:18px;box-shadow:var(--shadow-md);cursor:pointer;border:2px solid #fff;border-radius:50%;transition:transform .1s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.palette-colors-grid{grid-template-columns:1fr;gap:6px;max-height:380px;padding-right:4px;display:grid;overflow-y:auto}.color-toggle-item{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:8px 12px;transition:all .15s;display:flex}.color-toggle-item:hover{background:var(--bg-surface-subtle);border-color:var(--border-subtle)}.color-toggle-item.disabled{opacity:.35;background:#f8fafc}.color-swatch-box{border:1px solid #0000001f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex;box-shadow:inset 0 1px 2px #ffffff4d}.color-toggle-info{flex:1}.color-name{color:var(--text-primary);font-size:12.5px;font-weight:700}.color-hex{color:var(--text-secondary);font-size:11px}.color-checkbox{color:var(--accent-blue);font-size:14px;font-weight:800}.paint-colors-palette{grid-template-columns:repeat(6,1fr);gap:6px;max-height:280px;padding:4px 2px;display:grid;overflow-y:auto}.paint-color-btn{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #00000026;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .15s;display:flex}.paint-color-btn:hover{z-index:2;box-shadow:var(--shadow-md);transform:scale(1.1)}.paint-color-btn.selected{outline:2.5px solid var(--accent-blue);outline-offset:1px;z-index:3;transform:scale(1.15)}.filter-cards-container{flex-direction:column;gap:10px;display:flex}.filter-option-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #00000008}.filter-option-card:hover{background:#f8faff;border-color:#bfdbfe;transform:translateY(-1.5px);box-shadow:0 4px 12px #2563eb14}.filter-option-card.active{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 0 0 1px #2563eb,0 4px 14px #2563eb1f!important}.filter-radio-hidden{opacity:0;pointer-events:none;position:absolute}.filter-card-header{justify-content:space-between;align-items:center;width:100%;display:flex}.filter-card-icon-title{align-items:center;gap:10px;display:flex}.filter-card-icon{color:#475569;background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.filter-option-card:hover .filter-card-icon{color:#2563eb;background:#dbeafe}.filter-option-card.active .filter-card-icon{color:#fff;background:#2563eb;transform:scale(1.05);box-shadow:0 2px 8px #2563eb4d}.filter-card-titles{flex-direction:column;gap:1px;display:flex}.filter-card-title{color:#0f172a;letter-spacing:-.2px;font-size:13.5px;font-weight:800}.filter-card-badge{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.filter-option-card.active .filter-card-badge{color:#2563eb}.filter-card-indicator{color:#0000;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.filter-option-card.active .filter-card-indicator{color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.08);box-shadow:0 2px 6px #2563eb4d}.filter-card-desc{color:#64748b;margin:0;padding-left:44px;font-size:12px;line-height:1.45}.filter-option-card.active .filter-card-desc{color:#1e3a8a}.filter-intensity-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;transition:opacity .2s}.filter-quick-pills{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px;display:grid}.quick-pill-btn{color:#475569;cursor:pointer;text-align:center;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:5px 2px;font-size:11px;font-weight:700;transition:all .18s}.quick-pill-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.quick-pill-btn.active{font-weight:800;box-shadow:0 2px 6px #2563eb40;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.filter-tip-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.filter-tip-box svg{flex-shrink:0;margin-top:2px}.editor-workspace{background-color:#f1f5f9;background-image:radial-gradient(#cbd5e1 1.2px,#0000 1.2px);background-size:24px 24px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.canvas-scroll-container{flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:auto}#canvas-wrapper{box-shadow:var(--shadow-canvas);background:#1e293b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden}#mosaic-canvas{cursor:grab;-webkit-user-select:none;user-select:none;background:#151619;border-radius:6px;display:block;width:100%!important;height:100%!important}#mosaic-canvas:active{cursor:grabbing}.canvas-stud-cursor{pointer-events:none;z-index:10;box-sizing:border-box;background:#2563eb38;border:1.5px solid #2563eb;border-radius:2px;transition:opacity 50ms;position:absolute;box-shadow:0 0 0 1px #fffffff2,0 0 6px #2563eb73}.canvas-stud-cursor.hidden{display:none!important}.canvas-floating-zoom-bar{-webkit-backdrop-filter:blur(12px);z-index:25;background:#0f172ac7;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000059}.floating-zoom-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:color .15s;display:flex}.floating-zoom-icon-btn:hover{color:#fff}.floating-zoom-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff40;border-radius:9999px;outline:none;width:110px;height:5px}.floating-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.floating-zoom-val{color:#fff;text-align:right;min-width:36px;font-size:11.5px;font-weight:700}.floating-zoom-reset-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:9999px;margin-left:2px;padding:3px 9px;font-size:11px;font-weight:700;transition:all .15s}.floating-zoom-reset-btn:hover{background:#ffffff4d}.workspace-hud-bar{border-top:1px solid var(--border-light);z-index:30;background:#fff;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 18px;display:flex;overflow-x:auto;box-shadow:0 -2px 10px #00000008}.stud-inspector-hud{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:flex}.hud-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.hud-sep{color:#cbd5e1;font-size:11px}.hud-swatch{border:1px solid #0003;border-radius:3px;flex-shrink:0;width:13px;height:13px;display:inline-block}.workspace-hud-bar .view-options-toggles{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;gap:4px;padding:2px 6px}.workspace-hud-bar .toggle-chip{color:#475569;padding:3px 8px;font-size:11.5px;font-weight:700}.workspace-hud-bar .toggle-chip:hover{color:#0f172a;background:#fff}.preview-workspace-stage{z-index:20;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 35%,#1e293b 0%,#090d16 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.preview-workspace-stage.hidden{display:none!important}.preview-3d-stage{flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.preview-3d-stage.active{display:flex}.preview-3d-perspective-box{perspective:1400px;width:100%;height:100%;transform-style:preserve-3d;cursor:grab;justify-content:center;align-items:center;padding-bottom:40px;display:flex}.preview-3d-perspective-box:active{cursor:grabbing}.preview-3d-board-wrapper{transform-style:preserve-3d;justify-content:center;align-items:center;width:520px;height:520px;display:flex;position:relative}.preview-3d-board{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;border-radius:4px;position:relative;box-shadow:0 35px 80px #000000bf}.preview-3d-front-canvas{background:#151619;border-radius:4px;width:100%;height:100%;display:block;transform:translateZ(0)}.preview-3d-sheen{pointer-events:none;z-index:2;border-radius:4px;transition:background 50ms;position:absolute;inset:0;transform:translateZ(1px)}.preview-3d-side{pointer-events:none;background:#1e293b;position:absolute}.preview-3d-side.side-top{transform-origin:top;background:linear-gradient(#475569,#334155);height:16px;top:0;left:0;right:0;transform:rotateX(-90deg)}.preview-3d-side.side-bottom{transform-origin:bottom;background:linear-gradient(#1e293b,#090d16);height:16px;bottom:0;left:0;right:0;transform:rotateX(90deg)}.preview-3d-side.side-left{transform-origin:0;background:linear-gradient(90deg,#334155,#1e293b);width:16px;top:0;bottom:0;left:0;transform:rotateY(90deg)}.preview-3d-side.side-right{transform-origin:100%;background:linear-gradient(270deg,#090d16,#1e293b);width:16px;top:0;bottom:0;right:0;transform:rotateY(-90deg)}.preview-3d-back{pointer-events:none;background:#090d16;border-radius:4px;position:absolute;inset:0;transform:translateZ(-16px)}.preview-3d-floor-shadow{filter:blur(14px);transform-origin:50%;pointer-events:none;z-index:0;background:radial-gradient(#000000bf 0%,#0000 75%);width:95%;height:45px;transition:transform 80ms,opacity 80ms;position:absolute;bottom:-48px;left:50%}.preview-3d-hint{-webkit-backdrop-filter:blur(14px);color:#f8fafc;letter-spacing:.1px;pointer-events:none;z-index:30;white-space:nowrap;background:#0f172ad1;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:8px;padding:5px 14px 5px 10px;font-size:11.5px;font-weight:700;animation:3.2s ease-in-out infinite hintFloat;display:inline-flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff0f}.preview-3d-hint-icon{color:#38bdf8;background:#38bdf82e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.preview-3d-hint-icon svg{stroke:#38bdf8;width:13px;height:13px}.preview-3d-hint-text{color:#f1f5f9;white-space:nowrap;font-size:11.5px;font-weight:700}@keyframes hintFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.preview-wall-stage{justify-content:center;align-items:center;padding:30px 30px 70px;display:none;position:absolute;inset:0}.preview-wall-stage.active{display:flex}.preview-wall-canvas-wrap{justify-content:center;align-items:center;width:100%;max-width:1100px;height:100%;display:flex}#preview-fullscreen-wall-canvas{aspect-ratio:16/9;object-fit:contain;border-radius:14px;max-width:100%;max-height:100%;box-shadow:0 20px 60px #0009}.preview-stage-switcher-bar{-webkit-backdrop-filter:blur(14px);z-index:35;background:#0f172ad9;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:6px;padding:4px 6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.preview-stage-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 16px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.preview-stage-tab-btn:hover{color:#fff;background:#ffffff14}.preview-stage-tab-btn.active{color:#fff;background:#2563eb;font-weight:800;box-shadow:0 2px 10px #2563eb66}.preview-angle-pills{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.angle-pill-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 8px;font-size:11.5px;font-weight:700;transition:all .18s}.angle-pill-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.angle-pill-btn.active{font-weight:800;box-shadow:0 0 0 1px #2563eb;color:#2563eb!important;background:#eff6ff!important;border-color:#2563eb!important}.preview-spec-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.preview-spec-header{color:#0f172a;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.preview-spec-list{flex-direction:column;gap:6px;display:flex}.preview-spec-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.preview-spec-item .spec-k{color:#64748b;font-weight:600}.preview-spec-item .spec-v{color:#0f172a;font-weight:800}.stats-summary-card{border:1px solid var(--border-light);border-radius:var(--radius-md);text-align:center;background:var(--bg-surface-subtle);grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px;display:grid}.stat-box-val{color:var(--accent-blue);font-size:19px;font-weight:800}.stat-box-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:700}.stats-breakdown-container{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.stat-breakdown-row{align-items:center;gap:10px;padding:4px 0;display:flex}.stat-swatch{border:1px solid #00000026;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex;box-shadow:inset 0 1px 2px #fff6}.stat-meta{flex-direction:column;flex:1;gap:4px;display:flex}.stat-name-line{justify-content:space-between;font-size:12px;display:flex}.stat-cname{color:var(--text-primary);font-weight:700}.stat-count{color:var(--text-secondary);font-weight:600}.stat-bar-track{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:6px;overflow:hidden}.stat-bar-fill{border-radius:var(--radius-full);height:100%}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop.hidden{display:none!important}.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:680px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-light);background:#f8fafc;justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.modal-header h3{color:var(--text-primary);font-size:18px;font-weight:800}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:20px;max-height:80vh;padding:26px;display:flex;overflow-y:auto}.export-grid-preview{background:var(--bg-surface-subtle);border-radius:var(--radius-lg);border:1px solid var(--border-light);align-items:center;gap:24px;padding:20px;display:flex}#export-mosaic-preview{width:140px;height:140px;box-shadow:var(--shadow-md);border-radius:8px}.export-info-col{flex-direction:column;flex:1;gap:10px;display:flex}.export-spec-row{justify-content:space-between;font-size:13.5px;display:flex}.export-spec-row span:first-child{color:var(--text-secondary);font-weight:500}.export-spec-row span:last-child{color:var(--text-primary);font-weight:800}.progress-container{flex-direction:column;gap:8px;display:flex}.progress-track{border-radius:var(--radius-full);background:#e2e8f0;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#10b981);width:0%;height:100%;transition:width .15s}.progress-label{color:var(--text-secondary);font-size:12.5px;font-weight:600}.modal-footer{border-top:1px solid var(--border-light);background:#f8fafc;justify-content:flex-end;align-items:center;gap:12px;padding:18px 26px;display:flex}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s}.btn-secondary:hover{background:var(--bg-surface-subtle);color:var(--text-primary);border-color:var(--border-subtle)}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.hidden{display:none!important}.btn-block{justify-content:center;width:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.autosave-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .3s;display:inline-flex}.autosave-badge.saving{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.autosave-badge.saved{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.autosave-icon{font-size:12px}.btn-new-design{color:#334155;border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-new-design:hover{color:#0f172a;background:#e2e8f0}.undo-redo-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;gap:2px;padding:2px;flex-direction:row!important;align-items:center!important;display:inline-flex!important}.undo-redo-group .icon-btn{cursor:pointer;color:#475569;padding:0;transition:all .15s;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;display:flex!important}.undo-redo-group .icon-btn:hover{box-shadow:0 1px 2px #00000014;color:#0f172a!important;background:#fff!important}.account-menu-wrapper{flex-shrink:0;position:relative}.user-profile-chip{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.user-profile-chip:hover{color:#2563eb;background:#f8fafc;border-color:#2563eb}.user-avatar-icon{font-size:14px}.user-name-text{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.dropdown-chevron{color:#64748b;transition:transform .2s}.account-menu-wrapper.open .dropdown-chevron{transform:rotate(180deg)}.account-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:220px;padding:8px;animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #0000001f}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-header{color:#64748b;padding:8px 10px;font-size:12px}.account-dropdown-header strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13.5px;display:block;overflow:hidden}.account-dropdown-divider{background:#f1f5f9;height:1px;margin:6px 0}.dropdown-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.dropdown-item:hover{color:#0f172a;background:#f1f5f9}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fee2e2}.otp-dialog{text-align:center;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;overflow:hidden;background:radial-gradient(circle at 50% -10%,#eff6ff 0%,#fff 52%)!important;border:1px solid #e2e8f0e6!important;border-radius:24px!important;width:92%!important;max-width:450px!important;padding:32px 28px 24px!important;position:relative!important;box-shadow:0 25px 70px -15px #0f172a40,0 0 0 1px #0000000a!important}.auth-close-btn{color:#64748b;cursor:pointer;z-index:5;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.auth-close-btn:hover{color:#0f172a;background:#e2e8f0;transform:scale(1.08)}.otp-brand-header{flex-direction:column;align-items:center;margin-bottom:22px;display:flex}.auth-brand-pill{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #2563eb14}.auth-brand-sparkle{font-size:12px}.auth-brand-name{font-weight:800}.auth-modal-title{color:#0f172a;letter-spacing:-.03em;margin:0 0 6px;font-family:Outfit,Inter,sans-serif;font-size:22px;font-weight:800}.auth-modal-desc{color:#64748b;max-width:360px;margin:0;font-size:13px;line-height:1.45}.auth-input-group{text-align:left;margin-bottom:14px}.auth-field-label{color:#334155;align-items:center;gap:6px;margin-bottom:7px;font-size:12.5px;font-weight:700;display:flex}.auth-field-label svg{color:#64748b}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-wrapper:focus-within .auth-input-icon{color:#2563eb}.auth-text-input{color:#0f172a!important;box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #cbd5e1!important;border-radius:12px!important;outline:none!important;width:100%!important;height:46px!important;padding:0 16px 0 42px!important;font-size:14.5px!important;font-weight:600!important;transition:all .2s!important}.auth-text-input:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb1f!important}.auth-text-input::placeholder{color:#94a3b8!important;font-weight:500!important}.auth-submit-btn{letter-spacing:-.01em;cursor:pointer;color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:46px!important;font-size:14.5px!important;font-weight:800!important;transition:all .2s!important;display:flex!important;box-shadow:0 8px 22px -4px #2563eb6b!important}.auth-submit-btn:hover{transform:translateY(-1.5px)!important;box-shadow:0 12px 28px -4px #2563eb8c!important}.auth-submit-btn:active{transform:translateY(0)!important}.auth-or-divider{text-align:center;color:#94a3b8;letter-spacing:.08em;align-items:center;margin:14px 0 10px;font-size:11px;font-weight:800;display:flex}.auth-or-divider:before,.auth-or-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.auth-or-divider span{padding:0 12px}.btn-guest-action{color:#334155;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-guest-action:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.btn-guest-action svg{color:#64748b}.guest-pill-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-left:2px;padding:2px 7px;font-size:10px;font-weight:800}.auth-trust-container{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding:9px 8px;display:grid}.auth-trust-card{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.trust-icon-wrap{border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.auth-trust-card span{color:#475569;font-size:10px;font-weight:700;line-height:1.2}.otp-target-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:9px 14px;display:flex}.otp-target-left{text-align:left;align-items:center;gap:10px;display:flex}.otp-target-text{flex-direction:column;line-height:1.3;display:flex}.otp-target-text span{color:#3b82f6;font-size:11px;font-weight:600}.otp-target-text strong{color:#1e3a8a;font-size:13.5px;font-weight:800}.btn-change-target{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.btn-change-target:hover{color:#fff;background:#2563eb;border-color:#2563eb}.otp-boxes-wrapper{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.otp-digit{text-align:center;color:#0f172a;background:#f8fafc;border:2px solid #cbd5e1;border-radius:14px;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1);width:56px!important;height:62px!important;font-size:26px!important;font-weight:800!important}.otp-digit:focus{background:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 0 0 4px #2563eb29}.otp-digit.error{color:#dc2626!important;background:#fef2f2!important;border-color:#ef4444!important}.otp-boxes-wrapper.shake{animation:.35s shakeError}.otp-error-banner{color:#dc2626;text-align:center;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:9px 12px;font-size:13px;font-weight:700;line-height:1.4;animation:.35s shakeError}.otp-resend-row{justify-content:center;align-items:center;margin:16px 0 12px;display:flex}.otp-timer-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.btn-resend-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-resend-link:hover{color:#1d4ed8;text-decoration:underline}.auth-spam-notice{color:#64748b;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-start;gap:10px;margin-top:14px;padding:10px 14px;font-size:12px;line-height:1.45;display:flex}.spam-notice-icon{flex-shrink:0;margin-top:1px;font-size:16px}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast-msg{pointer-events:auto;color:#fff;background:#0f172a;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInToast;display:flex;box-shadow:0 10px 25px #00000040}.toast-msg.success{background:#15803d}.toast-msg.error{background:#b91c1c}@keyframes slideInToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-saved-designs{color:#1d4ed8;border-radius:var(--radius-md);cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-saved-designs:hover{color:#1e40af;background:#dbeafe;transform:translateY(-1px)}.saved-designs-empty{text-align:center;color:#64748b;padding:40px 20px}.saved-designs-empty h4{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:800}.saved-designs-empty p{margin:0;font-size:14px}.saved-designs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.saved-design-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.saved-design-card:hover{border-color:#2563eb;transform:translateY(-3px);box-shadow:0 10px 25px -5px #0000001a}.saved-card-thumb{aspect-ratio:1;background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.saved-card-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.saved-card-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:12px;padding:2px 8px;font-size:10.5px;font-weight:700;position:absolute;top:8px;left:8px}.saved-card-body{flex-direction:column;flex:1;padding:12px 14px;display:flex}.saved-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:13.5px;font-weight:800;overflow:hidden}.saved-card-meta{color:#64748b;margin-bottom:10px;font-size:11.5px;font-weight:600}.saved-card-actions{gap:6px;margin-top:auto;display:flex}.saved-card-actions .btn-open{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;flex:1;padding:7px 10px;font-size:12.5px;font-weight:700;transition:all .2s}.saved-card-actions .btn-open:hover{background:#1d4ed8}.saved-card-actions .btn-del{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;transition:all .2s;display:flex}.saved-card-actions .btn-del:hover{background:#fecaca}.drawer-backdrop,.mobile-drawer-header,.mobile-toggle-drawer-btn{display:none}@media (width<=991px){.size-cards-grid{grid-template-columns:1fr}.canvas-scroll-container{padding:20px}:root{--drawer-w:320px;--sidebar-tabs-w:68px;--topbar-h:56px}.app-header{padding:0 16px}.dim-tag{font-size:13px}.price-active{font-size:14px}.btn-primary-finish{padding:8px 16px;font-size:13px}}@media (width<=768px){:root{--topbar-h:48px;--sidebar-tabs-w:100%;--drawer-w:100%}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:100dvh}.flash-sale-banner{white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;height:24px;padding:2px 28px 2px 10px;font-size:10.5px;font-weight:700;overflow:hidden}.flash-sale-close{font-size:13px;top:50%;right:8px;transform:translateY(-50%)}.app-header{z-index:40;background:#fff;box-shadow:0 1px 3px #0000000f;justify-content:space-between!important;align-items:center!important;gap:6px!important;height:48px!important;padding:0 10px!important;display:flex!important}.app-header.home-mode{padding:0 16px!important}.header-left{flex-shrink:0;gap:4px}.brand-logo-wrap{padding:2px 4px}.brand-logo-wrap img{object-fit:contain;max-width:100px;height:22px!important}.header-center-info{white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:1;align-items:center;gap:5px;min-width:0;padding:3px 8px;display:inline-flex;overflow:hidden}.dim-tag{color:#1e293b;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.dim-tag svg{width:12px;height:12px}.dim-tag:before{display:none}.price-box{align-items:center;gap:3px;display:inline-flex}.price-active{color:#2563eb;font-size:12px;font-weight:800}.price-strike,.badge-sale,#autosave-label{display:none!important}.autosave-badge{border-radius:8px;padding:2px 4px;font-size:9px}.header-right{flex-shrink:0;align-items:center!important;gap:6px!important;display:flex!important}#btn-header-tour,.undo-redo-group{display:none!important}.user-profile-chip{border-radius:14px!important;gap:3px!important;padding:4px 6px!important}.user-avatar-icon{font-size:13px}.user-name-text,.dropdown-chevron{display:none!important}.btn-primary-finish{white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #2563eb59;border-radius:16px!important;gap:4px!important;padding:6px 12px!important;font-size:12px!important;font-weight:800!important}.btn-primary-finish span{display:inline!important}.btn-primary-finish svg{width:14px;height:14px}.account-dropdown-menu{width:min(240px,100vw - 20px)!important;top:calc(100% + 4px)!important;right:0!important}#flash-sale-banner{display:none!important}.app-header{gap:6px!important;height:48px!important;padding:0 10px!important}.logo{height:24px}.header-actions{gap:6px}.dim-tag{gap:4px;padding:3px 8px;font-size:11px}.dim-tag .price-active{font-size:12px}.btn-primary-finish{border-radius:10px;min-height:36px;padding:6px 14px;font-size:12.5px}#editor-view:not(.hidden){background:#f8fafc;position:relative;overflow:hidden;flex-direction:column!important;height:calc(100dvh - 52px)!important;display:flex!important}.editor-workspace{z-index:10;background:#f1f5f9;flex-direction:column;transition:flex .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;flex:auto!important;height:100%!important}#editor-view.mobile-sheet-active .editor-workspace{flex:calc(52vh - 48px)!important;min-height:170px!important}.canvas-scroll-container{touch-action:pan-x pan-y pinch-zoom;flex:1;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;overflow:hidden}#canvas-wrapper{border-radius:10px;justify-content:center;align-items:center;max-width:100%;max-height:100%;margin:auto;display:flex;box-shadow:0 12px 36px #000000bf}#mosaic-canvas{touch-action:none;border-radius:8px;display:block;width:100%!important;height:100%!important}.workspace-hud-bar{z-index:25;-webkit-backdrop-filter:blur(14px);white-space:nowrap;background:#0f172ae6;border:1px solid #ffffff2e;border-radius:20px;justify-content:center;align-items:center;gap:6px;max-width:96%;height:32px;padding:0 8px;display:flex;position:absolute;bottom:8px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 4px 16px #0006}.workspace-hud-bar .view-options-toggles,.workspace-hud-bar .hud-sep{display:none!important}.stud-inspector-hud{display:none}.editor-sidebar{z-index:35!important;width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;border-top:none!important;border-right:none!important;flex-direction:column!important;flex-shrink:0!important;display:flex!important;position:relative!important}.editor-sidebar-tabs-bar{display:none!important}.mobile-wizard-bar{width:100%;padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px));z-index:40;-webkit-user-select:none;user-select:none;background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;box-shadow:0 -3px 14px #0000000d;order:2!important;display:flex!important}.wizard-step-pane{flex-direction:column;gap:4px;width:100%;display:none}.wizard-step-pane.active{animation:.18s fadeIn;display:flex}.wizard-step-header-row{justify-content:center;align-items:center;margin-bottom:2px;display:flex}.wizard-step-pill{letter-spacing:.8px;color:#2563eb;text-transform:uppercase;font-size:10.5px;font-weight:800}#wizard-pane-2 .wizard-step-pill{color:#475569}#wizard-pane-3 .wizard-step-pill{color:#16a34a}.wizard-buttons-row{align-items:center;gap:8px;width:100%;display:flex}.wizard-tool-btn{cursor:pointer;color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:6px 4px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.wizard-tool-btn:active{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:scale(.96)}.wizard-badge-start{color:#fff;letter-spacing:.3px;background:#2563eb;border-radius:6px;padding:1px 6px;font-size:8px;font-weight:800;position:absolute;top:-7px;left:8px}.wizard-tool-icon{color:#2563eb;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.wizard-tool-icon svg{stroke:currentColor;stroke-width:2.2px;width:19px;height:19px}.wizard-tool-label{color:inherit;font-size:11.5px;font-weight:700}.wizard-step-nav-btn{cursor:pointer;color:#dc2626;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:58px;min-height:56px;padding:4px;transition:transform .15s;display:flex}.wizard-step-nav-btn:active{transform:scale(.92)}.wizard-nav-icon{font-size:15px;font-weight:900;line-height:1}.wizard-nav-label{text-align:center;font-size:9px;font-weight:700;line-height:1.2}.modal-backdrop{align-items:flex-end;padding:10px}.modal-dialog{border-radius:18px 18px 0 0;width:100%;max-width:100%;max-height:88dvh}.modal-header{padding:12px 16px}.modal-header h3{font-size:15.5px}.modal-body{gap:12px;max-height:65dvh;padding:14px}.modal-footer{flex-direction:column-reverse;gap:6px;padding:10px 14px}.modal-footer button,.modal-footer a{justify-content:center;width:100%}.export-grid-preview{text-align:center;flex-direction:column;gap:12px;padding:12px}#export-mosaic-preview{width:110px;height:110px;margin:0 auto}.export-info-col{width:100%}.export-spec-row{font-size:12px}.otp-dialog{margin:auto 0;padding:20px 14px}.otp-brand-header h2{font-size:17px}.otp-brand-header p{font-size:12px}.otp-boxes-wrapper{gap:6px}.otp-digit{border-radius:10px;width:44px;height:50px;font-size:20px}}@media (width<=400px){.dim-tag span{display:none!important}.btn-primary-finish{padding:5px 8px!important;font-size:11px!important}.otp-digit{width:38px;height:44px;font-size:17px}.size-cards-grid{grid-template-columns:1fr}}.welcome-card-dialog{border:1px solid var(--border-light);background:#fff;border-radius:24px;width:100%;max-width:460px;animation:.3s cubic-bezier(.16,1,.3,1) modalFadeIn;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a40,0 0 0 1px #0000000d}.welcome-card-glow{display:none}.welcome-card-inner{z-index:2;text-align:center;background:#fff;border-radius:24px;flex-direction:column;align-items:center;padding:34px 28px 24px;display:flex;position:relative}.welcome-logo-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;padding:8px 18px;display:flex}.welcome-logo{object-fit:contain;height:44px}.welcome-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:800}.welcome-subtitle{color:#64748b;margin:0 0 16px;font-size:14.5px;font-weight:500;line-height:1.45}.welcome-meta-pill{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.welcome-meta-pill svg{stroke:#2563eb}.welcome-actions-row{justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:18px;display:flex}.btn-welcome-dismiss{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s}.btn-welcome-dismiss:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-welcome-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;flex:1.3;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb66}.btn-welcome-accept:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb8c}.welcome-footer-hint{color:#64748b;margin:0 0 12px;font-size:12px}.welcome-dont-show{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:inline-flex}.welcome-dont-show input{accent-color:#2563eb;cursor:pointer}.tour-overlay{z-index:99999;pointer-events:none;position:fixed;inset:0}.tour-spotlight-box{pointer-events:none;z-index:100000;border:2px solid #3b82f6;border-radius:14px;transition:all .35s cubic-bezier(.16,1,.3,1);position:fixed;box-shadow:0 0 0 9999px #0f172ad1,0 0 25px #3b82f6b3}.tour-tooltip{z-index:100001;pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:12px;width:340px;padding:18px 20px;animation:.25s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;box-shadow:0 20px 45px -10px #0f172a59,0 0 0 1px #0000000d}.tour-tooltip-header{justify-content:space-between;align-items:center;display:flex}.tour-step-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:3px 9px;font-size:11.5px;font-weight:800}.tour-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:14px;font-weight:800;transition:all .15s}.tour-close-btn:hover{color:#0f172a;background:#f1f5f9}.tour-progress-track{background:#f1f5f9;border-radius:4px;width:100%;height:4px;overflow:hidden}.tour-progress-fill{background:linear-gradient(90deg,#2563eb,#8b5cf6);border-radius:4px;height:100%;transition:width .3s}.tour-tooltip-body h4{color:#0f172a;margin:0 0 6px;font-size:15px;font-weight:800}.tour-tooltip-body p{color:#475569;margin:0;font-size:13px;line-height:1.5}.tour-tooltip-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;display:flex}.btn-tour-nav{cursor:pointer;border-radius:8px;font-size:12.5px;font-weight:700;transition:all .15s}.btn-tour-nav.btn-prev{color:#64748b;background:0 0;border:1px solid #e2e8f0;padding:6px 12px}.btn-tour-nav.btn-prev:hover{color:#0f172a;background:#f8fafc}.btn-tour-nav.btn-next{color:#fff;background:#2563eb;border:none;align-items:center;gap:6px;padding:7px 14px;display:inline-flex;box-shadow:0 4px 12px #2563eb59}.btn-tour-nav.btn-next:hover{background:#1d4ed8;transform:translateY(-1px)}.admin-dialog{border:1px solid var(--border-light);background:#fff;border-radius:20px;flex-direction:column;width:95%;max-width:980px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a59}.admin-header{border-bottom:1px solid var(--border-light);background:#f8fafc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-header-title{align-items:center;gap:10px;display:flex}.admin-header-title h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.admin-header-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:800}.admin-tabs-nav{border-bottom:1px solid var(--border-light);background:#fff;gap:6px;padding:0 24px;display:flex;overflow-x:auto}.admin-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;padding:12px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.admin-tab-btn:hover{color:#0f172a}.admin-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb}.admin-body{background:#f8fafc;flex:1;padding:24px;overflow-y:auto}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-stat-card{border:1.5px solid var(--border-light);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.admin-stat-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.admin-stat-info{flex-direction:column;display:flex}.admin-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.admin-stat-value{color:#0f172a;margin-top:2px;font-size:16px;font-weight:800}.admin-quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.admin-action-box{border:1.5px solid var(--border-light);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:18px;display:flex}.admin-action-box h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14.5px;font-weight:800;display:flex}.admin-action-box p{color:#64748b;margin:0;font-size:12.5px;line-height:1.45}.admin-table-wrapper{border:1.5px solid var(--border-light);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000008}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-table th{color:#475569;border-bottom:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;padding:12px 14px;font-size:12px;font-weight:700}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.admin-table tbody tr:hover{background:#f8fafc}.admin-input-prefix{border:1px solid var(--border-light);color:#64748b;background:#f8fafc;border-radius:8px;align-items:center;gap:4px;padding:2px 6px;font-size:12.5px;font-weight:700;display:inline-flex}.admin-table-input{border:1px solid var(--border-light);color:#0f172a;background:#fff;border-radius:6px;outline:none;padding:5px 8px;font-size:13px;transition:all .15s}.admin-table-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-color-picker{appearance:none;border:1.5px solid var(--border-light);cursor:pointer;background:0 0;border-radius:6px;width:28px;height:28px;padding:0}.admin-color-picker::-webkit-color-swatch-wrapper{padding:0}.admin-color-picker::-webkit-color-swatch{border:none;border-radius:5px}.admin-badge{text-transform:uppercase;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800;display:inline-block}.admin-badge-square{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.admin-badge-landscape{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-badge-portrait{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.admin-form-card{border:1.5px solid var(--border-light);background:#fff;border-radius:14px;margin-bottom:16px;padding:20px}.admin-form-group{margin-bottom:16px}.admin-form-group label{color:#1e293b;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.admin-form-group input[type=text],.admin-form-group input[type=number],.admin-form-group textarea{border:1.5px solid var(--border-light);color:#0f172a;background:#f8fafc;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13.5px;transition:all .15s}.admin-form-group input:focus,.admin-form-group textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.admin-project-item{border:1px solid var(--border-light);background:#fff;border-radius:10px;align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:flex}.admin-project-thumb{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:50px;height:50px}.admin-project-meta{flex-direction:column;flex:1;gap:3px;display:flex}.admin-project-meta strong{color:#0f172a;font-size:13.5px}.admin-project-meta span{color:#64748b;font-size:12px}.admin-footer{border-top:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.admin-auth-dialog{text-align:center;border:1px solid var(--border-light);background:#fff;border-radius:20px;width:90%;max-width:400px;padding:32px 24px;box-shadow:0 25px 60px -15px #0f172a59}.admin-auth-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 16px;display:flex}.admin-auth-dialog h3{color:#0f172a;margin:0 0 6px;font-size:19px;font-weight:800}.admin-auth-dialog p{color:#64748b;margin:0 0 20px;font-size:13px;line-height:1.45}.admin-pin-input-row{margin-bottom:20px}.admin-pin-input-row input{text-align:center;letter-spacing:4px;border:2px solid var(--border-light);background:#f8fafc;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-size:20px;font-weight:800}.admin-pin-input-row input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (width<=768px){.editor-sidebar-tabs{padding-bottom:calc(8px + env(safe-area-inset-bottom));height:calc(58px + env(safe-area-inset-bottom));min-height:calc(58px + env(safe-area-inset-bottom));max-height:calc(58px + env(safe-area-inset-bottom))}#editor-view{height:calc(100dvh - var(--topbar-h) - 34px - env(safe-area-inset-bottom))}.editor-controls-drawer{bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-toggle-drawer-btn{bottom:calc(64px + env(safe-area-inset-bottom))}}}@media (width>=481px) and (width<=600px){.home-hero-title{font-size:32px}.home-card-action{padding:24px 20px}.size-cards-grid{grid-template-columns:repeat(2,1fr)}.otp-digit{width:50px;height:56px;font-size:22px}}@media (width<=360px){.home-hero-title{font-size:22px}.home-hero-sub{font-size:12px}.home-card-action{gap:10px;padding:16px 12px}.home-card-icon{width:40px;height:40px;font-size:18px}.tab-btn{min-width:48px;font-size:9.5px}.otp-digit{border-radius:8px;width:36px;height:42px;font-size:16px}.otp-boxes-wrapper{gap:5px}}@media (width<=900px) and (orientation:landscape) and (height<=500px){#home-view{justify-content:flex-start;padding:12px 16px;overflow-y:auto}.home-hero-logo{height:32px;margin-bottom:6px}.home-hero-title{margin-bottom:4px;font-size:22px}.home-hero-sub{margin-bottom:12px;font-size:12px}.home-card-action{padding:14px 16px}.editor-controls-drawer{max-height:75vh}.otp-dialog{padding:16px}.otp-brand-header{margin-bottom:10px}.otp-logo{height:30px;margin-bottom:4px}}@media (width<=768px){.sample-preset-btn{min-height:44px;padding:10px 16px}.home-card-action{min-height:80px}.tab-btn{min-height:44px}.btn-primary-finish{min-height:40px}.dropdown-item{min-height:44px}.sample-photos-row{width:100%}.sample-presets-list{flex-wrap:wrap;justify-content:flex-start;gap:8px}.sample-preset-btn{padding:8px 14px;font-size:12.5px}.canvas-scroll-container{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overflow:auto}#mosaic-canvas{touch-action:pan-x pan-y pinch-zoom}.auth-input-group input,.country-select,.admin-input,.form-input,.admin-table-input{font-size:16px!important}.otp-digit{-webkit-text-security:none;ime-mode:numeric}.admin-app{flex-direction:column}.admin-sidebar{height:auto;min-height:unset;width:100%!important}.admin-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:4px;padding:0 8px 4px;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-item{white-space:nowrap;flex-shrink:0;min-height:44px;padding:8px 14px;font-size:12.5px}.admin-sidebar-footer{display:none}.flash-sale-banner,#flash-sale-banner{display:none!important}.app-header{z-index:50!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 10px!important;display:flex!important;position:relative!important;box-shadow:0 1px 3px #0000000a!important}.header-left{flex-shrink:0!important;align-items:center!important;display:flex!important}.brand-text-logo{letter-spacing:-.01em!important;white-space:nowrap!important;font-size:14px!important;font-weight:900!important}.brand-logo-wrap img{object-fit:contain;max-width:90px;height:26px!important}.header-center-info,.price-strike,.badge-sale,.autosave-badge,.undo-redo-group,#btn-header-tour{display:none!important}.header-right{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.user-profile-chip{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;display:flex!important}.user-avatar-icon{width:20px!important;height:20px!important}.user-name-text,.user-profile-chip .dropdown-chevron{display:none!important}.account-menu-wrapper{order:3!important;align-items:center!important;display:inline-flex!important;position:relative!important}.account-dropdown-menu{z-index:99999!important;border-radius:14px!important;width:220px!important;max-width:calc(100vw - 20px)!important;position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important;box-shadow:0 12px 30px #0f172a38!important}.btn-header-preview{white-space:nowrap!important;color:#2563eb!important;background:#fff!important;border:1px solid #bfdbfe!important;border-radius:16px!important;order:1!important;align-items:center!important;gap:5px!important;height:32px!important;min-height:32px!important;padding:0 10px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important}.btn-header-preview svg{stroke:currentColor!important;flex-shrink:0!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important;display:inline-block!important}.btn-header-preview.active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 2px 8px #2563eb59!important}.btn-header-preview.active svg{stroke:#fff!important}.btn-primary-finish{color:#fff!important;white-space:nowrap!important;background:#2563eb!important;border-radius:16px!important;align-items:center!important;gap:4px!important;height:32px!important;min-height:32px!important;padding:0 12px!important;font-size:12px!important;font-weight:800!important;display:inline-flex!important;box-shadow:0 2px 8px #2563eb4d!important}.btn-primary-finish svg{width:14px!important;height:14px!important}#home-view.hidden,#editor-view.hidden{display:none!important}#home-view:not(.hidden){-webkit-overflow-scrolling:touch!important;height:auto!important;min-height:calc(100dvh - 52px)!important;padding:14px 12px calc(24px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;background:#f8fafc!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;display:flex!important;overflow-y:auto!important}#editor-view:not(.hidden){z-index:30;color:#0f172a!important;background:#f8fafc!important;flex-direction:column!important;justify-content:space-between!important;width:100vw!important;height:calc(100dvh - 52px)!important;max-height:calc(100dvh - 52px)!important;display:flex!important;position:relative!important;inset:0 auto auto 0!important;overflow:hidden!important}.editor-workspace{transition:flex .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1);width:100%!important;min-height:0!important;padding:10px 10px calc(105px + env(safe-area-inset-bottom,0px)) 10px!important;background:#f1f5f9!important;flex:auto!important;order:1!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important;overflow:hidden!important}#editor-view.mobile-sheet-active .editor-workspace{flex:0 0 calc(66vh - 140px)!important;flex:0 0 calc(100dvh - 140px - min(35vh, 260px) - env(safe-area-inset-bottom,0px))!important;height:calc(66vh - 140px)!important;height:calc(100dvh - 140px - min(35vh, 260px) - env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 140px - min(35vh, 260px) - env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;justify-content:center!important;align-items:center!important;min-height:160px!important;padding:6px 8px!important}.canvas-scroll-container{touch-action:pan-x pan-y pinch-zoom;position:relative;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important}#canvas-wrapper{background:#fff;border-radius:6px;justify-content:center!important;align-items:center!important;max-width:100%!important;max-height:100%!important;display:flex!important;box-shadow:0 10px 30px #0000001f!important}#mosaic-canvas{touch-action:pan-x pan-y pinch-zoom;border-radius:6px;display:block;object-fit:contain!important;max-width:100%!important;max-height:100%!important}.floating-zoom-control,.canvas-floating-zoom-bar,.workspace-hud-bar{display:none!important}.editor-sidebar{z-index:50!important;width:100%!important;height:auto!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;background:#fff!important;border-top:1px solid #e2e8f0!important;border-right:none!important;border-top-left-radius:18px!important;border-top-right-radius:18px!important;flex-direction:column!important;flex-shrink:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:hidden!important;box-shadow:0 -4px 18px #00000014!important}.editor-sidebar-tabs-bar{display:none!important}.editor-subtools-wrapper{box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #f1f5f9!important;order:1!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:6px 12px 5px!important;display:flex!important}.step-subtools-bar.hidden,#subtools-step-1.hidden,#subtools-step-2.hidden,#subtools-step-3.hidden{display:none!important}#subtools-step-1:not(.hidden){grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}#subtools-step-2:not(.hidden){width:100%!important;display:block!important}#subtools-step-2:not(.hidden) .step-subtools-row{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;width:100%!important;display:grid!important}#subtools-step-3:not(.hidden){width:100%!important;display:flex!important}.subtool-tab-btn{color:#475569!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:38px!important;padding:6px 3px!important;font-size:11px!important;font-weight:700!important;transition:all .15s!important;display:flex!important}.subtool-tab-btn svg{flex-shrink:0!important;width:14px!important;height:14px!important}.subtool-tab-btn span{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.subtool-tab-btn.active{color:#2563eb!important;background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 1px 4px #2563eb26!important}.editor-steps-header{box-sizing:border-box!important;background:#f8fafc!important;border-top:none!important;border-bottom:none!important;order:2!important;width:100%!important;padding:4px 12px 6px!important}.step-nav-bar{box-sizing:border-box!important;background:#e2e8f0!important;border-radius:12px!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:100%!important;padding:3px!important;display:grid!important}.step-nav-btn{border-radius:9px!important;justify-content:center!important;gap:5px!important;min-width:0!important;padding:6px 4px!important;font-size:11.5px!important}.step-nav-btn .step-num{width:18px!important;height:18px!important;font-size:10.5px!important}.step-nav-btn .step-text{font-size:11.5px!important}.step-nav-btn .step-opt-badge{display:none!important}#editor-controls-drawer,.editor-sidebar-content,aside.editor-sidebar .editor-sidebar-content{color:#0f172a!important;z-index:60!important;box-sizing:border-box!important;background:#fff!important;border-top:none!important;border-bottom:1px solid #e2e8f0!important;flex-direction:column!important;order:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:min(35vh,260px)!important;padding-bottom:2px!important;display:none!important;position:static!important;overflow:hidden!important}#editor-controls-drawer.sheet-open,.editor-sidebar-content.sheet-open,aside.editor-sidebar .editor-sidebar-content.sheet-open{pointer-events:auto!important;opacity:1!important;visibility:visible!important;height:auto!important;min-height:0!important;max-height:min(35vh,260px)!important;display:flex!important}.drawer-backdrop{pointer-events:none!important;opacity:0!important;visibility:hidden!important;display:none!important}.mobile-sheet-top-header{z-index:10;background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-direction:column!important;flex-shrink:0!important;padding:3px 12px 5px!important;display:flex!important}.mobile-sheet-handle-bar{cursor:pointer!important;justify-content:center!important;padding:1px 0 3px!important;display:flex!important}.mobile-sheet-pill{background:#cbd5e1!important;border-radius:9999px!important;width:32px!important;height:3.5px!important}.mobile-sheet-title-row{justify-content:space-between!important;align-items:center!important;display:flex!important}.mobile-sheet-undo-btn{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;gap:4px!important;padding:3px 6px!important;font-size:11.5px!important;font-weight:700!important;display:flex!important}.mobile-sheet-undo-btn:hover{color:#0f172a!important}.mobile-sheet-title{color:#0f172a!important;text-align:center!important;font-size:13px!important;font-weight:800!important}.mobile-sheet-done-btn{color:#2563eb!important;cursor:pointer!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:9999px!important;align-items:center!important;gap:4px!important;padding:3px 10px!important;font-size:11.5px!important;font-weight:800!important;display:flex!important;box-shadow:0 1px 3px #2563eb1f!important}.mobile-sheet-done-btn:active{background:#dbeafe!important}#editor-controls-drawer .drawer-header{display:none!important}#editor-controls-drawer .tab-pane{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;color:#0f172a!important;scrollbar-width:thin!important;scrollbar-color:#94a3b8 #f1f5f9!important;background:#fff!important;flex:auto!important;max-height:calc(min(35vh,260px) - 38px)!important;padding:8px 12px 14px!important;overflow:hidden auto!important}#editor-controls-drawer .tab-pane::-webkit-scrollbar{width:5px!important;display:block!important}#editor-controls-drawer .tab-pane::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:4px!important}#editor-controls-drawer .tab-pane::-webkit-scrollbar-thumb{background:#94a3b8!important;border-radius:4px!important}#editor-controls-drawer .tab-pane:not(.active){display:none!important}#editor-controls-drawer .tab-pane.active{display:block!important}.step-pane-footer{display:none!important}#editor-controls-drawer .filter-option-card{border-radius:10px!important;margin-bottom:5px!important;padding:7px 10px!important}#editor-controls-drawer .filter-card-desc{margin-top:2px!important;font-size:10px!important;line-height:1.3!important}#editor-controls-drawer #tab-size{-webkit-overflow-scrolling:touch!important;max-height:calc(min(35vh,260px) - 38px)!important;padding:6px 12px 14px!important;overflow-y:auto!important}#editor-controls-drawer #tab-size .size-types-bar{margin-bottom:6px!important}#editor-controls-drawer .size-types-bar{background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;grid-template-columns:repeat(4,1fr)!important;gap:2px!important;margin-bottom:8px!important;padding:2px!important;display:grid!important}#editor-controls-drawer .size-type-btn{cursor:pointer;color:#475569!important;background:0 0!important;border:none!important;border-radius:7px!important;padding:5px 2px!important;font-size:10.5px!important;font-weight:700!important}#editor-controls-drawer .size-type-btn.active{color:#2563eb!important;background:#fff!important;box-shadow:0 1px 3px #00000014!important}#editor-controls-drawer .size-cards-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-flow:row!important;gap:8px!important;width:100%!important;margin:0!important;padding:4px 2px 6px!important;display:flex!important;overflow:auto hidden!important}#editor-controls-drawer .size-cards-grid::-webkit-scrollbar{display:none!important}#editor-controls-drawer .size-card{cursor:pointer;scroll-snap-align:start;position:relative;color:#0f172a!important;text-align:center!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;flex:0 0 120px!important;align-items:center!important;width:120px!important;min-width:120px!important;max-width:120px!important;padding:7px 5px!important;display:flex!important;box-shadow:0 1px 4px #0000000a!important}#editor-controls-drawer .size-card.selected,#editor-controls-drawer .size-card.active{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 0 0 1px #2563eb,0 3px 10px #2563eb26!important}#editor-controls-drawer .size-badge-save{border-radius:9999px;padding:1px 5px;font-size:8px;font-weight:800;position:absolute;top:-5px;left:6px;color:#fff!important;background:#2563eb!important}#editor-controls-drawer .size-card-title{white-space:nowrap;margin-top:2px;color:#0f172a!important;font-size:11px!important;font-weight:800!important}#editor-controls-drawer .size-card-sub{white-space:nowrap;color:#64748b!important;font-size:10px!important}#editor-controls-drawer .price-orig{color:#94a3b8;margin-right:3px;font-size:9.5px;text-decoration:line-through}#editor-controls-drawer .price-sale{font-size:10.5px;color:#2563eb!important;font-weight:800!important}#editor-controls-drawer .size-card-illustration{justify-content:center;align-items:center;width:100%;margin:2px 0;display:flex;height:46px!important}#editor-controls-drawer .control-group{margin-bottom:12px}#editor-controls-drawer .control-label{color:#0f172a!important;font-size:12px!important;font-weight:700!important}#editor-controls-drawer .control-value{color:#2563eb!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:12px!important;padding:2px 8px!important;font-size:11px!important;font-weight:800!important}#editor-controls-drawer .btn-secondary{color:#334155!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important}#editor-controls-drawer .btn-secondary:active{color:#2563eb!important;background:#eff6ff!important;border-color:#2563eb!important}#editor-controls-drawer .btn-primary{color:#fff!important;background:#2563eb!important}#editor-controls-drawer .palette-colors-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;max-height:none!important;display:grid!important;overflow-y:visible!important}#editor-controls-drawer #stats-breakdown-list{max-height:none!important;overflow-y:visible!important}#editor-controls-drawer .color-toggle-item{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:5px 8px!important}#editor-controls-drawer .color-name{color:#0f172a!important;font-size:11px!important}#editor-controls-drawer .stats-summary-card{color:#0f172a!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}#wizard-pane-2 .wizard-buttons-row{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:6px!important;width:100%!important;display:flex!important;overflow-x:auto!important}#wizard-pane-2 .wizard-buttons-row::-webkit-scrollbar{display:none!important}#wizard-pane-2 .wizard-tool-btn{flex:1 0 auto!important;min-width:56px!important;padding:5px 3px!important}#wizard-pane-2 .wizard-tool-label{font-size:10.5px!important}#wizard-pane-2 .wizard-step-nav-btn{flex:1 0 auto!important;min-width:66px!important;padding:4px 8px!important}.preview-workspace-stage,.preview-3d-stage{width:100%!important;height:100%!important;padding:0!important}.preview-3d-perspective-box{perspective:800px!important;width:100%!important;height:100%!important;padding-bottom:70px!important}.preview-3d-board-wrapper{max-width:84vw!important;max-height:48vh!important}.preview-3d-hint{max-width:88vw!important;padding:4px 12px 4px 8px!important;font-size:11px!important;top:14px!important}.preview-3d-hint-icon{width:20px!important;height:20px!important}.preview-3d-hint-icon svg{width:12px!important;height:12px!important}.preview-3d-hint-text{font-size:11px!important}.preview-wall-stage{width:100%!important;height:100%!important;padding:8px 8px 70px!important}.preview-wall-canvas-wrap{width:100%!important;max-width:96vw!important;max-height:48vh!important}#preview-fullscreen-wall-canvas{object-fit:contain!important;max-width:100%!important;max-height:100%!important}.preview-stage-switcher-bar{bottom:calc(105px + env(safe-area-inset-bottom,0px))!important;padding:3px 5px!important}.preview-stage-tab-btn{padding:5px 10px!important;font-size:11.5px!important}#size-select-modal:not(.hidden),#crop-position-modal:not(.hidden){z-index:1000!important;justify-content:center!important;align-items:flex-end!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}#size-select-modal.hidden,#crop-position-modal.hidden{display:none!important}.size-select-dialog,.crop-modal-dialog{background:#fff!important;border-radius:20px 20px 0 0!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:90dvh!important;max-height:92dvh!important;margin:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 -10px 40px #0f172a40!important}.size-modal-header,.crop-modal-header{background:#fff!important;border-bottom:1px solid #f1f5f9!important;flex-shrink:0!important;padding:12px 16px!important}.size-modal-body,.crop-modal-body{-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;flex:auto!important;min-height:0!important;padding:12px 14px 16px!important;overflow-y:auto!important}.size-modal-footer,.crop-modal-footer{padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px))!important;z-index:30!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important;width:100%!important;margin-top:auto!important;box-shadow:0 -4px 16px #0000000f!important}.size-modal-footer{flex-direction:column!important;gap:8px!important;display:flex!important}.size-modal-footer-tip{margin-bottom:0!important}.size-modal-footer-actions{flex-direction:column!important;gap:6px!important;width:100%!important;display:flex!important}.size-modal-footer-actions .btn-primary,#btn-confirm-size-modal{border-radius:12px!important;order:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:46px!important;min-height:46px!important;font-size:14px!important;font-weight:800!important;display:flex!important;box-shadow:0 4px 14px #2563eb4d!important}.size-modal-footer-actions .btn-secondary,#btn-cancel-size-modal{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;order:2!important;justify-content:center!important;align-items:center!important;width:100%!important;height:38px!important;min-height:38px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.crop-modal-footer{flex-direction:column!important;gap:8px!important;display:flex!important}.crop-modal-trust-pills,.crop-modal-hint{display:none!important}.crop-modal-submit-wrap{order:1!important;width:100%!important}.crop-modal-submit-wrap .btn-primary,#btn-confirm-crop-modal{border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;height:46px!important;min-height:46px!important;font-size:14px!important;font-weight:800!important;display:flex!important;box-shadow:0 4px 14px #2563eb4d!important}#btn-cancel-crop-modal{color:#475569!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;order:2!important;justify-content:center!important;align-items:center!important;width:100%!important;height:38px!important;min-height:38px!important;font-size:13px!important;font-weight:700!important;display:flex!important}}@media (width<=600px){.size-types-bar{grid-template-columns:repeat(4,1fr);gap:3px;padding:3px}.size-type-btn{gap:4px;min-height:36px;padding:7px 2px;font-size:11px}.size-type-btn svg{width:12px;height:12px}#editor-controls-drawer .size-cards-grid,.size-cards-grid#size-cards-container{flex-flow:row!important;gap:10px!important;display:flex!important;overflow:auto hidden!important}}