*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fffef5;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-bottom:120px}h1,h2,h3{font-family:Kalam,Comic Sans MS,cursive,sans-serif;color:#005b8e;margin:0}.hah-ai-wrapper{max-width:1200px;margin:0 auto;padding:20px}.hah-ai-nav{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 30px;border-radius:16px;box-shadow:0 4px 15px #0000000d;margin-bottom:30px;border-bottom:4px solid #6ab5a8;flex-wrap:wrap;gap:15px}.hah-ai-nav-left{display:flex;align-items:center;gap:15px}.hah-ai-nav-left h1{font-size:2.2rem}.hah-ai-title-input{font-family:Segoe UI,sans-serif;font-size:1.1rem;font-weight:700;color:#2c3e50;background:#eef7f6;border:2px solid transparent;padding:8px 15px;border-radius:8px;outline:none;width:280px;transition:.2s}.hah-ai-title-input:focus{border-color:#6ab5a8;background:#fff}.hah-ai-nav-right{display:flex;gap:15px;align-items:center}.hah-ai-credit-box{background:#2c3e50;color:#fff;padding:8px 16px;border-radius:50px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 10px #0000001a}.hah-ai-credit-box b{color:#eac24e;font-size:1.2rem}.credit-warning{color:#ff7675!important;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hah-ai-panel{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 15px #00000008;margin-bottom:30px;border:1px solid #eef7f6}.hah-ai-panel h2{font-size:1.8rem;margin-bottom:8px}.hah-ai-desc{color:#7f8c8d;margin-bottom:20px;font-size:1rem;line-height:1.5}.hah-ai-textarea-main{width:100%;min-height:180px;padding:20px;border:2px solid #eef7f6;border-radius:12px;font-family:monospace;font-size:1rem;background:#eef7f6;color:#2c3e50;outline:none;resize:vertical;transition:.2s;line-height:1.6}.hah-ai-textarea-main:focus{border-color:#6ab5a8;background:#fff}.hah-ai-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-family:monospace;font-size:.85rem;outline:none;resize:vertical}.hah-ai-textarea:focus{border-color:#6ab5a8}.hah-ai-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-family:Segoe UI,sans-serif;outline:none;font-size:.9rem}.hah-ai-input:focus{border-color:#6ab5a8}.hah-ai-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:.2s;font-family:Segoe UI,sans-serif;font-size:1rem}.hah-ai-btn-primary{background:#005b8e;color:#fff}.hah-ai-btn-primary:hover{background:#00456e;transform:translateY(-2px);box-shadow:0 4px 10px #005b8e33}.hah-ai-btn-secondary{background:#6ab5a8;color:#fff}.hah-ai-btn-secondary:hover{background:#509e90;transform:translateY(-2px)}.hah-ai-btn-outline{background:transparent;border:2px solid #6ab5a8;color:#6ab5a8}.hah-ai-btn-outline:hover{background:#eef7f6}.hah-ai-btn-small{padding:6px 12px;font-size:.8rem;border-radius:6px}.hah-ai-floating-merge{position:fixed;bottom:30px;right:30px;z-index:100}.hah-ai-btn-accent{background:#eac24e;color:#2c3e50;padding:15px 30px;border-radius:50px;font-size:1.1rem;box-shadow:0 6px 20px #eac24e66;border:none;font-weight:800;cursor:pointer;transition:.2s}.hah-ai-btn-accent:hover{transform:translateY(-3px);box-shadow:0 8px 25px #eac24e99}.hah-ai-badge{background:#fff;color:#eac24e;padding:2px 10px;border-radius:12px;font-weight:900}.hah-ai-flex-row{display:flex;align-items:center;gap:20px;margin-top:20px}.hah-ai-loading{color:#6ab5a8;font-weight:700;background:#eef7f6;padding:12px 20px;border-radius:8px;display:none}.hah-ai-loading.active{display:inline-flex;animation:pulse 1.5s infinite}.hidden{display:none!important}.hah-empty-state{text-align:center;color:#7f8c8d;font-size:14px;margin:20px 0}.hah-project-item{padding:15px;margin-bottom:10px;cursor:pointer;border-left:4px solid #6ab5a8;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:0 8px 8px 0;box-shadow:0 1px 2px #0000000d}.hah-project-title{margin:0 0 5px;color:#2c3e50;font-size:1.1rem}.hah-project-meta{font-size:12px;color:#7f8c8d}.hah-ai-card-list{display:flex;flex-direction:column;gap:30px}.hah-card-wrapper{border-radius:12px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:opacity .3s}.hah-card-wrapper.selected-for-merge{border:2px solid #eac24e;background:#fffef5}.hah-card-header{background:#f8fafc;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.hah-btn-group{display:flex;gap:8px;flex-wrap:wrap}.hah-btn-light{background:#fff;color:#475569;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000d;padding:6px 12px;border-radius:6px;font-weight:700;cursor:pointer;font-size:.8rem}.hah-btn-light:hover{background:#f1f5f9}.hah-btn-advice{background:#fefce8;color:#854d0e;border:1px solid #fde047;box-shadow:0 1px 2px #0000000d;padding:6px 12px;border-radius:6px;font-weight:700;cursor:pointer;font-size:.8rem}.hah-btn-advice:hover{background:#fef08a}.hah-id-box{margin:0;background:#fff;padding:4px 8px;border-radius:6px;border:1px solid #cbd5e1;display:flex;align-items:center}.hah-id-label{background:transparent;color:#64748b;font-weight:700;font-size:.75rem;padding-right:5px}.hah-id-input{font-size:1rem;font-weight:800;color:#2c3e50;border:none;background:transparent;outline:none;width:60px;text-align:center}.hah-card-body{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;padding:20px}@media(min-width:900px){.hah-card-body{grid-template-columns:1.3fr 1fr}}.hah-col-left{display:flex;flex-direction:column;gap:15px}.hah-col-right{display:flex;flex-direction:column;gap:15px;height:100%}.hah-rev-box{background:#e0e7ff;padding:12px 15px;border-radius:8px;border:1px solid #c7d2fe;display:flex;gap:10px;align-items:center}.hah-rev-icon{font-size:1.2rem}.hah-rev-input{flex:1;border:none;background:#fff;padding:8px 12px;border-radius:6px;outline:none;font-family:Segoe UI,sans-serif}.hah-btn-blue{background:#4f46e5;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-weight:700;cursor:pointer;font-size:.85rem}.hah-btn-blue:hover{background:#4338ca}.hah-ai-pill-box{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px}.hah-label-cast{width:100%;color:#475569;display:block;margin-bottom:8px;font-weight:700;font-size:.85rem}.hah-ai-pill{display:inline-flex;align-items:center;gap:5px;background:#eef7f6;border:1px solid #cbd5e1;padding:5px 12px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;color:#2c3e50}.hah-ai-pill:hover{border-color:#6ab5a8}.hah-ai-pill input{accent-color:#6ab5a8}.hah-area-box{padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:12px}.hah-area-visual{background:#f8fafc;border:1px solid #e2e8f0}.hah-area-audio{background:#fefce8;border:1px solid #fef08a}.hah-area-tech{background:#f1f5f9;border:1px solid #cbd5e1}.hah-area-title{margin:0;font-size:.9rem;padding-bottom:8px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.hah-title-visual{color:#334155;border-bottom:1px solid #e2e8f0}.hah-title-audio{color:#854d0e;border-bottom:1px solid #fde047}.hah-title-tech{color:#334155;border-bottom:1px solid #cbd5e1;margin-bottom:4px}.hah-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hah-grid-1{display:grid;grid-template-columns:1fr;gap:12px}.hah-col-span-2{grid-column:span 2}.hah-input-label{font-size:.75rem;font-weight:700;display:block;margin-bottom:4px}.hah-label-vis,.hah-label-tech{color:#64748b}.hah-label-aud{color:#a16207}.hah-audio-select{padding:8px;font-size:.8rem;background:#fff;width:100%;border:1px solid #cbd5e1;border-radius:4px;outline:none;font-family:Segoe UI,sans-serif;font-weight:700}.hah-dialogue-box{min-height:50px;font-weight:700;resize:vertical}.hah-pos-box{background:#f1f5f9;padding:10px;border-radius:6px;border:1px dashed #cbd5e1}.hah-pos-row{display:flex;gap:6px;flex-wrap:wrap}.hah-pos-input{flex:1;min-width:60px;text-align:center;font-size:.75rem;padding:6px;outline:none;border:1px solid #cbd5e1;border-radius:4px}.hah-pos-center{border:1px solid #94a3b8;background:#e2e8f0;font-weight:700}.hah-btn-dark{background:#0f172a;color:#fff;border:none;padding:12px;font-size:.9rem;border-radius:8px;width:100%;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-weight:700;transition:.2s}.hah-btn-dark:hover{background:#1e293b}.hah-reuse-toggle{font-size:.7rem;cursor:pointer;font-weight:700;color:#ea580c;background:#fff7ed;padding:4px 8px;border-radius:4px;border:1px solid #fdba74;display:inline-flex;align-items:center;gap:4px}.hah-gen-wrapper{display:flex;flex-direction:column;gap:15px;flex:1;height:100%}.hah-gen-box{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d;background:#fff}.hah-gen-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.hah-gen-actions{display:flex;gap:8px;align-items:center}.hah-header-whisk{background:#e0f2fe;border:1px solid #bae6fd;border-bottom:none;border-radius:8px 8px 0 0}.hah-header-veo{background:#ccfbf1;border:1px solid #99f6e4;border-bottom:none;border-radius:8px 8px 0 0}.hah-gen-title{margin:0;font-weight:700;font-size:.9rem}.hah-title-whisk{color:#0369a1}.hah-title-veo{color:#0f766e}.hah-btn-copy-whisk{background:#bae6fd;color:#0369a1;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:.2s}.hah-btn-copy-veo{background:#99f6e4;color:#0f766e;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:.2s}.hah-btn-copy-whisk:hover{background:#7dd3fc}.hah-btn-copy-veo:hover{background:#5eead4}.hah-cost-input-whisk{width:50px;padding:4px;text-align:center;border:1px solid #bae6fd;border-radius:4px;outline:none;font-weight:700;color:#0369a1}.hah-cost-input-veo{width:50px;padding:4px;text-align:center;border:1px solid #99f6e4;border-radius:4px;outline:none;font-weight:700;color:#0f766e}.hah-gen-textarea{width:100%;min-height:120px;font-family:monospace;font-size:.85rem;background:#fff;resize:vertical;padding:12px 15px;border-radius:0 0 8px 8px;outline:none;box-sizing:border-box;line-height:1.5}.hah-textarea-whisk{border:1px solid #bae6fd;color:#0f172a}.hah-textarea-veo{border:1px solid #99f6e4;color:#0f172a}.hah-gen-textarea.is-used{background-color:#f1f5f9!important;color:#94a3b8!important;border-color:#cbd5e1!important;transition:all .3s ease}.hah-log-container{background:#f8fafc;padding:0 10px 10px}.hah-log-container:empty{padding:0}.hah-log-item{background:#fff;border:1px solid #cbd5e1;padding:8px;border-radius:8px;margin-top:10px;display:flex;gap:8px;align-items:center}.hah-log-select{padding:4px;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem;background:#fff}.hah-log-cost{font-size:11px;font-weight:700;color:#7f8c8d;width:30px;text-align:center}.hah-log-note{flex:1;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem;outline:none}.hah-card-footer{background:#f8fafc;padding:12px 20px;text-align:right;border-top:1px solid #e2e8f0}.hah-btn-done{background:#fff;color:#475569;border:1px solid #cbd5e1;margin-right:8px;box-shadow:0 1px 2px #0000000d;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:.2s}.hah-btn-done:hover{background:#f1f5f9}.hah-btn-delete{background:#ef4444;color:#fff;border:none;box-shadow:0 1px 2px #0000000d;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:.2s}.hah-btn-delete:hover{background:#dc2626}.hah-modal-naskah-btn{position:fixed;bottom:30px;left:30px;z-index:50;border-radius:50px;padding:15px 25px;box-shadow:0 10px 25px #005b8e4d;font-weight:700;font-size:1rem}.hah-modal-naskah-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;z-index:100;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.hah-modal-naskah-box{background:#fff;width:90%;max-width:800px;height:80vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040;overflow:hidden;border:1px solid #cbd5e1}.hah-modal-naskah-header{padding:15px 25px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.hah-modal-naskah-title{margin:0;color:#0f172a;font-size:1.2rem}.hah-modal-naskah-close{background:#fee2e2;border:1px solid #fca5a5;color:#ef4444;width:35px;height:35px;border-radius:50%;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.hah-modal-naskah-close:hover{background:#fecaca}.hah-modal-naskah-body{padding:25px;flex:1;overflow-y:auto;background:#fff}.hah-modal-naskah-textarea{width:100%;height:100%;border:none;resize:none;background:transparent;font-size:1.05rem;line-height:1.8;color:#334155;font-family:Segoe UI,system-ui,sans-serif;outline:none}.hah-ai-card.is-done{opacity:.5;filter:grayscale(50%);border:1px solid #cbd5e1;transition:all .4s ease}.hah-ai-card:first-child:not(.is-done),.hah-ai-card.is-done+.hah-ai-card:not(.is-done){box-shadow:0 0 20px #3b82f666;border:2px solid #ff0505;transform:scale(1.02);z-index:10;transition:all .4s ease}.hah-ai-card:first-child:not(.is-done) .hah-card-header,.hah-ai-card.is-done+.hah-ai-card:not(.is-done) .hah-card-header{background:linear-gradient(90deg,#eff6ff,#dbeafe);border-bottom:2px solid #ffee04}