.tool-page{min-height:100vh;padding-top:80px;overflow-x:hidden}.tool-page{--or1:#ff6b35;--or2:#f97316;--or3:#fbbf24;--or-glow:rgba(255,107,53,.18);--or-border:rgba(255,107,53,.25);--or-bg:rgba(255,107,53,.08);--card-bg:linear-gradient(145deg,rgba(24,24,32,.97),rgba(14,14,22,.99))}.hero-section{text-align:center;padding:3rem 1.5rem 2rem;position:relative;max-width:860px;margin:0 auto}.hero-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:700px;height:320px;background:radial-gradient(ellipse,var(--or-glow) 0%,transparent 65%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:linear-gradient(135deg,#ff6b351f,#fbbf2414);border:1px solid var(--or-border);border-radius:50px;font-size:.78rem;font-weight:700;color:var(--or1);margin-bottom:1.5rem;letter-spacing:.8px;text-transform:uppercase}.hero-title{font-size:clamp(1.85rem,5vw,3rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.18}.gradient-text{background:linear-gradient(135deg,#ff6b35,#f97316 40%,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.05rem;color:#a1a1aa;max-width:580px;margin:0 auto 1.5rem;line-height:1.65}.hero-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.hero-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50px;font-size:.78rem;color:#a1a1aa}.hero-chip i{color:#10b981;font-size:.75rem}.tool-section{padding:1.5rem 1rem 3rem;max-width:900px;margin:0 auto}.tool-wrap{display:flex;flex-direction:column;gap:1.5rem}.input-card{background:var(--card-bg);border:1px solid var(--or-border);border-radius:24px;padding:2rem;box-shadow:0 12px 48px #0006,0 0 0 1px #ff6b350a}.input-header{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:#fed7aa;margin-bottom:1.25rem}.input-header i{color:var(--or1);font-size:1rem}.topic-wrap{position:relative;margin-bottom:1.5rem}.topic-input{width:100%;padding:1rem 1.25rem;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.09);border-radius:14px;color:#fff;font-size:1rem;font-family:inherit;outline:none;resize:vertical;min-height:90px;transition:all .2s;box-sizing:border-box;line-height:1.65}.topic-input:focus{border-color:#ff6b3580;background:#ff6b3508;box-shadow:0 0 0 3px #ff6b3514}.topic-input::placeholder{color:#3f3f46}.char-counter{position:absolute;bottom:.75rem;right:1rem;font-size:.74rem;color:#3f3f46}.try-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem}.try-label{font-size:.8rem;font-weight:600;color:#71717a;display:flex;align-items:center;gap:5px;white-space:nowrap}.try-label i{color:var(--or1);font-size:.75rem}.try-btn{padding:5px 13px;background:#ff6b3512;border:1px solid rgba(255,107,53,.2);border-radius:50px;color:#fb923c;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.try-btn:hover{background:#ff6b3529;border-color:#ff6b3566;color:#fed7aa}.how-to-section{max-width:900px;margin:0 auto;padding:2.5rem 1rem}.how-to-inner{background:linear-gradient(135deg,#ff6b350f,#ff6b3505);border:1px solid rgba(255,107,53,.15);border-radius:20px;padding:2rem 2.25rem}.how-to-title{font-size:1.2rem;font-weight:800;color:#fed7aa;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.how-to-title i{color:var(--or1)}.how-to-steps{display:flex;flex-direction:column;gap:1rem;padding:0;margin:0;list-style:none}.how-to-steps li{display:flex;align-items:flex-start;gap:1rem;font-size:.95rem;color:#d4d4d8;line-height:1.6}.step-num{min-width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--or1),var(--or2));color:#fff;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.how-to-steps li strong{color:#fff}.how-to-steps li em{color:#fb923c;font-style:normal;font-weight:600}.options-row{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.option-group{display:flex;flex-direction:column;gap:.6rem}.option-label{font-size:.85rem;font-weight:600;color:#d4d4d8;display:flex;align-items:center;gap:7px}.option-label i{color:var(--or1);font-size:.82rem}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{padding:7px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#71717a;font-size:.83rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;gap:6px}.pill:hover:not(.active){border-color:#ffffff38;color:#e4e4e7;transform:translateY(-1px)}.pill.active{background:linear-gradient(135deg,#ff6b352e,#fbbf241a);border-color:var(--or1);color:#fed7aa;box-shadow:0 0 12px #ff6b3533}.actions-row{display:flex;gap:1rem;flex-wrap:wrap}.btn-formula{display:flex;align-items:center;gap:10px;padding:.9rem 2rem;background:linear-gradient(135deg,#ff6b35,#ea580c 60%,#c2410c);border:none;border-radius:14px;color:#fff;font-size:.97rem;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit;flex:1;justify-content:center;min-width:160px;box-shadow:0 4px 20px #ff6b3559}.btn-formula:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b3580}.btn-formula:active{transform:translateY(0);box-shadow:0 2px 10px #ff6b354d}.btn-ai{display:flex;align-items:center;gap:8px;padding:.9rem 1.5rem;background:#ffffff0a;border:1.5px solid var(--or-border);border-radius:14px;color:#fed7aa;font-size:.97rem;font-weight:700;cursor:pointer;transition:all .25s;font-family:inherit;justify-content:center}.btn-ai:hover{background:var(--or-bg);border-color:var(--or1);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3533}.btn-badge{font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:50px;background:#ffffff2e;color:#ffffffd9}.ai-badge{background:#fbbf2433;color:#fbbf24}.results-card{background:var(--card-bg);border:1px solid rgba(255,107,53,.3);border-radius:24px;padding:2rem;box-shadow:0 12px 48px #00000073,0 0 0 1px #ff6b350f;position:relative;overflow:hidden;animation:slideIn .4s cubic-bezier(.22,1,.36,1)}.results-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--or1) 30%,var(--or3) 70%,transparent 100%)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}.results-title{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;color:#fed7aa}.results-title i{color:var(--or1)}.results-meta{font-size:.75rem;color:#71717a;display:flex;align-items:center;gap:6px;background:#ffffff0a;padding:4px 12px;border-radius:50px;border:1px solid rgba(255,255,255,.07)}.hooks-list{display:flex;flex-direction:column;gap:.9rem}.hook-card{background:#1a1a20;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1.25rem 1.4rem 1.15rem;border-left:4px solid var(--or1);box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.hook-card:hover{border-color:var(--or1);background:#1e1e26}.hook-top{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.hook-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--or1),var(--or2));color:#fff;font-size:.85rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #ff6b3566}.hook-type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:50px;font-size:.74rem;font-weight:700;letter-spacing:.4px;flex-shrink:0;white-space:nowrap}.hook-type-badge.question{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.22)}.hook-type-badge.shocking{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.22)}.hook-type-badge.storytelling{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.22)}.hook-type-badge.preview{background:#ff6b351f;color:#fb923c;border:1px solid rgba(255,107,53,.22)}.hook-type-badge.problem{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.22)}.hook-text{font-size:1.06rem;color:#fff;font-weight:700;line-height:1.55;margin-bottom:.85rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.07);letter-spacing:-.01em}.hook-why{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;color:#b0a090;line-height:1.55;padding:.75rem 1rem;background:linear-gradient(135deg,#ff6b3514,#ff6b350a);border-radius:10px;border:1px solid rgba(255,107,53,.2);margin-bottom:.25rem}.hook-why-icon{font-size:.95rem;color:var(--or1);margin-top:2px;flex-shrink:0}.hook-why strong{color:#fdba74;font-weight:700;margin-right:4px}.hook-actions{margin-top:.85rem}.hook-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;background:#ff6b3517;border:1px solid rgba(255,107,53,.35);border-radius:8px;color:#fdba74;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .22s;font-family:inherit;box-shadow:0 2px 8px #0000004d}.hook-copy-btn i{font-size:.82rem}.hook-copy-btn:hover{background:linear-gradient(135deg,#ff6b3538,#fbbf241f);border-color:var(--or1);color:#fff;transform:translateY(-1px);box-shadow:0 5px 18px #ff6b354d}.hook-copy-btn.copied{background:#10b9811f;border-color:#10b98166;color:#6ee7b7;box-shadow:0 2px 8px #10b98126}.results-footer{display:flex;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.btn-copy-all{display:flex;align-items:center;gap:8px;padding:.75rem 1.75rem;background:linear-gradient(135deg,#ff6b352e,#fbbf241a);border:1px solid rgba(255,107,53,.4);border-radius:12px;color:#fed7aa;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 16px #ff6b3526}.btn-copy-all:hover{background:linear-gradient(135deg,#ff6b354d,#fbbf242e);transform:scale(1.02);box-shadow:0 6px 20px #ff6b3540}.btn-regen{display:flex;align-items:center;gap:7px;padding:.75rem 1.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#71717a;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-regen:hover{border-color:#fff3;color:#d4d4d8;transform:scale(1.01)}.loading-card{display:flex;align-items:center;gap:1.25rem;background:#ff6b350f;border:1px solid rgba(255,107,53,.2);border-radius:20px;padding:1.5rem 2rem}.loading-spinner{width:28px;height:28px;border:3px solid rgba(255,107,53,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#ffedd5;font-size:.95rem;font-weight:600;margin:0}.limit-card{display:flex;align-items:center;gap:1.5rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:20px;padding:1.5rem 2rem;flex-wrap:wrap}.limit-icon{font-size:2rem;color:#fbbf24;flex-shrink:0}.limit-content h3{font-size:1rem;font-weight:700;color:#fbbf24;margin-bottom:.35rem}.limit-content p{color:#a16207;font-size:.87rem;margin-bottom:.85rem;line-height:1.5}.transparency-box{background:#ff6b350d;border:1px solid rgba(255,107,53,.2);border-radius:16px;padding:1.25rem 1.5rem}.transparency-header{display:flex;align-items:center;gap:.6rem;color:#ffedd5;font-size:.9rem;margin-bottom:.6rem}.transparency-header i{font-size:1rem;flex-shrink:0}.transparency-box p{color:#fb923c;font-size:.85rem;line-height:1.7;margin:0}.transparency-box strong{color:#ffedd5}.seo-section{max-width:820px;margin:0 auto;padding:3rem 1.5rem 1rem}.intro-answer{font-size:1.05rem;color:#a1a1aa;line-height:1.8;margin-bottom:2.5rem;padding:1.25rem 1.5rem;background:#ffffff05;border-left:3px solid #ff6b35;border-radius:0 10px 10px 0}.intro-answer strong{color:#d4d4d8}.content-block{margin-bottom:3rem}.content-block h2{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.content-block h2 i{color:#ff6b35;font-size:1.1rem}.content-block p{color:#a1a1aa;line-height:1.8;margin-bottom:1rem;font-size:.98rem}.formats-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.format-card{display:flex;gap:1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.25rem;transition:border-color .2s}.format-card:hover{border-color:#ff6b3540}.format-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.question-icon{background:#3b82f61f;color:#60a5fa}.shocking-icon{background:#fbbf241f;color:#fbbf24}.story-icon{background:#10b9811f;color:#34d399}.preview-icon{background:#ff6b351f;color:#fb923c}.problem-icon{background:#ef44441f;color:#f87171}.format-body h3{font-size:.95rem;font-weight:700;color:#d4d4d8;margin-bottom:.4rem}.format-body p{font-size:.85rem;color:#71717a;line-height:1.6;margin-bottom:.6rem}.format-example{font-size:.82rem;color:#ffedd5;font-style:italic;padding:.5rem .75rem;background:#ff6b350f;border-radius:8px;border-left:2px solid rgba(255,107,53,.4)}.comparison-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.25rem}.comparison-col{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.5rem}.comp-header{font-size:.95rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.longform-header{color:#60a5fa}.shorts-header{color:#f87171}.comp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.comp-list li{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:#a1a1aa;line-height:1.5}.comp-list li i{color:#10b981;font-size:.78rem;margin-top:3px;flex-shrink:0}.faq-section{max-width:820px;margin:0 auto;padding:0 1.5rem 3rem}.section-title{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:1.5rem}.faq-container{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:linear-gradient(145deg,#1e1e26cc,#14141ce6);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:#ff6b3533}.faq-item[open]{border-color:#ff6b354d}.faq-question{display:flex;align-items:center;gap:10px;padding:1rem 1.25rem;color:#d4d4d8;font-weight:600;font-size:.9rem;cursor:pointer;list-style:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question i:first-child{color:#ff6b35;flex-shrink:0}.faq-question span{flex:1}.faq-arrow{margin-left:auto;color:#52525b;font-size:.75rem;transition:transform .3s}.faq-item[open] .faq-arrow{transform:rotate(180deg)}.faq-answer{padding:.25rem 1.25rem 1rem 2.75rem}.faq-answer p{color:#71717a;font-size:.87rem;line-height:1.7;margin:0}.related-tools-section{max-width:820px;margin:0 auto;padding:0 1.5rem 3rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.tool-card-link{text-decoration:none}.tool-card-mini{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.25rem;transition:all .2s}.tool-card-mini:hover{border-color:#ff6b354d;transform:translateY(-3px)}.tool-card-icon{font-size:1.5rem;color:#ff6b35;margin-bottom:.6rem}.tool-card-mini h4{font-size:.9rem;font-weight:700;color:#d4d4d8;margin-bottom:.4rem}.tool-card-mini p{font-size:.78rem;color:#71717a;line-height:1.4;margin:0}.cta-section{max-width:820px;margin:0 auto;padding:0 1.5rem 4rem}.cta-card{background:linear-gradient(135deg,#ff6b351a,#ffa50014);border:1px solid rgba(255,107,53,.25);border-radius:24px;padding:2.5rem;text-align:center}.cta-icon{font-size:2.5rem;color:orange;margin-bottom:1rem}.cta-card h2{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:.75rem}.cta-card p{color:#a1a1aa;font-size:.92rem;margin-bottom:1.5rem;line-height:1.6}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:.85rem 2rem;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50px;color:#fff;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s}.cta-button:hover{transform:scale(1.04);box-shadow:0 8px 24px #25d3664d}.hidden{display:none!important}@media(max-width:640px){.actions-row{flex-direction:column}.btn-formula,.btn-ai{width:100%}.format-card{flex-direction:column;gap:.75rem}.comparison-wrap{grid-template-columns:1fr}.results-footer{flex-direction:column}.hook-card{padding:1.25rem 1.1rem 1rem}.hook-text{font-size:.97rem}.hook-num{width:22px;height:22px;font-size:.68rem}.btn-copy-all,.btn-regen{width:100%;justify-content:center}.hook-dna{display:none}}.hook-ctr-badge{margin-left:auto;font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;border:1px solid;letter-spacing:.03em;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.hook-dna{padding:.6rem .4rem .4rem;display:flex;flex-direction:column;gap:.3rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.6rem}.dna-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem}.dna-label{width:74px;color:#ffffff73;flex-shrink:0}.dna-track{flex:1;height:5px;background:#ffffff14;border-radius:99px;overflow:hidden}.dna-fill{height:100%;border-radius:99px;transition:width .45s ease}.dna-val{width:26px;text-align:right;color:#ffffff59;font-size:.67rem}.hook-variant-btn{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:#a78bfa;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.hook-variant-btn:hover{background:#8b5cf638}.hook-variants{padding:.5rem 0 0}.variant-card{display:flex;align-items:flex-start;gap:.6rem;background:#8b5cf612;border:1px solid rgba(139,92,246,.15);border-radius:8px;padding:.65rem .8rem;margin-bottom:.45rem}.variant-text{flex:1;font-size:.88rem;color:#fffc;line-height:1.5}.variant-copy-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff6;border-radius:6px;padding:.28rem .48rem;font-size:.75rem;cursor:pointer;transition:all .2s;flex-shrink:0}.variant-copy-btn:hover{color:#fff;border-color:#fff6}.variant-empty{font-size:.82rem;color:#ffffff4d;padding:.4rem}.history-section{margin-top:1.25rem;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;background:#ffffff05}.history-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.1rem;cursor:pointer;user-select:none;transition:background .2s}.history-header:hover{background:#ffffff0a}.history-header-left{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#ffffff8c}.history-header-left i{color:#a78bfa}#historyPanel{padding:.5rem .75rem .75rem}.history-entry{padding:.6rem .75rem;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:.3rem;border:1px solid transparent}.history-entry:hover{background:#ffffff0d;border-color:#ffffff0f}.history-topic{font-size:.78rem;font-weight:600;color:#a78bfa;display:flex;align-items:center;gap:.35rem;margin-bottom:.2rem}.history-preview{font-size:.77rem;color:#ffffff73;line-height:1.4}.history-date{font-size:.67rem;color:#fff3;margin-top:.25rem}.history-empty{font-size:.82rem;color:#ffffff4d;padding:.5rem .75rem}