.smtp-tool{box-sizing:border-box;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;margin:0 auto;max-width:900px;width:100%}.smtp-tool *,.smtp-tool :after,.smtp-tool :before{box-sizing:inherit}.smtp-header{margin-bottom:2rem;padding:0 1rem;text-align:center}.smtp-header h2{color:#1a202c;font-size:1.75rem;margin-bottom:.5rem}.smtp-header p{color:#718096;font-size:1.1rem;margin:0 auto;max-width:600px}.smtp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);padding:1.5rem}.form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-grp{margin-bottom:1rem}.form-grp label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-grp input,.form-grp select{appearance:none;background-color:#fff;border:1px solid #cbd5e0;border-radius:6px;font-size:1rem;padding:12px 14px;transition:border-color .2s;width:100%}.form-grp input:focus,.form-grp select:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(66,153,225,.15);outline:none}.preset-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.preset-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.preset-btn:hover{background:#edf2f7;border-color:#cbd5e0}.smtp-btn{background:linear-gradient(135deg,#ff5c6e,#00a9ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;margin-top:1.5rem;padding:14px;transition:opacity .2s,transform .1s;width:100%}.smtp-btn:disabled{cursor:not-allowed;opacity:.7}.smtp-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.log-wrap{animation:fadeIn .4s ease;margin-top:2rem}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.log-header h3{color:#2d3748;font-size:1.1rem;margin:0}.copy-log-btn{background:#edf2f7;border:1px solid #cbd5e0;border-radius:4px;color:#4a5568;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:background .2s}.copy-log-btn:hover{background:#e2e8f0}.copy-log-btn.copied{background:#48bb78;border-color:#48bb78;color:#fff}.console{background:#1a202c;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.6;max-height:500px;overflow-x:auto;padding:20px;white-space:pre-wrap}.loader{padding:2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3182ce;height:32px;margin:0 auto;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}