.email-subject-tester{box-sizing:border-box;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:900px;width:100%}.email-subject-tester *{box-sizing:border-box}.tool-top-bar{display:flex;justify-content:flex-end;margin-bottom:10px;position:relative}.lang-drop-btn{background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:.2s}.lang-drop-btn:hover{border-color:#cbd5e1;color:#0f172a}.lang-drop-content{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);display:none;margin-top:5px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.lang-drop-content.show{display:block}.lang-drop-content a{color:#334155;display:block;font-size:.9rem;padding:10px 15px;text-decoration:none}.lang-drop-content a:hover{background-color:#f8fafc}.tester-header{margin-bottom:2.5rem;text-align:center}.tester-header h2{color:#0f172a;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.tester-header p{color:#64748b;font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:600px}.tester-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);margin-bottom:2rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#334155;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{appearance:none;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:1rem;padding:14px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#00a9ff;box-shadow:0 0 0 3px rgba(0,169,255,.1);outline:none}.analyze-btn{background:linear-gradient(135deg,#00a9ff,#07f);border:none;border-radius:10px;box-shadow:0 4px 6px rgba(0,169,255,.2);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:transform .1s,box-shadow .2s;width:100%}.analyze-btn:hover{box-shadow:0 6px 10px rgba(0,169,255,.3)}.analyze-btn:active{transform:scale(.98)}.analyze-btn:disabled{cursor:wait;opacity:.7}.results-container{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:2rem}.results-section.score-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:1.5rem;padding:2rem;text-align:center}.results-section.score-section,.score-display{align-items:center;display:flex;flex-direction:column}.score-display h3{color:#64748b;font-size:.85rem;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.score-radial-container{height:140px;position:relative;width:140px}.score-radial-svg{transform:rotate(-90deg)}.score-bg{stroke:#f1f5f9}.score-bg,.score-meter{fill:none;stroke-width:8}.score-meter{stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.score-content{align-items:center;display:flex;flex-direction:column;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.score-val{font-size:2.5rem;font-weight:800}.score-label{color:#94a3b8;font-size:.85rem;margin-top:4px}.score-text-large{color:#0f172a;font-size:1.5rem;font-weight:700;margin-top:10px}.subject-preview-box{background:#f8fafc;border-radius:8px;max-width:600px;padding:1rem;width:100%}.preview-label{color:#64748b;display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.subject-preview-box p{color:#334155;font-size:1.1rem;font-weight:500;margin:0;word-break:break-word}.results-section.ai-section{background:linear-gradient(145deg,#fff,#f0f9ff);border:1px solid #bae6fd;border-radius:16px;padding:2rem}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:1.5rem}.ai-badge{background:#00a9ff;border-radius:6px;color:#fff;font-size:.75rem;font-weight:800;padding:4px 8px}.section-header h3{color:#0c4a6e;font-size:1.25rem;margin:0}.ai-grid{display:grid;gap:1rem;grid-template-columns:1fr}.ai-suggestion-card{background:#fff;border:1px solid #e0f2fe;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.02);display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .2s}.ai-suggestion-card:hover{border-color:#7dd3fc;transform:translateY(-2px)}.suggestion-text{color:#0f172a;font-size:1.05rem;font-weight:600}.suggestion-rationale{color:#64748b;font-size:.9rem}.suggestion-footer{display:flex;gap:10px;margin-top:auto}.action-btn{border:1px solid transparent;border-radius:6px;cursor:pointer;flex:1;font-size:.85rem;font-weight:600;padding:8px;transition:.2s}.action-btn.use{background:#00a9ff;color:#fff}.action-btn.use:hover{background:#0090d9}.action-btn.copy{background:#fff;border-color:#cbd5e1;color:#475569}.action-btn.copy:hover{background:#f1f5f9}.results-grid-layout{display:grid;gap:1.5rem;grid-template-columns:1fr}.grid-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.02);padding:1.5rem}.grid-card h3{color:#64748b;font-size:1rem;letter-spacing:.05em;margin:0 0 1.5rem;text-transform:uppercase}.full-width{grid-column:1/-1}.stats-row{gap:1.5rem}.stat-item,.stats-row{display:flex;flex-direction:column}.stat-item{gap:5px}.stat-label{color:#64748b;font-size:.85rem;font-weight:600}.stat-num{color:#0f172a;font-size:1.5rem;font-weight:800}.stat-bar-bg{background:#f1f5f9;border-radius:3px;height:6px;margin-top:5px;overflow:hidden}.stat-bar-fill{background:#00a9ff;border-radius:3px;height:100%}.stat-msg{color:#64748b;font-size:.8rem;margin-top:5px}.word-analysis{display:flex;flex-direction:column;gap:1.5rem}.group-label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.5rem}.group-label.positive{color:#16a34a}.group-label.negative{color:#dc2626}.chips-container{display:flex;flex-wrap:wrap;gap:8px}.chip{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 10px}.chip.positive{background:#dcfce7;color:#166534}.chip.negative{background:#fee2e2;color:#991b1b}.empty-dash{color:#cbd5e1;font-weight:700}.micro-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.micro-stat{background:#f8fafc;border-radius:12px;padding:1rem;text-align:center}.micro-label{color:#64748b;display:block;font-size:.75rem;margin-bottom:5px;text-transform:uppercase}.micro-val{color:#334155;font-size:1rem;font-weight:700}.spinner-mini{animation:spin 1s linear infinite;border:2px solid #cbd5e1;border-radius:50%;border-top-color:#00a9ff;display:inline-block;height:16px;width:16px}.preview-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.preview-header-row h3{margin:0}.toggle-pill{background:#f1f5f9;border-radius:8px;display:inline-flex;padding:4px}.toggle-pill button{background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px}.toggle-pill button.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#00a9ff}.preview-stage{background:#f1f5f9;border-radius:12px;display:flex;justify-content:center;padding:2rem 1rem}.mobile-frame{background:#fff;border:8px solid #334155;border-radius:30px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);overflow:hidden;position:relative;width:300px}.notch{background:#334155;border-radius:0 0 12px 12px;height:20px;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100px;z-index:2}.mobile-screen{padding:40px 10px 20px}.mobile-row{border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding-bottom:10px}.sender-avatar{align-items:center;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;width:36px}.mobile-content{flex:1;min-width:0}.mobile-top{display:flex;justify-content:space-between;margin-bottom:2px}.sender-text{color:#0f172a;font-size:.9rem;font-weight:700}.time-text{color:#94a3b8;font-size:.75rem}.subject-text{color:#1e293b;font-size:.85rem;font-weight:600}.body-text,.subject-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body-text{color:#64748b;font-size:.8rem}.desktop-frame{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);width:100%}.gmail-row{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:10px;padding:10px}.gmail-row:hover{box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);z-index:1}.check-box{border:2px solid #cbd5e1;border-radius:2px;height:16px;width:16px}.star-icon{color:#cbd5e1;font-size:1.1rem}.sender-col{font-weight:700;width:140px}.content-col,.sender-col{color:#1e293b;font-size:.9rem}.content-col{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-part{font-weight:700}.separator{margin:0 5px}.body-part,.separator{color:#64748b}.time-col{color:#1e293b;font-size:.8rem;font-weight:700;text-align:right;width:60px}.preheader-feedback{background:#fffbeb;border-radius:6px;color:#d97706;font-size:.9rem;margin-top:1rem;padding:10px;text-align:center}.loading-placeholder{color:#64748b;font-style:italic;padding:2rem;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.results-grid-layout{grid-template-columns:1fr 1fr}.ai-grid{grid-template-columns:repeat(3,1fr)}.stats-row{flex-direction:row}.stat-item{flex:1}.micro-stats-grid{grid-template-columns:repeat(4,1fr)}.score-radial-container{height:160px;width:160px}.score-val{font-size:3rem}}