.tool-header{text-align:center;margin-bottom:40px}.header-badge{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.badge{background:linear-gradient(135deg, #f59e0b, #d97706);color:white;padding:6px 18px;border-radius:40px;font-size:0.75rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.tool-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg, #1e293b, #f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.tool-header p{color:var(--gray-500);font-size:0.95rem}.input-group{margin-bottom:24px}.input-group label{display:block;font-weight:600;margin-bottom:10px;color:var(--gray-700);font-size:0.9rem}.input-group label i{margin-right:8px;color:#f59e0b}.url-input-wrapper{display:flex;align-items:center;background:white;border:1px solid var(--gray-200);border-radius:12px;padding:0 16px;transition:all 0.3s}.url-input-wrapper:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,0.1)}.input-icon{color:var(--gray-400);font-size:1rem}.url-input{flex:1;border:none;padding:14px 12px;font-size:0.9rem;background:transparent}.url-input:focus{outline:none}.input-hint{font-size:0.7rem;color:var(--gray-400);margin-top:8px}.frequency-input-wrapper{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--gray-200);border-radius:12px;padding:0 16px;transition:all 0.3s}.frequency-input-wrapper:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,0.1)}.frequency-input{flex:1;border:none;padding:14px 0;font-size:0.9rem;background:transparent}.frequency-input:focus{outline:none}.frequency-unit{border:none;background:transparent;font-size:0.85rem;color:var(--gray-600);cursor:pointer;padding:8px 0}.action-buttons{display:flex;gap:16px;margin-bottom:24px}.start-btn{background:linear-gradient(135deg, #f59e0b, #d97706);padding:12px 32px;font-size:1rem;border-radius:40px}.stop-btn{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-300);padding:12px 32px;font-size:1rem;border-radius:40px}.stop-btn:disabled{opacity:0.5;cursor:not-allowed}.stats-card{background:linear-gradient(135deg, #f8fafc, #fff);border-radius:20px;padding:20px;margin-bottom:24px;border:1px solid var(--gray-200)}.stats-header{display:flex;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--gray-200);font-weight:600;color:var(--gray-700)}.stats-header i{color:#f59e0b}.stats-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stat-item{display:flex;align-items:baseline;gap:6px}.stat-label{font-size:0.85rem;color:var(--gray-500)}.stat-value{font-size:1.3rem;font-weight:700;color:var(--gray-800)}.stat-unit{font-size:0.75rem;color:var(--gray-400)}.warning-card{background:#fef3c7;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:16px;border:1px solid #fde68a}.warning-card i{font-size:1.5rem;color:#f59e0b}.warning-content{flex:1}.warning-content strong{display:block;font-size:0.85rem;color:#92400e;margin-bottom:4px}.warning-content p{font-size:0.75rem;color:#78350f;margin:0}@media (max-width:480px){.action-buttons{flex-direction:column}.stats-content{flex-direction:column;align-items:flex-start}.frequency-input-wrapper{flex-wrap:wrap;padding:8px 16px}.frequency-input{width:100%}}