.url-input-container{position:relative}.url-input{padding-right:140px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.status-indicator{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.status-accessible{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.status-redirect{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.status-error{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.status-timeout{background-color:#6b7280;box-shadow:0 0 0 2px #6b728033}.url-detail-card{border-left:4px solid #0000;transition:all .2s}.url-detail-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.url-detail-card.protocol{border-left-color:#3b82f6}.url-detail-card.domain{border-left-color:#10b981}.url-detail-card.port{border-left-color:#8b5cf6}.url-detail-card.path{border-left-color:#f59e0b}.url-detail-card.security{border-left-color:#ef4444}.url-detail-card.full-url{border-left-color:#6b7280}.loading-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-bg:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%)}.tool-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@media (max-width:768px){.url-input{padding-right:120px}.url-detail-card{margin-bottom:1rem}}.url-input:focus,button:focus{outline-offset:2px;outline:2px solid #667eea}