/* VO QR Generator — стиль у стилі ваших плагінів */
.vo-qr-wrap.vo-std {
    max-width: 720px;
    margin: 20px auto;
    padding: 16px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    font-family: "Montserrat", Arial, sans-serif;
    color: #222;
    box-shadow: 0 6px 20px rgba(0,0,0,0.03);
}

.vo-head { text-align:center; margin-bottom:10px; }
.vo-title { color:#0073aa; margin:0; font-size:20px; }
.vo-sub { margin:6px 0 0; color:#666; font-size:13px; }

.vo-body { display:flex; flex-direction:column; gap:12px; }

.vo-label { font-weight:600; font-size:14px; display:block; margin-bottom:6px; color:#333; }
.vo-textarea {
    width:100%;
    min-height:90px;
    padding:10px;
    border-radius:8px;
    border:1px solid #ddd;
    box-sizing:border-box;
    font-size:14px;
    resize:vertical;
}
.vo-input, .vo-select {
    padding:8px 10px;
    border-radius:8px;
    border:1px solid #ddd;
    font-size:14px;
}

.vo-row { display:flex; gap:12px; align-items:center; }

.vo-controls { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }

.vo-btn {
    background:#f1f1f1;
    color:#222;
    border:1px solid #ddd;
    padding:8px 12px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
}
.vo-btn.vo-btn-primary { background:#0073aa; color:#fff; border-color:#0073aa; }
.vo-btn:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,0.06); }

.vo-preview-wrap { margin-top:12px; }
.vo-preview {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:220px;
    border-radius:10px;
    border:1px dashed #e6e6e6;
    background:#fafafa;
    cursor:pointer;
    user-select:none;
    padding:12px;
}
.vo-preview img { max-width:100%; height:auto; display:block; }

.vo-history { margin-top:12px; background:#f7f7f7; padding:10px; border-radius:8px; font-size:13px; }
.vo-h-item { padding:6px 8px; border-bottom:1px solid #e9e9e9; word-break:break-all; }
.vo-h-item:last-child { border-bottom:none; color:#333; }