.ytmp3r-box{
    width:min(720px,100%);
    margin:30px auto;
    padding:28px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    font-family:Arial,Helvetica,sans-serif
}
.ytmp3r-input{
    height:58px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 16px;
    background:#fff;
    border:1px solid #dcdfe4;
    border-radius:12px
}
.ytmp3r-search{
    font-size:26px;
    line-height:1;
    color:#777;
    transform:rotate(-15deg)
}
#ytmp3r-url{
    width:100%!important;
    height:54px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    font-size:15px!important
}
#ytmp3r-convert{
    width:100%;
    height:52px;
    margin-top:13px;
    border:0!important;
    border-radius:12px;
    background:#111!important;
    color:#fff!important;
    font-weight:700;
    cursor:pointer;
    transition:.15s ease
}
#ytmp3r-convert:hover{
    background:#333!important;
    transform:translateY(-1px)
}
#ytmp3r-convert:disabled{
    opacity:.6;
    cursor:wait;
    transform:none
}
.ytmp3r-message{
    min-height:24px;
    margin-top:12px;
    text-align:center;
    font-size:13px
}
.ytmp3r-result{
    margin-top:18px;
    padding:14px;
    background:#fafafa;
    border:1px solid #e5e5e5;
    border-radius:14px;
    display:flex;
    gap:14px;
    align-items:center
}
.ytmp3r-result img{
    width:150px;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:9px
}
.ytmp3r-info{
    flex:1;
    min-width:0
}
#ytmp3r-title{
    font-size:16px;
    font-weight:700;
    line-height:1.35;
    margin-bottom:6px
}
#ytmp3r-duration{
    display:block;
    color:#777;
    font-size:12px;
    margin-bottom:12px
}
#ytmp3r-download{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:43px;
    padding:0 18px;
    border-radius:10px;
    background:#e6213f!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:14px;
    font-weight:700
}
#ytmp3r-download:hover{
    background:#c91834!important
}
@media(max-width:600px){
    .ytmp3r-box{padding:18px}
    .ytmp3r-result{flex-direction:column;align-items:stretch}
    .ytmp3r-result img{width:100%}
    #ytmp3r-download{width:100%}
}