.helma-vton-entry{clear:both;margin:18px 0 4px;font-family:inherit}
.helma-vton-open,.helma-vton-generate{align-items:center;background:#13877f;border:0;border-radius:12px;color:#fff;cursor:pointer;display:flex;font:inherit;font-weight:700;gap:8px;justify-content:center;min-height:52px;padding:12px 20px;width:100%}
.helma-vton-open:hover,.helma-vton-generate:hover{background:#0c706a;color:#fff}
.helma-vton-open:disabled,.helma-vton-generate:disabled{background:#9ab9b6;cursor:not-allowed}
.helma-vton-quota{color:#5a6472;font-size:13px;margin:8px 2px 0;text-align:center}
.helma-vton-login-note{background:#eef8f7;border:1px solid #b9dfdb;border-radius:10px;margin:16px 0;padding:12px;text-align:center}
.helma-vton-login-note a{color:#0d746e;font-weight:700}
.helma-vton-modal[hidden],.helma-vton-result-view[hidden],.helma-vton-person-preview[hidden],.helma-vton-upload-box[hidden]{display:none!important}
.helma-vton-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:999999}
.helma-vton-backdrop{background:rgba(17,24,39,.72);inset:0;position:absolute}
.helma-vton-dialog{background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.28);direction:rtl;max-height:calc(100vh - 36px);max-width:680px;overflow:auto;padding:24px;position:relative;text-align:right;width:100%;z-index:1}
.helma-vton-dialog:focus{outline:none}
.helma-vton-dialog-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:14px;justify-content:space-between;margin:-2px 0 20px;padding:0 0 16px}
.helma-vton-dialog-header h2{color:#172033;font-size:23px;margin:0 0 4px}
.helma-vton-dialog-header p{color:#667085;font-size:14px;margin:0}
.helma-vton-close{align-items:center;background:#f3f4f6;border:0;border-radius:50%;color:#172033;cursor:pointer;display:flex;font-size:28px;height:42px;justify-content:center;line-height:1;padding:0;width:42px}
.helma-vton-product-ref{align-items:center;background:#f7faf9;border:1px solid #d9ebe9;border-radius:12px;display:flex;gap:14px;margin-bottom:16px;padding:12px}
.helma-vton-product-ref img{border-radius:9px;height:84px;object-fit:cover;width:70px}
.helma-vton-product-ref strong,.helma-vton-product-ref span{display:block}
.helma-vton-product-ref span{color:#667085;font-size:13px;margin-top:5px}
.helma-vton-upload-box{align-items:center;background:#fbfdfd;border:2px dashed #79bbb5;border-radius:14px;color:#52606d;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:180px;padding:22px;text-align:center}
.helma-vton-upload-title{color:#146f69;font-size:18px;font-weight:700}
.helma-vton-upload-box input{margin-top:12px;max-width:100%}
.helma-vton-person-preview{background:#f6f7f8;border-radius:14px;padding:12px;text-align:center}
.helma-vton-person-preview img{border-radius:10px;display:block;margin:auto;max-height:340px;max-width:100%;object-fit:contain}
.helma-vton-person-preview button,.helma-vton-result-actions button{background:#fff;border:1px solid #b8c2cc;border-radius:9px;color:#253142;cursor:pointer;font:inherit;margin-top:10px;padding:9px 16px}
.helma-vton-consent-public{align-items:flex-start;background:#f7f9fb;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;line-height:1.75;margin-top:16px;padding:12px}
.helma-vton-consent-public input{flex:0 0 auto;margin-top:6px}
.helma-vton-consent-public span{color:#374151;font-size:13px}
.helma-vton-disclaimer{color:#6b7280;font-size:12px;margin:10px 2px}
.helma-vton-message{border-radius:10px;display:none;font-size:14px;line-height:1.75;margin:12px 0;overflow-wrap:anywhere;padding:10px 12px;white-space:pre-line}
.helma-vton-message.is-error{background:#fff0f0;color:#a32020;display:block}
.helma-vton-message.is-working{background:#eef8f7;color:#0d6e68;display:block}
.helma-vton-generate{margin-top:12px}
.helma-vton-generate.is-loading:before{animation:helma-vton-spin .8s linear infinite;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;content:"";height:18px;width:18px}
.helma-vton-result-view h3{color:#172033;font-size:21px;margin:0 0 14px;text-align:center}
.helma-vton-result-image-frame{align-items:center;background:#f2f4f7;border-radius:14px;display:flex;justify-content:center;min-height:260px;overflow:hidden;position:relative;width:100%}
.helma-vton-result-loading{color:#667085;font-size:14px;padding:24px;text-align:center}
.helma-vton-modal .helma-vton-result-view .helma-vton-result-image-frame>img[data-helma-result]{aspect-ratio:auto!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;clip:auto!important;display:none!important;float:none!important;height:auto!important;inset:auto!important;margin:0 auto!important;max-height:none!important;max-width:100%!important;min-height:0!important;object-fit:contain!important;object-position:center!important;opacity:0!important;position:static!important;transform:none!important;visibility:hidden!important;width:100%!important}
.helma-vton-result-image-frame.is-loaded{display:block;min-height:0}
.helma-vton-result-image-frame.is-loaded .helma-vton-result-loading{display:none}
.helma-vton-modal .helma-vton-result-view .helma-vton-result-image-frame.is-loaded>img[data-helma-result]{display:block!important;opacity:1!important;visibility:visible!important}
.helma-vton-result-image-frame.is-error{border:1px solid #efb3b3}
.helma-vton-result-image-frame.is-error .helma-vton-result-loading{color:#a32020}
.helma-vton-result-view>p{color:#667085;font-size:13px;text-align:center}
.helma-vton-result-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:14px}
.helma-vton-download-public{align-items:center;background:#13877f;border-radius:10px;color:#fff!important;display:flex;font-weight:700;justify-content:center;padding:11px 16px;text-decoration:none}
.helma-vton-result-actions button{margin:0}
.helma-vton-modal-open{overflow:hidden}
@keyframes helma-vton-spin{to{transform:rotate(360deg)}
}
@media(max-width:600px){.helma-vton-modal{padding:0}
.helma-vton-dialog{border-radius:0;max-height:100vh;min-height:100vh;padding:18px}
.helma-vton-dialog-header h2{font-size:20px}
.helma-vton-result-actions{grid-template-columns:1fr}
.helma-vton-product-ref img{height:70px;width:58px}
}