@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.home-designer-container,.home-designer-container body{font-family:Inter,sans-serif}.home-designer-container .spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#c9a227;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.home-designer-container .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.home-designer-container .modal-overlay.active{opacity:1;visibility:visible}.home-designer-container .modal-container{position:relative;width:90%;height:90%;display:flex;align-items:center;justify-content:center}.home-designer-container .modal-content{background:#fff;padding:20px;border-radius:8px;max-width:100%;max-height:100%;overflow:auto;position:relative}.home-designer-container .modal-content img{max-width:100%;height:auto;display:block;margin:0 auto 15px}.home-designer-container .modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;z-index:1002}.home-designer-container .modal-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;border:none;border-radius:50%;width:44px;height:44px;font-size:1.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:background .2s ease;-webkit-user-select:none;user-select:none}.home-designer-container .modal-nav-button:hover{background:#fff}.home-designer-container .modal-nav-button:disabled{opacity:.3;cursor:not-allowed}.home-designer-container .modal-prev-btn{left:10px}.home-designer-container .modal-next-btn{right:10px}.home-designer-container .toast-notification{position:fixed;top:20px;right:20px;background-color:#424242;color:#f5f7fa;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:2000;opacity:0;visibility:hidden;transform:translateY(-20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.home-designer-container .toast-notification.show{opacity:1;visibility:visible;transform:translateY(0)}.home-designer-container .details-modal-content{max-width:600px;width:90%}.home-designer-container .modal-content h3{font-size:1.25rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#1e293b}.home-designer-container .modal-content p{line-height:1.6}.home-designer-container .modal-content ul{list-style-type:disc;padding-left:1.5rem}.home-designer-container .form-select{width:100%;padding:.75rem;border-width:1px;border-color:#e0e0e0;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;-webkit-appearance:none;-moz-appearance:none;appearance:none}.home-designer-container .form-select:focus{outline:none;border-color:#c9a227;box-shadow:0 0 0 3px #c9a22780}.home-designer-container .form-input-manual{width:100%;padding:.75rem;border-width:1px;border-color:#e0e0e0;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.home-designer-container .form-input-manual:focus{outline:none;border-color:#c9a227;box-shadow:0 0 0 3px #c9a22780}.my-kisah-container{position:relative;overflow:hidden}.my-kisah-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSIjMWExYTJlIj48L3JlY3Q+PHBvbHlnb24gcG9pbnRzPSItMSwxIDMwLDMxIDMxLDMwIC0xLDAiIHN0cm9rZT0iIzNlM2U1MCIgc3Ryb2tlLXdpZHRoPSIwLjUiIGZpbGw9Im5vbmUiPjwvcG9seWdvbj48L3N2Zz4=);opacity:.3;z-index:0}.my-kisah-input,.my-kisah-textarea,.my-kisah-select{background-color:#12122c;border:1px solid #4a4a70;color:#e0e0ff;transition:border-color .3s,box-shadow .3s}.my-kisah-input:focus,.my-kisah-textarea:focus,.my-kisah-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 2px #f9731680}.my-kisah-textarea{resize:none}.my-kisah-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.my-kisah-select option{background-color:#1f1f3d;color:#e0e0ff}.my-kisah-btn-group button{background-color:#2a2a4a;border:1px solid #4a4a70;color:#c0c0e0;transition:background-color .3s,color .3s,border-color .3s}.my-kisah-btn-group button.selected{color:#fff;border-color:#f97316;background-image:linear-gradient(to right,#f97316,#f59e0b)}.my-kisah-upload-area{background-color:#12122c;border:2px dashed #4a4a70;transition:border-color .3s,background-color .3s}.my-kisah-upload-area:hover{border-color:#f97316;background-color:#1a1a3e}.my-kisah-generate-btn{background-image:linear-gradient(to right,#f59e0b,#ef4444);transition:transform .2s,box-shadow .2s}.my-kisah-generate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ef44444d}.my-kisah-generate-btn:disabled{background-image:linear-gradient(to right,#4b5563,#374151);cursor:not-allowed;transform:none;box-shadow:none}.suara-nusantara-container{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-card{box-shadow:0 4px 12px -1px #00000012;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loader{border:4px solid rgba(0,0,0,.1);border-left-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suara-nusantara-container ::-webkit-scrollbar{width:8px}.suara-nusantara-container ::-webkit-scrollbar-track{background:#1e293b}.dark .suara-nusantara-container ::-webkit-scrollbar-track{background:#1e293b}.suara-nusantara-container ::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.dark .suara-nusantara-container ::-webkit-scrollbar-thumb{background:#475569}.suara-nusantara-container ::-webkit-scrollbar-thumb:hover{background:#64748b}.dark .suara-nusantara-container ::-webkit-scrollbar-thumb:hover{background:#64748b}.suara-nusantara-container input[type=range]{-webkit-appearance:none;background:transparent;cursor:pointer;width:100%}.suara-nusantara-container input[type=range]::-webkit-slider-runnable-track{background:#475569;height:6px;border-radius:3px}.suara-nusantara-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;background-color:#3b82f6;height:16px;width:16px;border-radius:50%;border:2px solid #e2e8f0}.suara-nusantara-container input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #3b82f680}.drop-zone{border:2px dashed #4b5563;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.drop-zone.dragover{background-color:#1e3a8a;border-color:#3b82f6}.suara-nusantara-container button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{transition:opacity .3s ease-in-out}.modal-content{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.api-key-btn{position:relative;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.api-key-valid{background-color:#f59e0b;color:#1f2937;border-color:#f59e0b;animation:blink-animation 1.5s infinite}.api-key-invalid{background-color:#111827;color:#9ca3af;border:1px solid #4b5563}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:.4}}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;padding-top:0;padding-bottom:0}.faq-item.open .faq-answer{max-height:200px}.faq-item.open .faq-question+.faq-answer{padding-top:1rem}.faq-item.open .faq-arrow{transform:rotate(180deg)}.api-key-modal-bg{background-image:url(https://clipsfieldai.com/partners/images/section11.webp);background-size:cover;background-position:center}.api-key-modal-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:#0f172ad9}body.app-initialized{background-image:url(https://clipsfieldai.com/partners/images/section9.webp);background-size:cover;background-position:center;background-attachment:fixed}.horizontal-scroll{display:flex;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:#0d9488 #115e59}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-track{background:#134e4a;border-radius:10px}.horizontal-scroll::-webkit-scrollbar-thumb{background-color:#0d9488;border-radius:10px;border:2px solid #134e4a}.yt-thumbnail-container .step-indicator-item.active .step-circle{background-color:#ef4444;color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px #ef44444d}.yt-thumbnail-container .step-indicator-item.completed .step-circle{background-color:#dc2626;color:#fff}.yt-thumbnail-container .step-indicator-line{height:2px;background-color:#3f3f46;transition:background-color .4s ease-in-out}.yt-thumbnail-container .step-indicator-line.completed{background-color:#dc2626}.yt-thumbnail-container .concept-card{border:2px solid #3f3f46;transition:transform .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out}.yt-thumbnail-container .concept-card:hover{transform:translateY(-5px);border-color:#71717a}.yt-thumbnail-container .concept-card.selected{border-color:#ef4444;transform:translateY(-5px) scale(1.02);box-shadow:0 10px 15px -3px #ef444433,0 4px 6px -2px #ef44441a}.yt-thumbnail-container .input-tabs{display:flex;background-color:#18181b;border-radius:.5rem;padding:.25rem;margin-bottom:1.5rem;border:1px solid #3f3f46}.yt-thumbnail-container .input-tab{width:50%;padding:.5rem 1rem;border-radius:.375rem;text-align:center;font-weight:600;cursor:pointer;color:#a1a1aa;transition:background-color .3s,color .3s}.yt-thumbnail-container .input-tab.active{background-color:#ef4444;color:#fff}.yt-thumbnail-container .json-viewer{background-color:#18181b;border:1px solid #3f3f46;border-radius:.375rem;padding:.75rem;margin-top:.75rem;max-height:200px;overflow-y:auto}.yt-thumbnail-container .json-viewer pre{white-space:pre-wrap;word-break:break-all;font-size:.8rem;color:#d4d4d8}.edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.edit-modal-content{background-color:#18181b;border:1px solid #3f3f46;border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:1200px}@media(min-width:1024px){.edit-modal-content{flex-direction:row}}.edit-modal-image-container{position:relative;flex-grow:1;aspect-ratio:16 / 9}.edit-modal-image-container img,.edit-modal-image-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.5rem}.edit-modal-image-container canvas{cursor:move}.edit-modal-controls{width:100%;max-width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.yt-thumbnail-container .toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:600;z-index:100;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none}.yt-thumbnail-container .toast.show{opacity:1;transform:translate(-50%) translateY(-10px)}.yt-thumbnail-container .toast.success{background-color:#16a34a}.yt-thumbnail-container .toast.error{background-color:#dc2626}.brainrot-container{--brainrot-pink: #ff00c1;--brainrot-teal: #00f2ff;--brainrot-bg: #100f1c;--brainrot-card: #1a192c;--brainrot-border: #3d3c5e;--brainrot-text: #e0dff0;--brainrot-text-dim: #9a98b3;background-color:var(--brainrot-bg);color:var(--brainrot-text)}.brainrot-wizard-step{border-color:var(--brainrot-border);background-color:var(--brainrot-card)}.brainrot-wizard-step.active{border-color:var(--brainrot-pink);box-shadow:0 0 15px #ff00c14d}.brainrot-wizard-step .step-circle{background-color:var(--brainrot-border);color:var(--brainrot-text-dim);transition:all .3s ease}.brainrot-wizard-step.active .step-circle{background-color:var(--brainrot-pink);color:#fff;transform:scale(1.1)}.brainrot-wizard-step.completed .step-circle{background-color:var(--brainrot-teal);color:var(--brainrot-bg)}.brainrot-wizard-line{background-color:var(--brainrot-border)}.brainrot-wizard-line.completed{background-color:var(--brainrot-teal)}.brainrot-label{color:var(--brainrot-teal);text-shadow:0 0 5px var(--brainrot-teal)}.brainrot-input,.brainrot-select,.brainrot-textarea{background-color:#100f1c;border:1px solid var(--brainrot-border);color:var(--brainrot-text);transition:all .3s ease}.brainrot-input:focus,.brainrot-select:focus,.brainrot-textarea:focus{outline:none;border-color:var(--brainrot-pink);box-shadow:0 0 0 2px #ff00c166}.brainrot-select option{background-color:var(--brainrot-bg)}.brainrot-idea-list{max-height:40vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--brainrot-pink) var(--brainrot-bg)}.brainrot-idea-list::-webkit-scrollbar{width:8px}.brainrot-idea-list::-webkit-scrollbar-track{background:var(--brainrot-bg)}.brainrot-idea-list::-webkit-scrollbar-thumb{background-color:var(--brainrot-pink);border-radius:4px}.brainrot-idea-item{border:1px solid var(--brainrot-border);background-color:transparent;transition:all .2s ease-in-out}.brainrot-idea-item:hover{background-color:#00f2ff1a;border-color:var(--brainrot-teal)}.brainrot-idea-item.selected{background-image:linear-gradient(90deg,#ff00c133,#00f2ff33);border-color:var(--brainrot-pink);transform:scale(1.02)}.brainrot-button-primary{background-image:linear-gradient(90deg,var(--brainrot-pink),var(--brainrot-teal));color:var(--brainrot-bg);font-weight:700;transition:all .3s ease;text-shadow:none}.brainrot-button-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff00c166,0 5px 20px #00f2ff66}.brainrot-button-primary:disabled{background-image:none;background-color:var(--brainrot-border);cursor:not-allowed;transform:none;box-shadow:none}.brainrot-button-secondary{background-color:var(--brainrot-card);border:1px solid var(--brainrot-border);color:var(--brainrot-text-dim);transition:all .3s ease}.brainrot-button-secondary:hover{border-color:var(--brainrot-teal);color:var(--brainrot-teal)}.brainrot-button-secondary:disabled{opacity:.5;cursor:not-allowed}.brainrot-results-container{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brainrot-scene-card{background-color:var(--brainrot-card);border:1px solid var(--brainrot-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.brainrot-json-viewer{background-color:var(--brainrot-bg);border:1px solid var(--brainrot-border);max-height:200px;overflow-y:auto}.brainrot-json-viewer pre{color:var(--brainrot-text);font-size:.8rem}.brainrot-image-placeholder{background:repeating-linear-gradient(45deg,var(--brainrot-card),var(--brainrot-card) 10px,#1d1c31 10px,#1d1c31 20px);border:2px dashed var(--brainrot-border);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--brainrot-text-dim)}.aspect-ratio-buttons button.active{background-color:var(--brainrot-teal);color:var(--brainrot-bg)}.mockup-container{--mockup-primary: #8b5cf6;--mockup-secondary: #a78bfa;--mockup-bg: #0f172a;--mockup-card: #1e293b;--mockup-border: #334155;--mockup-text: #f8fafc;color:var(--mockup-text)}.mockup-card{background-color:#1e293bb3;border:1px solid var(--mockup-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-dropzone{border:2px dashed var(--mockup-border);transition:all .3s ease}.mockup-dropzone:hover{border-color:var(--mockup-primary);background-color:#8b5cf61a}.mockup-select{background-color:#0f172a;border:1px solid var(--mockup-border);color:#fff}.mockup-select:focus{outline:none;border-color:var(--mockup-primary);ring:2px solid rgba(139,92,246,.5)}.mockup-btn{background-image:linear-gradient(135deg,var(--mockup-primary),#6366f1);transition:all .3s ease}.mockup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.mockup-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mockup-preview-img{box-shadow:0 10px 30px -10px #00000080}.kisah-janda-container{--kj-primary: #d946ef;--kj-secondary: #a855f7;--kj-bg: #2e1065;--kj-card: rgba(20, 10, 40, .7);--kj-text: #f3e8ff;--kj-accent: #f43f5e;color:var(--kj-text)}.kj-card{background-color:var(--kj-card);border:1px solid rgba(217,70,239,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.kj-card:hover{border-color:#d946ef80;box-shadow:0 0 20px #a855f733}.kj-btn-primary{background-image:linear-gradient(135deg,var(--kj-primary),var(--kj-secondary));color:#fff;font-weight:700;transition:all .3s ease}.kj-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d946ef66}.kj-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.kj-input,.kj-select{background-color:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff}.kj-input:focus,.kj-select:focus{outline:none;border-color:var(--kj-primary);box-shadow:0 0 0 2px #d946ef4d}.kj-idea-item{background-color:#ffffff0d;border:1px solid transparent;transition:all .2s;cursor:pointer}.kj-idea-item:hover{background-color:#ffffff1a}.kj-idea-item.selected{background-color:#d946ef33;border-color:var(--kj-primary)}.kj-tab{border-bottom:2px solid transparent;transition:all .3s}.kj-tab.active{border-bottom-color:var(--kj-primary);color:var(--kj-primary)}.kj-lightning-btn{background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#1e1b4b;font-weight:700;box-shadow:0 0 10px #fbbf2480;transition:all .2s}.kj-lightning-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #fbbf24b3}.channel-builder-container{--cb-primary: #ff0000;--cb-secondary: #212121;--cb-bg: #0f0f0f;--cb-card: #1e1e1e;--cb-text: #ffffff;--cb-accent: #3ea6ff;color:var(--cb-text);font-family:Roboto,sans-serif}.cb-card{background-color:var(--cb-card);border:1px solid #333;border-radius:12px;transition:all .3s ease}.cb-card:hover{border-color:#555}.cb-input{background-color:#121212;border:1px solid #333;color:#fff;border-radius:8px}.cb-input:focus{outline:none;border-color:var(--cb-accent)}.cb-btn-primary{background-color:var(--cb-primary);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s}.cb-btn-primary:hover{background-color:#c00}.cb-btn-primary:disabled{background-color:#555;cursor:not-allowed}.cb-btn-secondary{background-color:#3ea6ff;color:#0f0f0f;font-weight:700}.cb-btn-secondary:hover{background-color:#2683d6}.cb-name-card{background-color:#2a2a2a;border:1px solid transparent;cursor:pointer;transition:all .2s}.cb-name-card:hover{background-color:#3a3a3a}.cb-name-card.selected{background-color:#3ea6ff33;border-color:var(--cb-accent);color:var(--cb-accent)}.cb-lightning-btn{background:linear-gradient(135deg,gold,orange);color:#000;box-shadow:0 0 10px #ffd70080}.cb-lightning-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ffd700b3}.cb-step-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.cb-step{width:40px;height:40px;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;font-weight:700;color:#777;border:2px solid transparent}.cb-step.active{background-color:var(--cb-primary);color:#fff;box-shadow:0 0 10px #ff000080}.cb-step.completed{background-color:#2ecc71;color:#fff}.cb-line{height:2px;width:50px;background-color:#333}.cb-line.active{background-color:#777}.cb-asset-container{position:relative;overflow:hidden;border:1px solid #444;background-color:#000}.cb-profile-img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #1e1e1e}.cb-banner-img{width:100%;aspect-ratio:16/9;object-fit:cover}.cb-prompt-box{background-color:#111;border:1px solid #333;border-radius:6px;font-family:monospace;font-size:.8rem;color:#aaa}.sales-vision-container{--sv-gold: #fbbf24;--sv-gold-hover: #d97706;--sv-dark: #0f172a;--sv-card: #1e293b;--sv-text: #f1f5f9;--sv-accent: #10b981;color:var(--sv-text);font-family:Inter,sans-serif}.sv-card{background-color:var(--sv-card);border:1px solid #334155;border-radius:12px;transition:all .3s ease}.sv-card:hover{border-color:var(--sv-gold);box-shadow:0 4px 20px #fbbf241a}.sv-input,.sv-select,.sv-textarea{background-color:#020617;border:1px solid #334155;color:#fff;border-radius:8px;width:100%;padding:.75rem;transition:border-color .2s}.sv-input:focus,.sv-select:focus,.sv-textarea:focus{outline:none;border-color:var(--sv-gold);box-shadow:0 0 0 2px #fbbf2433}.sv-btn-primary{background:linear-gradient(135deg,var(--sv-gold),#f59e0b);color:#0f172a;font-weight:800;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;border:none}.sv-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.sv-btn-primary:disabled{background:#475569;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.sv-scene-timeline{position:relative;padding-left:2rem;border-left:2px solid #334155;margin-left:1rem}.sv-scene-number{position:absolute;left:-2.65rem;top:0;width:2.5rem;height:2.5rem;background-color:var(--sv-gold);color:#0f172a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:4px solid var(--sv-dark)}.sv-img-placeholder{background-color:#020617;border:2px dashed #334155;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;aspect-ratio:16/9;transition:all .3s}.sv-generated-img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000004d}.sv-tab-btn{background:transparent;border:none;color:#94a3b8;padding:.5rem 1rem;border-bottom:2px solid transparent;font-size:.875rem;font-weight:600;transition:all .2s}.sv-tab-btn:hover{color:#fff}.sv-tab-btn.active{color:var(--sv-gold);border-bottom-color:var(--sv-gold)}.sv-copy-box{background-color:#0f172a;border:1px solid #334155;padding:.75rem;border-radius:6px;font-family:monospace;font-size:.8rem;color:#cbd5e1;overflow-x:auto}.pe-container{--pe-neon: #00f2ff;--pe-purple: #bc13fe;--pe-bg: #09090b;--pe-card: #18181b;--pe-border: #27272a;--pe-text: #e4e4e7;color:var(--pe-text);font-family:Inter,sans-serif}.pe-header-gradient{background:linear-gradient(to right,var(--pe-neon),var(--pe-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pe-card{background-color:var(--pe-card);border:1px solid var(--pe-border);border-radius:12px;transition:border-color .3s ease}.pe-card:hover{border-color:#bc13fe80}.pe-tab-container{background-color:#121212;border-radius:9999px;padding:.5rem;display:inline-flex;gap:.5rem;border:1px solid var(--pe-border)}.pe-tab-btn{padding:.5rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease;color:#71717a}.pe-tab-btn.active{background:linear-gradient(135deg,var(--pe-purple),#8b5cf6);color:#fff;box-shadow:0 0 15px #bc13fe66}.pe-input,.pe-select,.pe-textarea{background-color:#09090b;border:1px solid var(--pe-border);color:#fff;border-radius:8px;width:100%;padding:.75rem;transition:all .2s}.pe-input:focus,.pe-select:focus,.pe-textarea:focus{outline:none;border-color:var(--pe-neon);box-shadow:0 0 0 2px #00f2ff33}.pe-magic-btn{background:linear-gradient(45deg,#fbbf24,#f59e0b);color:#1e1b4b;font-weight:700;border:none;transition:transform .2s}.pe-magic-btn:hover{transform:scale(1.05)}.pe-generate-btn{background:linear-gradient(135deg,var(--pe-neon),#2563eb);color:#000;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;transition:all .3s ease}.pe-generate-btn:hover{box-shadow:0 0 20px #00f2ff80;transform:translateY(-2px);color:#fff}.pe-result-box{background-color:#000;border:1px solid var(--pe-border);border-radius:8px;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;color:#a1a1aa;position:relative}.pe-tag{background-color:#00f2ff1a;color:var(--pe-neon);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;border:1px solid rgba(0,242,255,.3)}.pe-upload-zone{border:2px dashed var(--pe-border);border-radius:12px;transition:all .3s}.pe-upload-zone:hover{border-color:var(--pe-neon);background-color:#00f2ff0d}.ads-manager-container{--am-fb: #1877F2;--am-ig: #E1306C;--am-tiktok: #00f2ea;--am-google: #4285F4;--am-bg: #0f172a;--am-card: #1e293b;--am-text: #f1f5f9;--am-border: #334155;color:var(--am-text);font-family:Inter,sans-serif}.am-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.am-platform-card{background-color:var(--am-card);border:2px solid var(--am-border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.am-platform-card:hover{transform:translateY(-5px)}.am-platform-card.selected{border-color:#fff;box-shadow:0 0 20px #ffffff1a}.am-platform-card.fb.selected{border-color:var(--am-fb);box-shadow:0 0 20px #1877f266}.am-platform-card.ig.selected{border-color:var(--am-ig);box-shadow:0 0 20px #e1306c66}.am-platform-card.tiktok.selected{border-color:var(--am-tiktok);box-shadow:0 0 20px #00f2ea66}.am-platform-card.google.selected{border-color:var(--am-google);box-shadow:0 0 20px #4285f466}.am-icon{width:48px;height:48px;margin-bottom:1rem}.am-input-card{background-color:var(--am-card);border:1px solid var(--am-border);border-radius:12px;padding:2rem}.am-input,.am-select,.am-textarea{background-color:#020617;border:1px solid var(--am-border);color:#fff;border-radius:8px;width:100%;padding:.75rem;transition:all .2s}.am-input:focus,.am-select:focus,.am-textarea:focus{outline:none;border-color:var(--am-google);box-shadow:0 0 0 2px #4285f433}.am-btn-generate{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;transition:all .3s ease}.am-btn-generate:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2563eb66}.am-btn-generate:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.am-tabs{display:flex;border-bottom:2px solid var(--am-border);margin-bottom:1.5rem;gap:1rem}.am-tab-btn{background:transparent;border:none;padding:.75rem 1rem;color:#94a3b8;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.am-tab-btn:hover{color:#fff}.am-tab-btn.active{color:var(--am-google);border-bottom-color:var(--am-google)}.am-result-box{background-color:#020617;border:1px solid var(--am-border);border-radius:8px;padding:1.5rem}.am-step-list{counter-reset:step;list-style:none;padding:0}.am-step-item{position:relative;padding-left:3rem;margin-bottom:1.5rem}.am-step-item:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;background-color:var(--am-google);color:#fff;border-radius:50%;text-align:center;line-height:2rem;font-weight:700}.am-policy-warning{background-color:#dc26261a;border-left:4px solid #dc2626;padding:1rem;color:#fca5a5;border-radius:4px;margin-bottom:1.5rem}.am-copy-box{background-color:#0f172a;border:1px solid var(--am-border);padding:1rem;border-radius:6px;font-family:monospace;font-size:.9rem;color:#cbd5e1;position:relative;white-space:pre-wrap}.am-asset-card{transition:all .3s ease}.am-asset-card:hover{border-color:#3b82f6;background-color:#1e293b}.wcb-container{--wcb-primary: #10b981;--wcb-secondary: #059669;--wcb-bg: #0f172a;--wcb-card: #1e293b;--wcb-text: #f8fafc;--wcb-border: #334155;color:var(--wcb-text);font-family:Inter,sans-serif}.wcb-header-gradient{background:linear-gradient(to right,#34d399,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wcb-card{background-color:var(--wcb-card);border:1px solid var(--wcb-border);border-radius:12px;transition:all .3s ease}.wcb-card:hover{border-color:var(--wcb-primary);box-shadow:0 4px 20px #10b9811a}.wcb-input,.wcb-select,.wcb-textarea{background-color:#020617;border:1px solid var(--wcb-border);color:#fff;border-radius:8px;width:100%;padding:.75rem;transition:border-color .2s}.wcb-input:focus,.wcb-select:focus,.wcb-textarea:focus{outline:none;border-color:var(--wcb-primary);box-shadow:0 0 0 2px #10b98133}.wcb-btn-primary{background:linear-gradient(135deg,var(--wcb-primary),var(--wcb-secondary));color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:none;transition:all .2s}.wcb-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.wcb-btn-primary:disabled{background:#475569;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.wcb-section-card{background-color:#0f172a;border:1px solid var(--wcb-border);border-radius:8px;overflow:hidden;margin-bottom:1rem}.wcb-section-header{background-color:#10b9811a;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--wcb-border)}.wcb-section-content{padding:1.5rem;color:#cbd5e1;font-size:.95rem;line-height:1.6}.wcb-section-content h1,.wcb-section-content h2,.wcb-section-content h3{color:#fff;margin-top:1rem;margin-bottom:.5rem;font-weight:700}.wcb-section-content ul,.wcb-section-content ol{padding-left:1.5rem;margin-bottom:1rem;list-style-type:disc}.wcb-copy-btn{background-color:#334155;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:.5rem}.wcb-copy-btn:hover{background-color:var(--wcb-primary)}.wcb-radio-group{display:flex;gap:.5rem;background-color:#020617;padding:.25rem;border-radius:8px;border:1px solid var(--wcb-border)}.wcb-radio-btn{flex:1;padding:.5rem;text-align:center;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;color:#94a3b8}.wcb-radio-btn.active{background-color:var(--wcb-primary);color:#fff}.wcb-lightning-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b4b;border:none;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:transform .2s;display:inline-flex;align-items:center;gap:4px;margin-left:8px}.wcb-lightning-btn:hover{transform:scale(1.05);box-shadow:0 0 10px #fbbf2480}.wcb-lightning-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.wcb-platform-badge{background-color:#05966933;color:#6ee7b7;border:1px solid rgba(5,150,105,.4);padding:.5rem 1rem;border-radius:9999px;font-size:.85rem}.wcb-export-btn{background-color:#1e293b;border:1px solid #334155;color:#cbd5e1;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;transition:all .2s;cursor:pointer}.wcb-export-btn:hover{background-color:#0f172a;border-color:#34d399;color:#fff}.popup-gen-container{--pg-lime: #84cc16;--pg-dark: #0f172a;--pg-card: #1e293b;--pg-border: #334155;--pg-text: #f8fafc;color:var(--pg-text);font-family:Inter,sans-serif}.pg-card{background-color:var(--pg-card);border:1px solid var(--pg-border);border-radius:12px;padding:1.5rem;height:100%;display:flex;flex-direction:column}.pg-input-group{margin-bottom:1rem}.pg-label{display:block;font-size:.875rem;font-weight:600;color:#94a3b8;margin-bottom:.5rem}.pg-input,.pg-select,.pg-textarea{width:100%;background-color:#020617;border:1px solid var(--pg-border);color:#fff;padding:.75rem;border-radius:8px;transition:all .2s}.pg-input:focus,.pg-select:focus,.pg-textarea:focus{outline:none;border-color:var(--pg-lime);box-shadow:0 0 0 2px #84cc1633}.pg-textarea{resize:none;height:100px}.pg-preview-container{background-color:#f1f5f9;border-radius:12px;position:relative;overflow:hidden;height:400px;border:4px solid var(--pg-border);background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px}.pg-preview-popup{position:absolute;width:300px;padding:20px;border-radius:10px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:10px;transition:all .3s ease;z-index:10}.pg-preview-close{position:absolute;top:5px;right:10px;cursor:pointer;font-size:18px;line-height:1;opacity:.6}.pg-preview-btn{text-align:center;text-decoration:none;border-radius:5px;font-weight:700;padding:10px 15px;display:inline-block;transition:opacity .2s}.pg-preview-btn:hover{opacity:.9}.pg-code-block{background-color:#020617;border:1px solid var(--pg-border);border-radius:8px;padding:1rem;font-family:monospace;font-size:.85rem;color:#a3e635;overflow-x:auto;white-space:pre-wrap;height:150px}.pg-btn-copy{background-color:var(--pg-lime);color:#0f172a;font-weight:700;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s;width:100%;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.pg-btn-copy:hover{background-color:#65a30d;color:#fff}.gs-container{--gs-green: #00ff00;--gs-dark-green: #059669;--gs-bg: #020617;--gs-card: #1e293b;--gs-border: #334155;--gs-text: #f8fafc;color:var(--gs-text);font-family:Inter,sans-serif}.gs-card{background-color:var(--gs-card);border:1px solid var(--gs-border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;box-shadow:0 10px 15px -3px #0000001a}.gs-upload-zone{width:100%;min-height:250px;border:3px dashed var(--gs-border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#ffffff05;position:relative;overflow:hidden}.gs-upload-zone:hover{border-color:var(--gs-green);background-color:#00ff000d}.gs-upload-zone img{max-width:100%;max-height:300px;object-fit:contain;z-index:10}.gs-upload-icon{width:64px;height:64px;color:#94a3b8;margin-bottom:1rem}.gs-btn{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:1rem 2rem;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;width:100%;max-width:300px;box-shadow:0 4px 6px #0000004d}.gs-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #16a34a66;background:linear-gradient(135deg,#22c55e,#16a34a)}.gs-btn:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.gs-result-container{width:100%;border:2px solid var(--gs-green);border-radius:12px;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center;min-height:300px}.gs-result-image{max-width:100%;height:auto}.gs-download-btn{background-color:#f8fafc;color:#0f172a;font-weight:700;padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.gs-download-btn:hover{background-color:#e2e8f0}.suno-gen-container{--suno-primary: #d946ef;--suno-secondary: #06b6d4;--suno-dark: #0f0518;--suno-card: #1c102e;--suno-border: #4a1d66;--suno-text: #f3e8ff;color:var(--suno-text);font-family:Inter,sans-serif;background-color:var(--suno-dark)}.suno-header-text{background:linear-gradient(to right,#d946ef,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.suno-card{background-color:var(--suno-card);border:1px solid var(--suno-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000004d;height:100%;transition:all .3s ease;display:flex;flex-direction:column}.suno-card:hover{border-color:var(--suno-primary);box-shadow:0 0 15px #d946ef33}.suno-tab-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#0f0518;padding:.5rem;border-radius:8px;border:1px solid var(--suno-border)}.suno-tab-btn{flex:1;background:transparent;border:none;color:#a78bfa;padding:.75rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;text-align:center;font-size:.9rem}.suno-tab-btn:hover{background:#4a1d6680;color:#fff}.suno-tab-btn.active{background:#4a1d66;color:#fff;box-shadow:0 0 10px #d946ef33;border:1px solid rgba(217,70,239,.3)}.suno-input,.suno-select,.suno-textarea{width:100%;background-color:#0f0518;border:1px solid var(--suno-border);color:#fff;padding:.75rem;border-radius:8px;transition:all .2s}.suno-input:focus,.suno-select:focus,.suno-textarea:focus{outline:none;border-color:var(--suno-secondary);box-shadow:0 0 0 2px #06b6d44d}.suno-textarea{resize:none;font-family:Courier New,monospace;font-size:.9rem}.suno-label{display:block;font-size:.85rem;font-weight:600;color:#e879f9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.suno-btn{background:linear-gradient(135deg,var(--suno-primary),#8b5cf6);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:8px;padding:1rem 2rem;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 4px 10px #d946ef4d;margin-top:auto}.suno-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d946ef80;background:linear-gradient(135deg,#f0abfc,#a78bfa);color:#0f0518}.suno-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.suno-btn-secondary{background-color:#2d1b42;color:#d8b4fe;border:1px solid var(--suno-border);padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.suno-btn-secondary:hover{background-color:var(--suno-border);color:#fff}.suno-slider{-webkit-appearance:none;width:100%;height:6px;background:#2d1b42;border-radius:5px;outline:none;opacity:.8;transition:opacity .2s}.suno-slider:hover{opacity:1}.suno-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--suno-secondary);cursor:pointer;box-shadow:0 0 10px #06b6d4cc}.suno-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--suno-secondary);cursor:pointer}.suno-inst-grid{display:flex;flex-wrap:wrap;gap:.5rem}.suno-inst-tag{background-color:#2d1b42;border:1px solid var(--suno-border);color:#d8b4fe;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.suno-inst-tag:hover{background-color:#4a1d66}.suno-inst-tag.selected{background-color:var(--suno-secondary);color:#0f0518;border-color:var(--suno-secondary);font-weight:700;box-shadow:0 0 10px #06b6d466}.suno-result-box{background-color:#000;border:1px solid #4a1d66;border-radius:8px;padding:1rem;margin-top:.5rem;position:relative;max-height:400px;overflow-y:auto}.suno-copy-btn{position:absolute;top:.5rem;right:.5rem;background-color:#ffffff1a;border:none;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px}.suno-copy-btn:hover{background-color:var(--suno-secondary);color:#000}.ai-studio-container{--ais-bg: #0f172a;--ais-panel: #1e293b;--ais-border: #334155;--ais-accent: #0ea5e9;--ais-text: #f1f5f9;--ais-text-dim: #94a3b8;color:var(--ais-text);font-family:Inter,sans-serif;height:calc(100vh - 80px);overflow:hidden}.ais-grid{display:grid;grid-template-columns:300px 350px 1fr;gap:1px;background-color:var(--ais-border);height:100%}@media(max-width:1024px){.ais-grid{grid-template-columns:1fr;overflow-y:auto}.ai-studio-container{height:auto}}.ais-panel{background-color:var(--ais-bg);display:flex;flex-direction:column;overflow:hidden}.ais-panel-header{padding:1rem;background-color:var(--ais-panel);border-bottom:1px solid var(--ais-border);font-weight:600;font-size:.9rem;color:var(--ais-accent);display:flex;justify-content:space-between;align-items:center}.ais-panel-content{padding:1rem;overflow-y:auto;flex-grow:1}.ais-input-group{margin-bottom:1.25rem}.ais-label{display:block;font-size:.75rem;color:var(--ais-text-dim);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.ais-input,.ais-select,.ais-textarea{width:100%;background-color:#020617;border:1px solid var(--ais-border);color:#fff;padding:.6rem;border-radius:6px;font-size:.9rem;transition:border-color .2s}.ais-input:focus,.ais-select:focus,.ais-textarea:focus{outline:none;border-color:var(--ais-accent)}.ais-textarea{resize:none;min-height:80px}.ais-btn{width:100%;padding:.75rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.ais-btn-primary{background-color:var(--ais-accent);color:#fff}.ais-btn-primary:hover{background-color:#0284c7}.ais-btn-primary:disabled{background-color:#334155;cursor:not-allowed}.ais-btn-secondary{background-color:var(--ais-panel);border:1px solid var(--ais-border);color:var(--ais-text-dim)}.ais-btn-secondary:hover{background-color:var(--ais-border);color:#fff}.ais-scene-item{background-color:var(--ais-panel);border:1px solid var(--ais-border);border-radius:8px;padding:.75rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.ais-scene-item:hover{border-color:var(--ais-text-dim)}.ais-scene-item.active{background-color:#0ea5e91a;border-color:var(--ais-accent);border-left-color:var(--ais-accent)}.ais-scene-header{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ais-text-dim);margin-bottom:.5rem}.ais-scene-desc{font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ais-preview-area{display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9;margin-bottom:1.5rem;border:1px solid var(--ais-border);position:relative}.ais-preview-img{width:100%;height:100%;object-fit:contain}.ais-empty-state{text-align:center;color:var(--ais-text-dim)}.cartoon-gs-container{--cgs-bg: #0f172a;--cgs-card: #1e293b;--cgs-border: #334155;--cgs-text: #f8fafc;--cgs-accent: #8b5cf6;--cgs-green: #22c55e;color:var(--cgs-text);font-family:Inter,sans-serif}.cgs-card{background-color:var(--cgs-card);border:1px solid var(--cgs-border);border-radius:16px;padding:2rem;box-shadow:0 10px 25px -5px #0000004d;height:100%;display:flex;flex-direction:column}.cgs-upload-area{border:3px dashed var(--cgs-border);border-radius:12px;background-color:#0003;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.cgs-upload-area:hover{border-color:var(--cgs-accent);background-color:#8b5cf61a}.cgs-preview-img{width:100%;height:100%;object-fit:contain;max-height:400px}.cgs-style-selector{display:flex;gap:1rem;margin-top:1.5rem}.cgs-style-option{flex:1;padding:1rem;border:2px solid var(--cgs-border);border-radius:12px;background-color:#0f172a;cursor:pointer;transition:all .2s;text-align:center}.cgs-style-option:hover{border-color:var(--cgs-accent)}.cgs-style-option.selected{border-color:var(--cgs-accent);background-color:#8b5cf61a;box-shadow:0 0 15px #8b5cf633}.cgs-emoji{font-size:2rem;display:block;margin-bottom:.5rem}.cgs-title{font-weight:700;display:block}.cgs-btn-generate{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;font-weight:800;padding:1rem 2rem;border-radius:12px;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;margin-top:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.cgs-btn-generate:hover{transform:translateY(-2px);box-shadow:0 10px 20px #8b5cf666}.cgs-btn-generate:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cgs-result-area{background-color:#000;border-radius:12px;overflow:hidden;height:100%;min-height:400px;display:flex;align-items:center;justify-content:center;border:2px solid var(--cgs-green);position:relative}.cgs-download-btn{position:absolute;bottom:20px;right:20px;background-color:#fff;color:#000;font-weight:700;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;box-shadow:0 4px 10px #0000004d;transition:transform .2s}.cgs-download-btn:hover{transform:scale(1.05)}.csg-container{--csg-orange: #f97316;--csg-teal: #14b8a6;--csg-bg: #0f172a;--csg-card: #1e293b;--csg-border: #334155;--csg-text: #f8fafc;color:var(--csg-text);font-family:Poppins,sans-serif}.csg-card{background-color:var(--csg-card);border:1px solid var(--csg-border);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:border-color .3s ease}.csg-card:hover{border-color:var(--csg-orange)}.csg-char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:1.5rem}.csg-char-card{background-color:#0f172a;border:2px solid var(--csg-border);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.csg-char-card:hover{transform:translateY(-3px);border-color:var(--csg-teal)}.csg-char-card.selected{background-color:#14b8a61a;border-color:var(--csg-teal);box-shadow:0 0 15px #14b8a633}.csg-emoji{font-size:2.5rem}.csg-char-name{font-size:.85rem;font-weight:600;color:#cbd5e1}.csg-style-toggle{display:flex;background-color:#0f172a;border-radius:9999px;padding:.25rem;border:1px solid var(--csg-border);margin-bottom:1.5rem}.csg-style-btn{flex:1;padding:.75rem;border-radius:9999px;text-align:center;font-weight:700;cursor:pointer;transition:all .3s;color:#94a3b8}.csg-style-btn.active{background:linear-gradient(135deg,var(--csg-orange),#ea580c);color:#fff;box-shadow:0 4px 10px #f973164d}.csg-textarea{width:100%;background-color:#0f172a;border:1px solid var(--csg-border);color:#fff;padding:1rem;border-radius:12px;resize:none;font-family:inherit;transition:border-color .2s}.csg-textarea:focus{outline:none;border-color:var(--csg-orange)}.csg-magic-btn{background:linear-gradient(45deg,#a855f7,#ec4899);color:#fff;font-size:.8rem;font-weight:700;padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s;display:flex;align-items:center;gap:.5rem}.csg-magic-btn:hover{transform:scale(1.05)}.csg-generate-btn{width:100%;background:linear-gradient(135deg,var(--csg-teal),#0d9488);color:#fff;font-size:1.1rem;font-weight:800;padding:1rem;border-radius:12px;border:none;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.csg-generate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #14b8a64d}.csg-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.csg-scene-card{background-color:#1e293b80;border:1px solid var(--csg-border);border-radius:12px;overflow:hidden;margin-bottom:1rem}.csg-scene-header{background-color:#0f172acc;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--csg-border)}.csg-scene-badge{background-color:var(--csg-orange);color:#fff;font-weight:700;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem}.csg-prompt-box{background-color:#020617;padding:1rem;border-radius:8px;font-family:monospace;font-size:.85rem;color:#cbd5e1;margin-top:.5rem;border:1px solid #334155;position:relative}.csg-copy-btn{position:absolute;top:.5rem;right:.5rem;background-color:#334155;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;cursor:pointer;transition:background .2s}.csg-copy-btn:hover{background-color:var(--csg-teal)}.rain-asmr-container{--asmr-bg: #1a1a2e;--asmr-dot: rgba(255, 255, 255, .05);--asmr-card: #16213e;--asmr-accent: #0f3460;--asmr-text: #e94560;--asmr-text-main: #f1f1f1;--asmr-blue: #533483;background-color:var(--asmr-bg);background-image:radial-gradient(var(--asmr-dot) 1px,transparent 1px);background-size:30px 30px;font-family:Quicksand,sans-serif;color:var(--asmr-text-main);min-height:100vh}.asmr-card{background-color:#16213ee6;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d;transition:transform .3s ease}.asmr-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0006}.asmr-title{font-family:Comfortaa,Quicksand,sans-serif;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(233,69,96,.5)}.asmr-label{display:block;font-weight:600;margin-bottom:.5rem;color:#a0a0a0;font-size:.9rem}.asmr-select,.asmr-input{width:100%;padding:12px;border-radius:12px;background-color:#0f3460;border:1px solid #533483;color:#fff;font-family:Quicksand,sans-serif;outline:none;transition:all .3s}.asmr-select:focus,.asmr-input:focus{border-color:#e94560;box-shadow:0 0 10px #e945604d}.asmr-toggle-group{display:flex;gap:1rem;margin-top:1rem}.asmr-toggle{flex:1;background-color:#0f3460;border:1px solid #533483;padding:1rem;border-radius:12px;cursor:pointer;text-align:center;transition:all .3s;-webkit-user-select:none;user-select:none}.asmr-toggle.active{background-color:#e94560;color:#fff;border-color:#e94560;font-weight:700;box-shadow:0 0 15px #e9456066}.asmr-btn{width:100%;padding:1rem;margin-top:1.5rem;border-radius:50px;border:none;background:linear-gradient(135deg,#e94560,#533483);color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s;letter-spacing:1px}.asmr-btn:hover{transform:scale(1.02);box-shadow:0 5px 20px #e9456066}.asmr-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.asmr-result-box{background-color:#0f3460;padding:1.5rem;border-radius:12px;margin-top:1rem;border:1px solid rgba(255,255,255,.1);position:relative}.asmr-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.asmr-tag{background-color:#e9456033;color:#e94560;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.asmr-copy-btn{background:transparent;border:1px solid #a0a0a0;color:#a0a0a0;padding:4px 10px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.asmr-copy-btn:hover{border-color:#fff;color:#fff}.asmr-text-content{color:#e0e0e0;font-size:.9rem;line-height:1.6;white-space:pre-wrap;font-family:monospace}