.url-checker-container {
        max-width: 600px;
        margin: 20px auto;
        padding: 20px;
        background: #f5f5f5;
        border-radius: 8px;
    }
    
    .url-checker-form {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .url-input {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
    }
    
    .button-group {
        display: flex;
        gap: 10px;
    }
    
    .check-button, .clear-button {
        padding: 10px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-weight: bold;
    }
    
    .check-button {
        background: #4CAF50;
        color: white;
    }
    
    .clear-button {
        background: #f44336;
        color: white;
    }
    
    .result-container {
        margin-top: 20px;
        padding: 15px;
        border-radius: 4px;
        display: none;
    }
    
    .result-success {
        background: #e8f5e9;
        border: 1px solid #4CAF50;
    }
    
    .result-error {
        background: #ffebee;
        border: 1px solid #f44336;
    }