/*
Theme Name: Video Engine Theme
Author: yozora
Version: 1.0
*/

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    background: #0f0f0f;
    color: #fff;
}

.player-wrap {
    max-width: 900px;
    margin: 40px auto;
    padding: 16px;
}

.video-box {
    background: #000;
    border-radius: 8px;
    overflow: hidden;
}

.controls {
    margin-top: 10px;
    font-size: 14px;
    color: #aaa;
    text-align: center;
}

/* ================= DOWNLOAD WRAPPER ================= */
.video-actions{
    width:100%;
    display:flex;              /* ⬅️ KUNCI */
    justify-content:center;    /* ⬅️ KUNCI */
    margin:24px 0;
}

/* ================= DOWNLOAD BUTTON ================= */
.btn-download{
    display:inline-block;
    padding:12px 22px;
    border-radius:8px;
    font-weight:600;
    text-decoration:none;
    color:#fff;
    text-align:center;
    transition:transform .15s ease, box-shadow .15s ease;
}

/* WAITING STATE */
.btn-download.waiting{
    background:linear-gradient(135deg,#00c6ff,#0072ff);
}

/* READY STATE */
.btn-download.ready{
    background:linear-gradient(135deg,#00c853,#2e7d32);
    animation:pulse 1.4s infinite;
}

/* HOVER */
.btn-download:hover{
    transform:translateY(-1px);
}

/* PULSE ANIMATION */
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(0,200,83,.6);
    }
    70%{
        box-shadow:0 0 0 10px rgba(0,200,83,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(0,200,83,0);
    }
}