.page-module__O4Y5aq__editor{height:calc(100vh - var(--navbar-height));margin-top:var(--navbar-height);background-color:var(--bg-default);display:flex;overflow:hidden}.page-module__O4Y5aq__panelLeft{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.page-module__O4Y5aq__panelRight{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:420px;display:flex;overflow:hidden}.page-module__O4Y5aq__panelHeader{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.page-module__O4Y5aq__panelHeader h3{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.page-module__O4Y5aq__selectedCount{font-size:var(--text-xs);color:var(--text-gold);font-weight:var(--font-medium)}.page-module__O4Y5aq__categories{gap:var(--space-1);padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.page-module__O4Y5aq__catBtn{padding:var(--space-1)var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.page-module__O4Y5aq__catBtn:hover{color:var(--text-primary);background:var(--bg-elevated)}.page-module__O4Y5aq__catBtnActive{color:var(--text-gold);background:var(--gold-glow)}.page-module__O4Y5aq__componentGrid{gap:var(--space-2);padding:var(--space-3);flex:1;grid-template-columns:repeat(3,1fr);display:grid;overflow-y:auto}.page-module__O4Y5aq__componentCard{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-card);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;flex-direction:column;display:flex;position:relative}.page-module__O4Y5aq__componentCard:hover{border-color:var(--border-default);background:var(--bg-card-hover)}.page-module__O4Y5aq__componentCardSelected{border-color:var(--border-gold-strong)!important;background:var(--gold-glow)!important}.page-module__O4Y5aq__componentLocked{opacity:.5;cursor:not-allowed}.page-module__O4Y5aq__componentLocked:hover{opacity:.6}.page-module__O4Y5aq__compThumb{aspect-ratio:9/12;background:var(--bg-elevated);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.page-module__O4Y5aq__compIcon{font-size:var(--text-2xl);color:var(--text-tertiary)}.page-module__O4Y5aq__lockIcon{font-size:var(--text-lg)}.page-module__O4Y5aq__compName{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.page-module__O4Y5aq__unlockLink{color:var(--text-gold);font-size:9px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.page-module__O4Y5aq__aiGrid{gap:var(--space-2);padding:var(--space-3);flex:1;grid-template-columns:repeat(2,1fr);display:grid;overflow-y:auto}.page-module__O4Y5aq__aiCard{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);transition:all var(--transition-fast);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:8px;display:flex;position:relative}.page-module__O4Y5aq__aiCard:hover{border-color:var(--border-gold);background:var(--bg-card-hover);transform:translateY(-2px)}.page-module__O4Y5aq__aiCardSelected{box-shadow:0 0 12px #d4af3726;border-color:var(--border-gold-strong)!important;background:#d4af3714!important}.page-module__O4Y5aq__aiThumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:linear-gradient(135deg,#d4af371f,#000c);border:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.page-module__O4Y5aq__aiBadge{color:var(--text-gold);background:#000000d9;border:1px solid #d4af3766;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;bottom:4px;left:4px}.page-module__O4Y5aq__aiCheckBadge{background:var(--text-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0009}.page-module__O4Y5aq__panelCenter{justify-content:center;align-items:center;gap:var(--space-4);min-width:0;height:100%;padding:var(--space-6);background:var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-module__O4Y5aq__previewFrame{height:min(calc(100vh - var(--navbar-height) - 100px),580px);aspect-ratio:9/16;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0d0e12;flex-shrink:0;justify-content:center;align-items:center;width:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009}.page-module__O4Y5aq__previewPlaceholder{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:100%;color:var(--text-tertiary);text-align:center;padding:var(--space-6);box-sizing:border-box;flex-direction:column;display:flex}.page-module__O4Y5aq__playIcon{width:64px;height:64px;font-size:var(--text-2xl);background:var(--gold-glow);border:1px solid var(--border-gold);color:var(--text-gold);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-module__O4Y5aq__previewPlaceholder p{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary)}.page-module__O4Y5aq__previewHint{font-size:var(--text-xs)!important;color:var(--text-tertiary)!important}.page-module__O4Y5aq__previewActions{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:360px;display:flex}.page-module__O4Y5aq__actionBtns{gap:var(--space-3);display:flex}.page-module__O4Y5aq__successMsg{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--success);background:#34d3991a;border:1px solid #34d3994d;align-items:center;display:flex}.page-module__O4Y5aq__successMsg code{font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-sm);margin-left:var(--space-2);background:#34d39926;padding:2px 6px}.page-module__O4Y5aq__errorMsg{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--error);background:#ef44441a;border:1px solid #ef44444d}.page-module__O4Y5aq__panelRight{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);flex-direction:column;display:flex;overflow:hidden}.page-module__O4Y5aq__configScroll{padding-bottom:var(--space-4);flex:1;overflow-y:auto}.page-module__O4Y5aq__configActions{padding:var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);gap:var(--space-2);z-index:10;flex-direction:column;display:flex}.page-module__O4Y5aq__configTitle{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-4);border-bottom:1px solid var(--border-subtle)}.page-module__O4Y5aq__configSection{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);gap:var(--space-2);flex-direction:column;display:flex}.page-module__O4Y5aq__hookSection{margin:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-gold);gap:var(--space-3);background:#d4af3708;flex-direction:column;display:flex;position:relative;overflow:hidden}.page-module__O4Y5aq__hookHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-module__O4Y5aq__hookTitleRow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.page-module__O4Y5aq__hookBadge{color:var(--text-gold);background:#d4af3733;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.page-module__O4Y5aq__hookLabel{color:var(--text-gold);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.page-module__O4Y5aq__hookDescription{color:var(--text-tertiary);margin:0;font-size:11px;line-height:1.5}.page-module__O4Y5aq__hookToggle{cursor:pointer;background:var(--bg-card);width:44px;height:24px;transition:all var(--transition-normal);border:none;border-radius:12px;flex-shrink:0;position:relative}.page-module__O4Y5aq__hookToggleActive{background:var(--text-gold)!important}.page-module__O4Y5aq__hookToggleHandle{width:20px;height:20px;transition:all var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.page-module__O4Y5aq__hookToggleActive .page-module__O4Y5aq__hookToggleHandle{left:22px}.page-module__O4Y5aq__hookSelect{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:8px 12px;font-size:13px}.page-module__O4Y5aq__hookGrid{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.page-module__O4Y5aq__hookCard{aspect-ratio:9/12;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.page-module__O4Y5aq__hookCard:hover{border-color:var(--border-default)}.page-module__O4Y5aq__hookCardSelected{border-color:var(--border-gold-strong);box-shadow:0 0 10px #d4af374d}.page-module__O4Y5aq__hookCardCheck{background:var(--text-gold);color:#000;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.page-module__O4Y5aq__colorPicker{gap:var(--space-3);align-items:center;display:flex}.page-module__O4Y5aq__colorInput{border-radius:var(--radius-md);border:1px solid var(--border-default);cursor:pointer;width:44px;height:38px;padding:2px}.page-module__O4Y5aq__uploadZone{align-items:center;gap:var(--space-2);padding:var(--space-6)var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast);text-align:center;font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;display:flex}.page-module__O4Y5aq__uploadZone:hover,.page-module__O4Y5aq__uploadZoneActive{border-color:var(--border-gold);background:#d4af371a}.page-module__O4Y5aq__uploadFormats{font-size:var(--text-xs);color:var(--text-tertiary)}.page-module__O4Y5aq__modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;animation:.2s page-module__O4Y5aq__fadeIn;display:flex;position:fixed;inset:0}.page-module__O4Y5aq__modalContent{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:440px;animation:.3s page-module__O4Y5aq__scaleIn}.page-module__O4Y5aq__modalContent h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.page-module__O4Y5aq__modalContent p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.page-module__O4Y5aq__modalList{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;padding:0;list-style:none;display:flex}.page-module__O4Y5aq__modalList li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-sm)}.page-module__O4Y5aq__modalNote{font-size:var(--text-xs)!important;color:var(--text-tertiary)!important}.page-module__O4Y5aq__modalActions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.page-module__O4Y5aq__tutorialTriggerBtn{color:var(--text-gold);border-radius:var(--radius-md);cursor:pointer;background:#d4af3726;border:1px solid #d4af3766;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.page-module__O4Y5aq__tutorialTriggerBtn:hover{background:var(--text-gold);color:#000;box-shadow:0 0 15px #d4af3766}.page-module__O4Y5aq__tutorialModal{border:2px solid var(--border-gold);background:#0d0d16;border-radius:20px;width:100%;max-width:560px;padding:24px;position:relative;box-shadow:0 25px 60px #000000e6,0 0 35px #d4af3740}.page-module__O4Y5aq__tutorialVideoFrame{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:12px;width:100%;overflow:hidden}.page-module__O4Y5aq__tutorialVideo{object-fit:cover;width:100%;height:100%;display:block}.page-module__O4Y5aq__mobileTabBar{display:none}@media (max-width:1024px){.page-module__O4Y5aq__editor{height:calc(100dvh - var(--navbar-height));flex-direction:column;display:flex;position:relative;overflow:hidden}.page-module__O4Y5aq__panelLeft,.page-module__O4Y5aq__panelRight,.page-module__O4Y5aq__panelCenter{-webkit-overflow-scrolling:touch;background:var(--bg-primary);box-sizing:border-box;border:none!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;padding:16px 16px 140px!important;display:none!important;overflow-y:auto!important}.page-module__O4Y5aq__panelActiveMobile{animation:.2s ease-out page-module__O4Y5aq__fadeInTab;flex-direction:column!important;display:flex!important}.page-module__O4Y5aq__previewFrame{aspect-ratio:9/16;border-radius:var(--radius-lg);background:#000;justify-content:center;align-items:center;margin:0 auto;display:flex;box-shadow:0 10px 30px #000000b3;width:100%!important;height:auto!important;min-height:380px!important;max-height:65vh!important}.page-module__O4Y5aq__componentGrid,.page-module__O4Y5aq__aiGrid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:8px 0 140px!important;overflow-y:visible!important}.page-module__O4Y5aq__configScroll{padding-bottom:140px!important;overflow-y:visible!important}.page-module__O4Y5aq__mobileTabBar{-webkit-backdrop-filter:blur(16px);z-index:1000;width:100%;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:#0a0a0ef5;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #000c;display:flex!important}.page-module__O4Y5aq__mobileTabBtn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.page-module__O4Y5aq__mobileTabBtnActive{color:var(--text-gold)!important}.page-module__O4Y5aq__mobileTabBtnActive:after{content:"";background:var(--text-gold);border-radius:2px;height:2px;position:absolute;top:0;left:25%;right:25%;box-shadow:0 0 8px #d4af37cc}.page-module__O4Y5aq__configActions{box-sizing:border-box;-webkit-backdrop-filter:blur(12px)!important;z-index:900!important;background:#0a0a0ef2!important;border-top:1px solid #ffffff14!important;border-radius:0!important;width:100%!important;padding:10px 16px!important;position:fixed!important;bottom:64px!important;left:0!important;right:0!important;box-shadow:0 -10px 30px #0009!important}.page-module__O4Y5aq__configActions button{box-shadow:0 4px 15px #d4af374d!important}.page-module__O4Y5aq__hideOnMobile{display:none!important}@keyframes page-module__O4Y5aq__fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}