:root{--est-color-bg:#f9fafb;--est-color-bg-input:#fff;--est-color-text:#1f2937;--est-color-text-secondary:#6b7280;--est-color-border:#e5e7eb;--est-color-accent:#8b5cf6;--est-color-accent-hover:#7c3aed;--est-color-success:#10b981;--est-color-warning:#f59e0b;--est-color-error:#ef4444;--est-spacing:4px}.email-subject-tester{background-color:var(--est-color-bg);color:var(--est-color-text);padding:calc(6 * var(--est-spacing));max-width:1000px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.email-subject-tester__header{margin-bottom:calc(8 * var(--est-spacing));text-align:center;border-bottom:2px solid var(--est-color-accent);padding-bottom:calc(6 * var(--est-spacing))}.email-subject-tester__header h1{margin:0 0 calc(2 * var(--est-spacing)) 0;color:var(--est-color-accent);font-size:28px;font-weight:700}.email-subject-tester__header p{color:var(--est-color-text-secondary);margin:0;font-size:16px}.email-subject-tester__main{gap:calc(6 * var(--est-spacing));margin-bottom:calc(8 * var(--est-spacing));flex-direction:column;display:flex}.email-subject-tester__input-section{padding:calc(5 * var(--est-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.email-subject-tester__field{gap:calc(2 * var(--est-spacing));flex-direction:column;display:flex}.email-subject-tester__label{color:var(--est-color-text);font-size:14px;font-weight:600}.email-subject-tester__input{width:100%;padding:calc(2.5 * var(--est-spacing));border:1px solid var(--est-color-border);color:var(--est-color-text);background-color:var(--est-color-bg-input);border-radius:4px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.email-subject-tester__input:focus{border-color:var(--est-color-accent);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.email-subject-tester__counter{color:var(--est-color-text-secondary);text-align:right;font-size:12px}.email-subject-tester__score-section{padding:calc(5 * var(--est-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.email-subject-tester__overall-score{align-items:center;gap:calc(6 * var(--est-spacing));display:flex}.email-subject-tester__score-circle{border:5px solid var(--est-color-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.email-subject-tester__score-value{color:var(--est-color-accent);font-size:48px;font-weight:700}.email-subject-tester__score-info{flex:1}.email-subject-tester__score-tier{margin:0 0 calc(2 * var(--est-spacing)) 0;color:var(--est-color-text);font-size:24px;font-weight:600}.email-subject-tester__open-rate{color:var(--est-color-text-secondary);margin:0;font-size:16px}.email-subject-tester__open-rate strong{color:var(--est-color-text);font-weight:600}.email-subject-tester__dimensions{padding:calc(5 * var(--est-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.email-subject-tester__dimensions h3{margin:0 0 calc(4 * var(--est-spacing)) 0;color:var(--est-color-text);font-size:18px;font-weight:600}.email-subject-tester__dimension-grid{gap:calc(4 * var(--est-spacing));grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.email-subject-tester__dimension{gap:calc(2 * var(--est-spacing));flex-direction:column;display:flex}.email-subject-tester__dimension-header{justify-content:space-between;align-items:center;display:flex}.email-subject-tester__dimension-name{color:var(--est-color-text);font-size:14px;font-weight:600}.email-subject-tester__dimension-score{color:var(--est-color-accent);font-size:16px;font-weight:700}.email-subject-tester__progress-bar{background-color:var(--est-color-bg);border-radius:4px;width:100%;height:8px;overflow:hidden}.email-subject-tester__progress-fill{border-radius:4px;height:100%;transition:width .3s ease-in-out}.email-subject-tester__dimension-message{color:var(--est-color-text-secondary);margin:0;font-size:12px}.email-subject-tester__stats-section{padding:calc(5 * var(--est-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.email-subject-tester__stats-section h3{margin:0 0 calc(4 * var(--est-spacing)) 0;color:var(--est-color-text);font-size:18px;font-weight:600}.email-subject-tester__stats-grid{gap:calc(3 * var(--est-spacing));grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.email-subject-tester__stat{text-align:center;padding:calc(3 * var(--est-spacing));background-color:var(--est-color-bg);border-radius:4px}.email-subject-tester__stat-value{color:var(--est-color-accent);margin-bottom:calc(1 * var(--est-spacing));font-size:28px;font-weight:700;display:block}.email-subject-tester__stat-label{color:var(--est-color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.email-subject-tester__suggestions{padding:calc(5 * var(--est-spacing));margin-bottom:calc(4 * var(--est-spacing));background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.email-subject-tester__suggestions h3{margin:0 0 calc(4 * var(--est-spacing)) 0;color:var(--est-color-text);font-size:18px;font-weight:600}.email-subject-tester__suggestion-list{gap:calc(2 * var(--est-spacing));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.email-subject-tester__suggestion-item{padding:calc(2.5 * var(--est-spacing)) calc(3 * var(--est-spacing));border-left:3px solid var(--est-color-accent);color:var(--est-color-text);background-color:#8b5cf60d;border-radius:4px;font-size:14px;line-height:1.5}.email-subject-tester__actions{gap:calc(3 * var(--est-spacing));margin-bottom:calc(4 * var(--est-spacing));display:flex}.email-subject-tester__button{padding:calc(3 * var(--est-spacing)) calc(4 * var(--est-spacing));background-color:var(--est-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;flex:1;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}.email-subject-tester__button:hover{background-color:var(--est-color-accent-hover);transform:translateY(-1px)}.email-subject-tester__button:active{transform:translateY(0)}.email-subject-tester__copy-message{color:var(--est-color-success);padding:calc(3 * var(--est-spacing));text-align:center;background-color:#10b9811a;border:1px solid #10b9814d;border-radius:4px;font-size:14px;font-weight:500;animation:.2s ease-in-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.email-subject-tester__footer{text-align:center;border-top:1px solid var(--est-color-border);padding-top:calc(4 * var(--est-spacing));color:var(--est-color-text-secondary);font-size:12px}.email-subject-tester__footer p{margin:0}.email-subject-tester__link{color:var(--est-color-accent);font-weight:500;text-decoration:none}.email-subject-tester__link:hover{text-decoration:underline}@media (max-width:768px){.email-subject-tester{padding:calc(4 * var(--est-spacing))}.email-subject-tester__header h1{font-size:24px}.email-subject-tester__overall-score{text-align:center;flex-direction:column}.email-subject-tester__score-circle{width:100px;height:100px}.email-subject-tester__score-value{font-size:40px}.email-subject-tester__score-tier{font-size:20px}.email-subject-tester__dimension-grid{grid-template-columns:1fr}}@media (max-width:480px){.email-subject-tester{padding:calc(3 * var(--est-spacing))}.email-subject-tester__header h1{font-size:20px}.email-subject-tester__header p{font-size:14px}.email-subject-tester__input-section,.email-subject-tester__score-section,.email-subject-tester__dimensions,.email-subject-tester__stats-section,.email-subject-tester__suggestions{padding:calc(4 * var(--est-spacing))}.email-subject-tester__score-circle{width:80px;height:80px}.email-subject-tester__score-value{font-size:32px}.email-subject-tester__score-tier{font-size:18px}.email-subject-tester__stats-grid{grid-template-columns:repeat(2,1fr)}.email-subject-tester__actions{flex-direction:column}.email-subject-tester__button{width:100%}}@media print{.email-subject-tester__footer{display:none}}