.streamfrog-access {
    max-width: 420px;
    margin: 2em auto;
    padding: 1.5em;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.streamfrog-access label {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25em;
}

.streamfrog-access input[type="text"] {
    width: 100%;
    padding: 0.6em;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.streamfrog-access button {
    background: #2563eb;
    color: #fff;
    border: none;
    padding: 0.7em 1.4em;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}

.streamfrog-access button:hover {
    background: #1d4ed8;
}

.streamfrog-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    padding: 0.75em 1em;
    border-radius: 6px;
    margin-bottom: 1em;
}