.vtt-container {
    max-width: 520px;
    margin: 40px auto;
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

.vtt-form label {
    display: block;
    margin-top: 15px;
    font-weight: 600;
}

.vtt-form input {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.vtt-btn {
    margin-top: 18px;
    padding: 10px 18px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.vtt-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.vtt-error {
    background: #ffebe8;
    padding: 10px;
    border: 1px solid #dd3c10;
    color: #a00;
    border-radius: 6px;
}

.vtt-success {
    background: #e7f7e6;
    padding: 10px;
    border: 1px solid #2e7d32;
    color: #1b5e20;
    border-radius: 6px;
}

.vtt-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 18px;
}

.vtt-table th, .vtt-table td {
    border: 1px solid #eee;
    padding: 10px;
}