/* =========================
   フォーム幅
========================= */
.pyoko-vfr-form-wrap{
    max-width:800px;
    margin:0 auto;
}

/* =========================
   テキスト（完全2カラム）
========================= */
.pyoko-form-row{
    display:grid;
    grid-template-columns:180px 1fr;
    align-items:center;
    margin-bottom:14px;
}

.pyoko-form-row label{
    font-weight:700;
}

.pyoko-form-row input{
    width:100%;
    padding:10px;
    border:1px solid #ddd;
    border-radius:8px;
}

/* =========================
   画像
========================= */
.pyoko-img-wrap{
    margin:15px 0;
}

.pyoko-img-row{
    display:flex;
    gap:10px;
}

.pyoko-img-input,
.pyoko-img-view{
    flex:1;
    aspect-ratio:16/9;
    border-radius:10px;
    overflow:hidden;
}

.pyoko-img-input{
    background:#f3f4f6;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:1px solid #ddd;
}

.pyoko-img-view{
    background:#000;
}

.pyoko-img-view img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.pyoko-img-meta{
    font-size:12px;
    color:#666;
    margin-top:5px;
}