:root{--bg-primary:#faf9f5;--bg-secondary:#faf9f5;--bg-warm:#faf9f5;--bg-soft-green:#ebf5e9;--bg-pale-green:#f2f8f0;--bg-surface:#fff;--bg-card:#fff;--bg-timeline:#18181b;--bg-timeline-surface:#27272a;--bg-timeline-track:#3f3f46;--primary-green:#16a34a;--primary-green-hover:#15803d;--primary-green-active:#166534;--primary-green-light:#ebf5e9;--primary-green-subtle:#f2f8f0;--text-primary:#18181b;--text-secondary:#71717a;--text-tertiary:#a1a1aa;--text-inverted:#fff;--text-green:#16a34a;--border-light:#ecebe6;--border-card:#ecebe6;--border-focus:#16a34a;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--shadow-sm:0 1px 3px #00000008;--shadow-card:0 10px 30px -4px #0000000a, 0 2px 8px #00000005, inset 0 2px 4px #fffffff2;--shadow-card-hover:0 16px 36px -4px #0000000f, 0 4px 12px #00000008, inset 0 2px 4px #fffffff2;--shadow-clay:0 14px 34px -4px #0000000a, 0 4px 12px #00000005, inset 0 2px 4px #fffffff2;--shadow-clay-btn:0 6px 18px #16a34a47, inset 0 2px 3px #ffffff59, inset 0 -2px 3px #0000001a;--shadow-dropdown:0 16px 36px #00000014;--font-sans:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Plus Jakarta Sans", sans-serif;--sidebar-width:264px;--header-height:74px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-spring:.35s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#d4dcd2}::-webkit-scrollbar-thumb:hover{background:#b6c4b4}.app-container{background-color:var(--bg-secondary);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.app-header{height:var(--header-height);min-height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1.5px solid var(--border-light);z-index:40;background:#faf9f5f5;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top:0}.header-search{background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-pill);width:300px;transition:var(--transition-fast);align-items:center;gap:10px;padding:8px 18px;display:flex;box-shadow:0 2px 8px #18181b05,inset 0 1px 2px #ffffffe6}.header-search:focus-within{border-color:var(--primary-green);background:#fff;box-shadow:0 0 0 3px #16a34a1a}.header-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13px}.header-search input::placeholder{color:var(--text-secondary)}.header-actions{align-items:center;gap:18px;display:flex}.quota-chip-pill{border-radius:var(--radius-pill);color:#16a34a;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background-color:#ebf5e9;border:1.5px solid #d4ead0;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #16a34a14,inset 0 1px 2px #ffffffe6}.quota-chip-pill:hover{background-color:#def0dc;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a24}.header-profile-pill{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background-color:#fff;border:1.5px solid #ecebe6;flex-shrink:0;align-items:center;gap:10px;padding:5px 16px 5px 6px;font-size:13px;display:inline-flex;box-shadow:0 2px 10px #18181b0a,inset 0 1px 2px #ffffffe6}.header-profile-pill:hover{border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 14px #18181b14}.btn-primary,.clay-btn,.clay-btn-primary{text-align:center;vertical-align:middle;background:var(--primary-green);color:#fff;border-radius:var(--radius-pill);transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff40;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #16a34a47,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #0000001f}.btn-primary:hover,.clay-btn:hover,.clay-btn-primary:hover{background:var(--primary-green-hover);transform:translateY(-2px);box-shadow:0 10px 24px #16a34a5c,inset 0 2px 3px #ffffff73}.btn-primary:active,.clay-btn:active,.clay-btn-primary:active{transform:translateY(1px);box-shadow:0 3px 8px #16a34a40,inset 0 2px 3px #00000026}.btn-secondary,.clay-btn-secondary{text-align:center;vertical-align:middle;color:var(--text-primary);border-radius:var(--radius-pill);border:1.5px solid var(--border-light);transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #18181b0a,inset 0 2px 4px #fffffff2}.btn-primary svg,.btn-secondary svg,.clay-btn svg,.clay-btn-secondary svg,.clay-pill svg,button svg{vertical-align:middle;flex-shrink:0;display:inline-block}.btn-primary span,.btn-secondary span,.clay-btn span,.clay-btn-secondary span,.clay-pill span,button span{vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}.btn-secondary:hover,.clay-btn-secondary:hover{color:var(--primary-green);background:#faf9f5;border-color:#d4dcd2;transform:translateY(-1px);box-shadow:0 6px 16px #18181b0f}.btn-secondary:active,.clay-btn-secondary:active{transform:translateY(1px);box-shadow:0 1px 4px #0000000a}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-pill);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-soft-green)}.icon-btn{border-radius:var(--radius-pill);background:var(--bg-primary);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-soft-green);color:var(--primary-green);border-color:#c8e3c4}.app-sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;margin-bottom:20px;padding:0 12px 24px;display:flex}.brand-icon{background:var(--primary-green);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #16a34a40}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:18px;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-item{text-align:left;border-radius:var(--radius-pill);color:var(--text-secondary);transition:var(--transition-fast);justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.sidebar-item:hover{color:var(--primary-green);background:var(--bg-pale-green)}.sidebar-item.active{color:var(--primary-green);background:var(--bg-soft-green)}.marketing-hero-title{letter-spacing:-.03em;font-size:54px;font-weight:800;line-height:1.12}.marketing-hero-subtitle{font-size:18px;line-height:1.6}.designs-page-container{padding:36px 40px 80px}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;gap:12px;padding-top:16px;display:flex}.user-profile-widget{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);align-items:center;gap:10px;padding:8px 10px;display:flex}.user-avatar{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--primary-green);background:#e2ece0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-plan{color:var(--primary-green);font-size:11px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-primary);border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition-fast);align-items:center;gap:16px;padding:18px 20px;display:flex}.stat-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);background:var(--bg-soft-green);width:44px;height:44px;color:var(--primary-green);justify-content:center;align-items:center;display:flex}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.badge{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{background:var(--bg-soft-green);color:var(--primary-green)}.badge-gray{color:var(--text-secondary);background:#eef2ee}.badge-warning{color:#d97706;background:#fff7ed}.clay-hero-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);background:linear-gradient(135deg,#fff 0%,#f3f8f1 100%);border:1px solid #ecebe6;position:relative;overflow:hidden}.clay-mascot-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #e6ece4;padding:24px;box-shadow:0 16px 36px #16a34a14}.design-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;display:grid}.design-card{border:1.5px solid var(--border-card);transition:all var(--transition-normal);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #18181b08,inset 0 2px 4px #fffffff2;background:#fff!important}.design-card:hover{border-color:var(--primary-green);transform:translateY(-3px);box-shadow:0 12px 28px #18181b14}.design-card.selected{border:2.5px solid var(--primary-green);box-shadow:0 8px 24px #16a34a33}.design-thumbnail{aspect-ratio:16/9;background:#111;border-radius:16px 16px 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.design-thumbnail img,.design-thumbnail video{object-fit:cover;width:100%;height:100%}.design-preview-overlay{opacity:0;transition:opacity var(--transition-fast);background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.design-card:hover .design-preview-overlay{opacity:1}.play-bubble{border-radius:var(--radius-pill);width:48px;height:48px;color:var(--primary-green);transition:transform var(--transition-fast);background:#fff;justify-content:center;align-items:center;display:flex;transform:scale(.9);box-shadow:0 6px 20px #0003}.design-card:hover .play-bubble{transform:scale(1)}.design-info{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.design-meta{justify-content:space-between;align-items:center;display:flex}.design-index{color:var(--primary-green);background:var(--bg-soft-green);border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.design-title{color:var(--text-primary);font-size:15px;font-weight:700}.design-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.wizard-container{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 32px 140px;display:flex}.wizard-sticky-footer{-webkit-backdrop-filter:blur(16px)!important;z-index:800!important;background:#faf9f5f5!important;border-top:1.5px solid #ecebe6!important;align-items:center!important;height:68px!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;bottom:0!important;left:264px!important;right:0!important;box-shadow:0 -4px 20px #18181b0d!important}.wizard-sticky-footer-inner{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:0 32px;display:flex;flex-wrap:nowrap!important}.wizard-footer-back-btn{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:10px 22px;font-size:14px;display:inline-flex;white-space:nowrap!important}.wizard-footer-next-btn{cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:11px 26px;font-size:14px;display:inline-flex;box-shadow:0 6px 18px #16a34a47;white-space:nowrap!important}.wizard-footer-step-indicator{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.wizard-step-badge-pill{background:#fff;border:1.5px solid #ecebe6;border-radius:9999px;align-items:center;gap:8px;max-width:100%;padding:6px 18px;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #18181b0a,inset 0 1px 2px #fffffff2;white-space:nowrap!important;flex-wrap:nowrap!important}.wizard-step-count{color:#18181b;flex-shrink:0;font-size:13px;font-weight:800;white-space:nowrap!important}.wizard-step-divider{color:#a1a1aa;flex-shrink:0;margin:0 6px;font-size:11px;white-space:nowrap!important}.wizard-step-name{color:#16a34a;flex-shrink:1;max-width:220px;font-size:13px;font-weight:700;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.wizard-mobile-stepper{background:#fff;border:1.5px solid #ecebe6;border-radius:16px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 14px;display:none;box-shadow:0 4px 14px #18181b08,inset 0 2px 4px #fffffff2}.wizard-segmented-track{align-items:center;gap:5px;width:100%;display:flex}.wizard-seg-bar{cursor:pointer;background:#e2e8f0;border-radius:9999px;flex:1;height:5px;transition:all .2s cubic-bezier(.16,1,.3,1)}.wizard-seg-bar.completed{background:#16a34a}.wizard-seg-bar.current{background:#16a34a;box-shadow:0 0 8px #16a34a73}.wizard-mobile-step-headline{justify-content:space-between;align-items:center;width:100%;display:flex}.wizard-mobile-num-badge{color:#16a34a;background:#ebf5e9;border:1px solid #d4ead0;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.wizard-mobile-step-name{color:#18181b;letter-spacing:-.01em;align-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.wizard-mobile-quick-prev{color:#71717a;cursor:pointer;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.wizard-steps{border:1.5px solid var(--border-light);border-radius:var(--radius-pill);background:#fff;justify-content:space-between;align-items:center;margin-bottom:36px;padding:10px 20px;display:flex;box-shadow:0 4px 14px #18181b08,inset 0 2px 4px #fffffff2}.wizard-step-item{border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.wizard-step-item.active{background:var(--bg-soft-green);color:var(--primary-green)}.wizard-step-item.completed{color:var(--primary-green)}.step-number{border-radius:var(--radius-pill);width:24px;height:24px;color:var(--text-secondary);background:#eaefe9;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.wizard-step-item.active .step-number,.wizard-step-item.completed .step-number{background:var(--primary-green);color:#fff}.wizard-content-card{box-sizing:border-box;background:#fff;border:1.5px solid #ecebe6;border-radius:20px;width:100%;padding:32px;box-shadow:0 4px 16px #18181b05}@media (width<=1100px){.wizard-pathway-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (width<=640px){.wizard-pathway-grid{grid-template-columns:1fr!important;gap:10px!important}}.wizard-pathway-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #ecebe6;border-radius:16px;justify-content:flex-start;gap:8px;min-height:148px;padding:18px 18px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 4px 14px #18181b05;flex-direction:column!important;align-items:stretch!important;display:flex!important}.wizard-pathway-card:hover{border-color:#16a34a;transform:translateY(-2px);box-shadow:0 8px 20px #16a34a14}.wizard-pathway-card.selected{background:#f0f9ee!important;border:2px solid #16a34a!important;box-shadow:0 6px 18px #16a34a24!important}.wizard-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.wizard-category-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;width:100%;padding-bottom:6px;display:flex;overflow-x:auto}.wizard-category-tabs::-webkit-scrollbar{display:none}.wizard-pathway-grid,.wizard-two-col-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.wizard-ratio-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.wizard-motion-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%;display:grid}.wizard-layout-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;width:100%;display:grid}.wizard-voice-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;width:100%;display:grid}.clay-card{background:#fff;border:1.5px solid #ecebe6;border-radius:18px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px -4px #16a34a0d,0 3px 8px -2px #00000005,inset 0 2px 3px #fffffff2,inset 0 -2px 3px #00000005}.clay-card-interactive{cursor:pointer;background:#fff;border:1.5px solid #ecebe6;border-radius:16px;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 18px -3px #16a34a0f,inset 0 2px 2px #ffffffe6}.clay-card-interactive:hover{border-color:#a3d8a0;transform:translateY(-2px);box-shadow:0 12px 28px -4px #16a34a24,inset 0 2px 3px #fff}.clay-sunken{background:#f4f7f3;border:1.5px solid #e2ece0;border-radius:12px;box-shadow:inset 0 2px 4px #0000000a,inset 0 1px 2px #00000008,0 1px 2px #fffc}.clay-pill{background:#f1f6f0;border:1.5px solid #dce6da;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex;box-shadow:inset 0 1px 2px #ffffffe6,0 2px 6px #00000008}.clay-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border:1.5px solid #e2eee0d9;border-radius:20px;box-shadow:0 12px 32px -4px #16a34a1a,0 4px 12px #00000008,inset 0 2px 3px #fffffff2}.privacy-notice-banner{z-index:9999;max-width:780px;margin:0 auto;position:fixed;bottom:20px;left:20px;right:20px}.privacy-notice-inner{box-sizing:border-box;background-color:#fff;border:1.5px solid #ecebe6;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex;box-shadow:0 20px 40px #18181b14}.privacy-notice-content{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.privacy-notice-actions{flex-shrink:0;gap:8px;display:flex}.auth-page-container{box-sizing:border-box;background-color:#faf9f5;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 72px);padding:40px 24px;display:flex}.auth-page-card{box-sizing:border-box;width:100%;max-width:440px;padding:40px 36px;position:relative}.editor-layout{color:#18181b;height:100vh;font-family:var(--font-main);background:#f4f7f3;flex-direction:column;display:flex;overflow:hidden}.editor-header{z-index:25;background:#fff;border-bottom:1.5px solid #ecebe6;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;box-shadow:0 2px 10px #00000005,inset 0 -1px 2px #00000003}.editor-body{background:#f4f7f3;flex:1;gap:10px;min-height:0;padding:10px 10px 0;display:flex}.capcut-tool-rail{z-index:15;background:#fff;border:1.5px solid #ecebe6;border-radius:20px;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:72px;padding:16px 0;display:flex;box-shadow:0 6px 20px -3px #16a34a0d,inset 0 2px 3px #ffffffe6}.capcut-rail-btn{color:#71717a;cursor:pointer;background:#f7faf6;border:1.5px solid #ecebe6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:54px;height:54px;font-size:10px;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #00000005,inset 0 1px 2px #ffffffe6}.capcut-rail-btn:hover{color:#16a34a;background:#eef6ed;border-color:#bde4b9;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a1a,inset 0 1px 2px #fff}.capcut-rail-btn.active{color:#fff;background:#16a34a;border-color:#ffffff4d;transform:scale(1.02);box-shadow:0 6px 14px -2px #16a34a66,inset 0 2px 3px #ffffff59}.editor-left-panel{color:#18181b;background:#fff;border:1.5px solid #ecebe6;border-radius:20px;flex-direction:column;flex-shrink:0;width:330px;max-width:28vw;display:flex;overflow-y:auto;box-shadow:0 8px 24px -4px #16a34a0d,inset 0 2px 3px #ffffffe6}.editor-center-panel{background:#ebf1ea;border:1.5px solid #ecebe6;border-radius:20px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000008,0 4px 12px #00000005}.editor-right-panel{color:#18181b;background:#fff;border:1.5px solid #ecebe6;border-radius:20px;flex-direction:column;flex-shrink:0;width:330px;max-width:28vw;display:flex;overflow-y:auto;box-shadow:0 8px 24px -4px #16a34a0d,inset 0 2px 3px #ffffffe6}.editor-bottom-timeline{color:#18181b;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #ecebe6;border-radius:16px;flex-direction:column;flex-shrink:0;height:185px;min-height:150px;max-height:200px;margin:6px 12px 10px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:visible;box-shadow:0 8px 24px -4px #16a34a12,inset 0 2px 3px #fffffff2}.editor-bottom-timeline.collapsed{opacity:0;pointer-events:none;border:none!important;height:0!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding:0!important}.capcut-timeline-toolbar{background:#fafcf9;border-bottom:1.5px solid #e4ede2;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 18px;display:flex}.capcut-tool-btn{color:#334237;cursor:pointer;background:#fff;border:1.5px solid #dce6da;border-radius:12px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #00000005,inset 0 1px 2px #ffffffe6}.capcut-tool-btn:hover{color:#16a34a;background:#f0f7ee;border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 10px #16a34a1a}.capcut-tool-btn:active{transform:translateY(1px)}.capcut-tool-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;background:#f4f7f2;border-color:#e2e8df;transform:none}.capcut-timeline-ruler{cursor:pointer;background:#f6faf4;border-bottom:1.5px solid #e4ede2;align-items:center;height:28px;display:flex;position:relative}.capcut-track-row{background:#fff;border-bottom:1px solid #e8efe5;align-items:center;height:44px;display:flex;position:relative}.capcut-track-header{color:#4b5a4e;background:#f7faf6;border-right:1.5px solid #e4ede2;flex-shrink:0;align-items:center;gap:8px;width:140px;height:100%;padding:0 14px;font-size:11px;font-weight:700;display:flex}.capcut-track-content{background:#fafcf9;flex:1;align-items:center;height:100%;padding:0 6px;display:flex;position:relative;overflow-x:hidden}.capcut-clip-block{color:#18181b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;border:1.5px solid #d5e2d1;border-radius:10px;justify-content:space-between;align-items:center;height:34px;padding:0 12px;font-size:11px;font-weight:800;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0000000a,inset 0 2px 2px #ffffffe6}.capcut-clip-block:hover{border-color:#a4d9a0;transform:translateY(-1px);box-shadow:0 6px 14px #16a34a1f,inset 0 2px 2px #fff}.capcut-clip-block.selected{transform:translateY(-1px);box-shadow:0 4px 14px #16a34a38,inset 0 2px 2px #fffffff2;background:#edf7ec!important;border:2px solid #16a34a!important}.clip-trim-handle-left,.clip-trim-handle-right{cursor:col-resize;z-index:5;background:0 0;justify-content:center;align-items:center;width:8px;transition:background .12s;display:flex;position:absolute;top:0;bottom:0}.clip-trim-handle-left{border-top-left-radius:6px;border-bottom-left-radius:6px;left:0}.clip-trim-handle-right{border-top-right-radius:6px;border-bottom-right-radius:6px;right:0}.capcut-clip-block:hover .clip-trim-handle-left,.capcut-clip-block:hover .clip-trim-handle-right{background:#16a34a40}.capcut-clip-block.selected .clip-trim-handle-left,.capcut-clip-block.selected .clip-trim-handle-right{background:#16a34a;width:6px}.capcut-playhead-line{z-index:50;pointer-events:none;background:#ef4444;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ef444499}.capcut-playhead-marker{clip-path:polygon(50% 100%,0 0,100% 0);background:#ef4444;width:14px;height:14px;position:absolute;top:-1px;left:-6px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f171173;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);background:#fff;width:90%;max-width:680px;max-height:90vh;position:relative;overflow-y:auto}@keyframes mf-fade-in{0%{opacity:0;transform:translate(0,0)}to{opacity:1;transform:translate(0,0)}}@keyframes mf-fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes mf-fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}@keyframes mf-scale-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translate(0,0)}}@keyframes mf-page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes mf-pulse-subtle{0%,to{transform:scale(1);box-shadow:0 0 #16a34a59}50%{transform:scale(1.05);box-shadow:0 0 0 6px #16a34a00}}@keyframes mf-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-7px)}}@keyframes mf-float-reverse{0%,to{transform:translate(0,0)}50%{transform:translateY(7px)}}@keyframes mf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mf-page-transition{width:100%;min-height:100vh;animation:.2s mf-fade-in}.mf-reveal,.mf-reveal-up,.reveal-on-scroll{animation:mf-reveal-in .35s var(--ease-spring) both;will-change:opacity, transform}.mf-reveal.is-revealed,.mf-reveal-up.is-revealed,.reveal-on-scroll.is-revealed{opacity:1;transform:translate(0,0)}.mf-reveal-scale{animation:mf-reveal-scale-in .35s var(--ease-spring) both;will-change:opacity, transform}.mf-reveal-scale.is-revealed{opacity:1;transform:scale(1)translate(0,0)}.mf-reveal-stagger>*{animation:mf-reveal-in .35s var(--ease-spring) both;will-change:opacity, transform}.mf-reveal-stagger.is-revealed>*{opacity:1;transform:translate(0,0)}@keyframes mf-reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes mf-reveal-scale-in{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translate(0,0)}}.mf-reveal-stagger>:first-child{transition-delay:40ms}.mf-reveal-stagger>:nth-child(2){transition-delay:.1s}.mf-reveal-stagger>:nth-child(3){transition-delay:.16s}.mf-reveal-stagger>:nth-child(4){transition-delay:.22s}.mf-reveal-stagger>:nth-child(5){transition-delay:.28s}.mf-reveal-stagger>:nth-child(6){transition-delay:.34s}.mf-reveal-stagger>:nth-child(7){transition-delay:.4s}.mf-reveal-stagger>:nth-child(8){transition-delay:.46s}.mf-modal-overlay{animation:.2s both mf-fade-in}.mf-modal-card{animation:mf-scale-in .28s var(--ease-spring) both;will-change:transform, opacity}.mf-ambient-float{will-change:transform;animation:4.5s ease-in-out infinite mf-float}.mf-ambient-float-rev{will-change:transform;animation:5s ease-in-out infinite mf-float-reverse}.mf-pulse-dot{animation:2s ease-in-out infinite mf-pulse-subtle}.clay-card{transition:transform .28s var(--ease-spring), box-shadow .28s var(--ease-spring), border-color .28s var(--ease-spring);will-change:transform, box-shadow;background:#fff;border:1px solid #ecebe6;border-radius:24px;transform:translate(0,0);box-shadow:0 12px 32px -4px #18181b0d,0 4px 12px #18181b05,inset 0 2px 4px #fffffff2}.clay-card:hover{border-color:#d4ecd0;transform:translateY(-6px);box-shadow:0 20px 44px -4px #16a34a1f,0 8px 18px #18181b08,inset 0 2px 4px #fffffff2}.clay-box{transition:transform .2s var(--ease-spring), border-color .2s ease;background:#fff;border:1px solid #ecebe6;border-radius:18px;box-shadow:inset 0 2px 4px #18181b05,0 2px 8px #00000005}.clay-btn{background:var(--primary-green);border-radius:var(--radius-pill);transition:transform .2s var(--ease-spring), background .2s ease, box-shadow .2s var(--ease-spring);cursor:pointer;will-change:transform, box-shadow;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:700;display:inline-flex;transform:translate(0,0);box-shadow:0 6px 18px #16a34a47,inset 0 2px 3px #ffffff59,inset 0 -2px 3px #0000001f;color:#fff!important}.clay-btn:hover{background:var(--primary-green-hover);transform:translateY(-2px);box-shadow:0 10px 24px #16a34a5c,inset 0 2px 3px #ffffff73}.clay-btn:active{transform:translateY(1px)scale(.98);box-shadow:0 3px 8px #16a34a40,inset 0 2px 3px #00000026}.clay-btn-secondary{color:var(--text-primary);border-radius:var(--radius-pill);transition:transform .2s var(--ease-spring), background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s var(--ease-spring);cursor:pointer;will-change:transform;background:#fff;border:1px solid #ecebe6;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:14px;font-weight:600;display:inline-flex;transform:translate(0,0);box-shadow:0 4px 12px #18181b0a,inset 0 2px 4px #fffffff2}.clay-btn-secondary:hover{color:var(--primary-green);background:#faf9f5;border-color:#d4dcd2;transform:translateY(-2px);box-shadow:0 8px 18px #18181b0f}.clay-btn-secondary:active{transform:translateY(1px)scale(.98);box-shadow:0 2px 6px #0000000a}.clay-input{width:100%;color:var(--text-primary);background:#fff;border:1.5px solid #ecebe6;border-radius:16px;outline:none;padding:12px 18px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 2px 4px #18181b05}.clay-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px #16a34a24,inset 0 1px 2px #fffc}.clay-badge{color:#16a34a;border-radius:var(--radius-pill);background:#ebf5e9;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:inset 0 1px 2px #fffc,0 2px 6px #16a34a0f}.clay-badge:hover{transform:translateY(-1px)}.card-thumb-zoom{transition:transform .4s var(--ease-spring);will-change:transform}.clay-card:hover .card-thumb-zoom,.motion-card:hover .card-thumb-zoom{transform:scale(1.05)}a,button{transition:color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s var(--ease-spring), opacity .18s ease}@media (width<=1200px){.editor-left-panel,.editor-right-panel{width:290px;max-width:32vw}}@media (width<=1024px){.editor-body{flex-direction:column;gap:8px;padding:8px;overflow-y:auto}.editor-left-panel,.editor-right-panel{max-height:400px;width:100%!important;max-width:100%!important}.capcut-tool-rail{border-radius:14px;flex-direction:row;gap:8px;width:100%;height:auto;padding:8px 12px;overflow-x:auto}.capcut-rail-btn{flex-shrink:0;width:48px;height:48px}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}.mobile-bottom-nav{display:none}@media (width<=768px){.app-container{flex-direction:column!important;min-height:100dvh!important;padding-bottom:0!important;overflow-x:clip!important}.app-container:has(.mobile-bottom-nav){padding-bottom:84px!important}.desktop-sidebar{display:none!important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px)!important;z-index:90!important;height:64px!important;padding:0 8px calc(env(safe-area-inset-bottom,0px)) 8px!important;background:#fffffffa!important;border-top:1.5px solid #ecebe6!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 16px #0000000d!important}.main-content{width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;overflow:clip visible!important}.dashboard-content-container,.projects-page-container,.profile-page-main,.designs-page-container{box-sizing:border-box!important;max-width:100%!important;padding:14px 12px 96px!important}.marketing-navbar{gap:8px!important;height:60px!important;padding:0 16px!important}.marketing-nav-brand{gap:8px!important}.marketing-nav-brand span:first-child{font-size:18px!important}.marketing-nav-links{display:none!important}.marketing-mobile-toggle{display:flex!important}.marketing-signin-btn{display:none!important}.marketing-getstarted-btn{padding:7px 14px!important;font-size:12px!important;font-weight:700!important}.marketing-hero-section{padding:36px 16px 48px!important}.hero-pill-badge{margin-bottom:16px!important;padding:6px 14px!important}.hero-pill-badge span:last-child{font-size:11.5px!important}.marketing-hero-title{margin-bottom:14px!important;font-size:32px!important;line-height:1.18!important}.marketing-hero-subtitle{margin-bottom:24px!important;font-size:14.5px!important;line-height:1.5!important}.marketing-hero-ctas{flex-direction:column!important;gap:10px!important;width:100%!important;margin-bottom:16px!important}.hero-primary-cta,.hero-secondary-cta{justify-content:center!important;width:100%!important;padding:12px 20px!important;font-size:14px!important}.marketing-features-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.marketing-feature-card{border-radius:14px!important;gap:10px!important;padding:12px 10px!important}.marketing-feature-card div div:first-child{font-size:12.5px!important}.marketing-feature-card div div:last-child{font-size:11px!important}.designs-banner-card{gap:12px!important;margin-bottom:16px!important;padding:16px 14px!important}.designs-banner-card h1{font-size:20px!important;line-height:1.25!important}.designs-banner-card p{margin-top:4px!important;font-size:12px!important}.designs-banner-actions{justify-content:space-between!important;gap:8px!important;width:100%!important}.designs-banner-actions button{padding:7px 12px!important;font-size:12px!important}.designs-category-scroll{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:6px!important;margin-bottom:14px!important;padding-bottom:6px!important;overflow-x:auto!important}.designs-category-scroll button{padding:6px 12px!important;font-size:12px!important}.designs-ratio-bar{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important}.designs-ratio-scroll{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;width:100%!important;overflow-x:auto!important}.designs-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;display:grid!important}.design-lib-card{border-radius:14px!important}.design-lib-thumbnail{height:120px!important}.design-lib-body{padding:10px 8px!important}.design-lib-title{height:32px!important;min-height:32px!important;margin-bottom:4px!important;font-size:12.5px!important;line-height:1.25!important}.design-lib-desc{display:none!important}.design-lib-tags{gap:4px!important;margin-bottom:8px!important}.design-lib-tags span{padding:1px 4px!important;font-size:9px!important}.design-lib-actions{gap:6px!important;padding-top:8px!important}.design-lib-preview-btn{flex:.38!important;padding:6px 8px!important;font-size:11px!important}.design-lib-use-btn{flex:.62!important;gap:4px!important;padding:6px 8px!important;font-size:11px!important}.app-header{z-index:50!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;height:56px!important;min-height:56px!important;padding:0 16px!important;position:sticky!important;top:0!important}.app-header h2{text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;min-width:0!important;max-width:none!important;margin:0!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;overflow:hidden!important}.app-header-actions{flex-wrap:nowrap!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:auto!important}.app-header-user-pill,.app-header .app-header-new-btn,.projects-filter-new-btn,.header-search-box{display:none!important}.dashboard-welcome-heading{font-size:21px!important;line-height:1.25!important}.dashboard-welcome-subtitle{font-size:13px!important;line-height:1.4!important}.dashboard-welcome-actions{gap:8px!important;width:100%!important;margin-top:10px!important}.dashboard-welcome-actions button{flex:1!important;justify-content:center!important;padding:9px 12px!important;font-size:12px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:24px!important}.stats-grid .clay-card{border-radius:16px!important;gap:10px!important;padding:14px 12px!important}.stats-grid .clay-card span:first-child{font-size:20px!important}.stats-grid .clay-card span:last-child{font-size:11px!important}.wizard-container{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:14px 12px 115px!important}.wizard-mobile-stepper{margin-bottom:14px!important;display:flex!important}.wizard-content-card{border-radius:16px!important;padding:18px 14px!important}.wizard-pathway-card{border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:16px 14px!important;display:flex!important}.wizard-pathway-grid{grid-template-columns:1fr!important;gap:10px!important}.wizard-two-col-grid{grid-template-columns:1fr!important;gap:12px!important}.wizard-ratio-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.wizard-toolbar-row{flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important}.wizard-toolbar-row .header-search{flex:1!important;width:100%!important;max-width:100%!important}.wizard-top-continue-btn{display:none!important}.wizard-motion-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important;max-height:none!important;overflow-y:visible!important}.wizard-layout-grid{grid-template-columns:1fr!important;gap:10px!important}.wizard-voice-grid{grid-template-columns:1fr!important;gap:10px!important;max-height:320px!important}.design-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important}.design-card{border-radius:14px!important;overflow:hidden!important}.design-info{padding:10px!important}.design-title{-webkit-line-clamp:2!important;white-space:normal!important;-webkit-box-orient:vertical!important;min-height:2.5em!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.design-desc{-webkit-line-clamp:2!important;font-size:10.5px!important;line-height:1.35!important}.wizard-steps{display:none!important}.wizard-sticky-footer{z-index:1000!important;width:100%!important;height:62px!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;-webkit-backdrop-filter:blur(16px)!important;background:#faf9f5fa!important;border-top:1.5px solid #ecebe6!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:translateZ(0)!important;box-shadow:0 -4px 20px #18181b14!important}.wizard-sticky-footer-inner{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;height:100%!important;padding:0 14px!important;display:flex!important}.wizard-footer-left-slot{flex:1 1 0!important;justify-content:flex-start!important;align-items:center!important;min-width:0!important;display:flex!important}.wizard-footer-center-slot{flex:2 1 0!important;justify-content:center!important;align-items:center!important;min-width:0!important;display:flex!important}.wizard-footer-right-slot{flex:1 1 0!important;justify-content:flex-end!important;align-items:center!important;min-width:0!important;display:flex!important}.wizard-footer-back-btn{white-space:nowrap!important;border-radius:9999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:5px!important;height:38px!important;padding:9px 14px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important}.wizard-footer-next-btn{white-space:nowrap!important;border-radius:9999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:5px!important;height:38px!important;padding:9px 16px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important}.wizard-step-badge-pill{white-space:nowrap!important;background:#fff!important;border:1.5px solid #ecebe6!important;border-radius:9999px!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:4px 8px!important;line-height:1!important;display:inline-flex!important;box-shadow:0 2px 8px #18181b0a!important}.wizard-step-name{text-overflow:ellipsis!important;white-space:nowrap!important;color:#16a34a!important;max-width:none!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;overflow:hidden!important}.wizard-step-count{white-space:nowrap!important;color:#18181b!important;flex-shrink:0!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important}.wizard-step-divider{white-space:nowrap!important;color:#16a34a!important;flex-shrink:0!important;margin:0 2px!important;font-size:9px!important;line-height:1!important}.editor-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;height:auto!important;min-height:52px!important;padding:8px 12px!important}.editor-header-left{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.editor-header-center{justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.editor-header-right,.editor-header-design-badge,.editor-header-render-btn,.editor-header-timeline-btn,.canvas-top-design-pill{display:none!important}.canvas-player-controls{-webkit-overflow-scrolling:touch!important;gap:6px!important;max-width:96%!important;padding:5px 12px!important;overflow-x:auto!important}.canvas-player-voice-btn span{display:none!important}.editor-center-panel{min-height:280px!important}.editor-bottom-timeline{height:165px!important;min-height:145px!important;margin:4px 6px 8px!important}.capcut-timeline-header-toolbar{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;overflow-x:auto!important}.clay-card{border-radius:18px!important;padding:18px!important}.privacy-notice-banner{max-width:100%!important;margin:0!important;bottom:12px!important;left:12px!important;right:12px!important}.privacy-notice-inner{border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px!important}.privacy-notice-content{align-items:flex-start!important}.privacy-notice-actions{width:100%!important}.privacy-notice-actions button{justify-content:center!important;width:100%!important}.auth-page-container{min-height:calc(100vh - 56px)!important;padding:24px 16px!important}.auth-page-card{border-radius:18px!important;padding:28px 20px!important}.profile-tabs-row{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}.profile-tabs-row::-webkit-scrollbar{display:none!important}.profile-meta-chip{background:#f4f4f5!important;border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;font-weight:600!important}.pricing-page-container{padding:24px 16px 90px!important}.pricing-page-title{font-size:1.85rem!important}.pricing-grid{grid-template-columns:1fr!important;gap:16px!important}}@media (width<=480px){.auth-page-container{padding:16px 12px!important}.auth-page-card{border-radius:16px!important;padding:24px 16px!important}.app-header h2{font-size:15px!important}.wizard-container{padding:12px 10px 115px!important}.wizard-content-card{border-radius:14px!important;padding:16px 10px!important}.wizard-pathway-card{flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:12px 10px!important;display:flex!important}.wizard-sticky-footer-inner{gap:6px!important;padding:0 10px!important}.wizard-footer-back-btn{gap:4px!important;padding:8px 12px!important;font-size:12px!important}.wizard-footer-next-btn{gap:4px!important;padding:8px 14px!important;font-size:12px!important}.wizard-step-name{max-width:none!important;font-size:10.5px!important}.wizard-step-count{font-size:10.5px!important}}@media (width<=360px){.wizard-sticky-footer-inner{gap:4px!important;padding:0 6px!important}.wizard-footer-back-btn span,.wizard-footer-next-btn span{font-size:10px!important}.wizard-footer-back-btn{padding:6px 8px!important}.wizard-footer-next-btn{padding:6px 10px!important}.wizard-step-divider,.wizard-step-name{display:none!important}.wizard-step-count{font-size:10px!important}.design-grid,.wizard-motion-grid{grid-template-columns:1fr!important;gap:10px!important}}.hero-split-grid{grid-template-columns:minmax(360px,.92fr) minmax(480px,1.28fr);align-items:center;gap:clamp(32px,3.5vw,54px);width:100%;display:grid}.marketing-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;width:100%;display:grid}.design-lib-card{content-visibility:auto;contain-intrinsic-size:280px}@media (width<=1024px){.hero-split-grid{grid-template-columns:1fr!important;gap:40px!important}.marketing-pricing-grid{grid-template-columns:1fr!important;gap:20px!important}}@media (width<=768px){html,body,#root{max-width:100vw!important;overflow-x:hidden!important}.marketing-hero-section{padding:28px 16px 40px!important;overflow-x:hidden!important}.hero-split-grid{gap:28px!important}.hero-left-col{text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.hero-pill-badge{margin-bottom:18px!important}.hero-headline{margin-bottom:16px!important;font-size:clamp(2rem,8.2vw,2.75rem)!important;line-height:1.1!important}.hero-subheadline{max-width:94%!important;margin:0 auto 24px!important;font-size:15px!important}.hero-cta-row{justify-content:center!important;gap:10px!important;width:100%!important;margin-bottom:28px!important}.hero-cta-row button{height:46px!important;padding:0 20px!important;font-size:14px!important}.hero-pillars-grid{width:100%!important;max-width:360px!important;margin:0 auto!important}.hero-mockup-card{border-radius:18px!important;transform:none!important}.hero-mockup-swoosh{width:100%!important;height:calc(100% + 40px)!important;top:-20px!important;left:0!important}.hero-mockup-workspace{grid-template-columns:1fr!important;min-height:220px!important}.hero-mockup-toolstrip,.hero-mockup-inspector,.hero-mockup-hide-mobile{display:none!important}.hero-mockup-typo-main{font-size:clamp(24px,7.5vw,34px)!important}.hero-mockup-typo-sub{font-size:clamp(26px,8vw,36px)!important}.how-it-works-steps{flex-direction:column!important;align-items:center!important;gap:10px!important}.how-it-works-step-card{justify-content:flex-start!important;width:100%!important;max-width:320px!important;padding:12px 20px!important}.how-it-works-arrow{transform:rotate(90deg)!important}.templates-header-row{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important}.templates-carousel-arrow-left{width:32px!important;height:32px!important;left:2px!important}.templates-carousel-arrow-right{width:32px!important;height:32px!important;right:2px!important}.templates-carousel-track{grid-template-columns:repeat(6,72vw)!important;gap:12px!important;padding:6px 12px 14px!important}.automation-card{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:18px!important;padding:20px 18px!important}.automation-header-block{text-align:left!important;justify-content:center!important}.automation-divider{display:none!important}.automation-features-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important;width:100%!important;display:grid!important}.automation-features-grid button{background:#faf9f5!important;border:1px solid #ecebe6!important;border-radius:12px!important;padding:12px 8px!important}.why-makeflow-grid{text-align:center!important;grid-template-columns:1fr!important;gap:20px!important}.why-makeflow-clapper{transform:scale(.88)}.why-makeflow-cards{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.prefooter-cta-banner{text-align:center!important;border-radius:22px!important;justify-content:center!important;gap:16px!important;padding:24px 18px!important}.prefooter-cta-banner button{width:100%!important;max-width:300px!important}.marketing-footer{padding:32px 16px!important}.marketing-footer-inner{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:20px!important}.marketing-footer-links{justify-content:center!important;gap:14px 18px!important}.hero-floating-badge{padding:4px 10px!important;font-size:10px!important}.pricing-grid,.marketing-pricing-grid{grid-template-columns:1fr!important;gap:16px!important}.designs-grid,.design-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important}.voices-grid{grid-template-columns:1fr!important;gap:12px!important}.projects-grid{grid-template-columns:1fr!important;gap:14px!important}.stats-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (width<=640px){.hero-floating-badge{display:none!important}.marketing-hero-section{padding:22px 14px 34px!important}.hero-split-grid{gap:24px!important}}@media (width<=480px){.hero-mockup-topbar{height:44px!important;padding:0 12px!important}.hero-mockup-autoedit-btn{display:none!important}.hero-cta-row{flex-direction:column!important;align-items:stretch!important}.hero-cta-row button{width:100%!important;max-width:100%!important}.designs-banner-card{padding:18px 14px!important}.designs-grid,.design-grid{grid-template-columns:1fr!important;gap:12px!important}}@media (width<=1024px){.editor-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"project actions""controls controls";gap:8px!important;height:auto!important;min-height:88px!important;padding:8px 10px!important;display:grid!important}.editor-header-left{grid-area:project;min-width:0;justify-content:flex-start!important;width:auto!important}.editor-header-left>button{flex-shrink:0}.editor-header-left>div{min-width:0;overflow:hidden}.editor-header-left>div>div:first-child{flex-shrink:0}.editor-header-left .clay-pill{white-space:nowrap;min-width:0;overflow:hidden}.editor-header-left .clay-pill>span:first-child{text-overflow:ellipsis;overflow:hidden}.editor-header-left input{width:100%;min-width:0}.editor-header-center{grid-area:controls;min-width:0;overflow-x:auto;justify-content:flex-start!important}.editor-header-center>*{flex-shrink:0}.editor-header-right{grid-area:actions;display:flex!important}.editor-header-right>button:not(.editor-header-export-btn){display:none!important}.editor-body{flex-direction:row;gap:6px;min-height:220px;padding:6px;position:relative;overflow:hidden}.editor-body>.capcut-tool-rail{flex-direction:column;gap:6px;width:54px;height:auto;padding:8px 2px;overflow:hidden auto}.editor-body .capcut-rail-btn{width:44px;height:44px;font-size:9px}.editor-center-panel{min-height:0!important}.editor-left-panel,.editor-right-panel{z-index:80;max-height:none;position:absolute;top:6px;bottom:6px;box-shadow:0 8px 30px #0003;width:min(330px,100% - 76px)!important;max-width:none!important}.editor-left-panel{left:64px}.editor-right-panel{right:64px}}.mf-design-thumbnail{transform:translateZ(0);container-type:size}@container (height<=95px){.mf-design-thumbnail-header,.mf-design-thumbnail-footer{display:none!important}.mf-design-thumbnail-lead{margin-bottom:1px!important;font-size:8.5px!important}.mf-design-thumbnail-hero{padding:2px 7px!important;font-size:13px!important}}.design-lib-thumbnail:hover .mf-design-thumbnail{box-shadow:inset 0 0 0 1px #16a34a4d,inset 0 2px 14px #0006}