test

                 << "<div class=\"survey-loading-text\">" << tr(_lang, "Sending...") << "</div></div>"

                 << "<div class=\"surveyMessage\"></div>";

            // Inline CSS — scoped to .survey-page

            html << "<style>"

                 << ".survey-page .survey-wrap{max-width:720px;margin:0 auto;padding:20px;}"

                 << ".survey-page .survey-description{color:var(--blogi-text-muted,#6b6b6b);margin-bottom:20px;}"

                 << ".survey-page .wizard-progress{display:flex;gap:6px;margin-bottom:24px;}"

                 << ".survey-page .step-dot{flex:1;height:6px;border-radius:3px;background:var(--blogi-border,#eaeaea);transition:background .3s;}"

                 << ".survey-page .step-dot.active{background:var(--blogi-accent,#84CB3A);}"

                 << ".survey-page .step-dot.done{background:var(--blogi-accent-dark,#6ab02e);}"

                 << ".survey-page .wizard-step{display:none;}"

                 << ".survey-page .wizard-step.active{display:block;}"

                 << ".survey-page .step-counter{color:var(--blogi-text-muted,#6b6b6b);font-size:.9em;margin-bottom:8px;}"

                 << ".survey-page .question{margin-bottom:20px;padding:16px;border:1px solid var(--blogi-border,#eaeaea);border-radius:8px;background:var(--blogi-bg-alt,#fafafa);}"

                 << ".survey-page .question-text{font-weight:600;margin-bottom:12px;}"

                 << ".survey-page .required::after{content:' *';color:var(--blogi-error,#F36947);}"

                 << ".survey-page .option{margin:6px 0;}.survey-page .option label{cursor:pointer;}"

                 << ".survey-page .option input{margin-right:8px;}"

                 << ".survey-page .question textarea,.survey-page .question select{width:100%;padding:10px;border:1px solid var(--blogi-border,#ddd);border-radius:6px;font-size:1em;}"

                 << ".survey-page .question textarea{min-height:80px;resize:vertical;}"

                 << ".survey-page .rating-group{display:flex;gap:8px;flex-wrap:wrap;}"

                 << ".survey-page .rating-group label{padding:8px 16px;border:2px solid var(--blogi-border,#ddd);border-radius:8px;cursor:pointer;transition:.2s;}"

                 << ".survey-page .rating-group input{display:none;}"

                 << ".survey-page .rating-group label:has(input:checked){background:var(--blogi-accent,#84CB3A);color:var(--blogi-surface,#fff);border-color:var(--blogi-accent,#84CB3A);}"

                 << ".survey-page .wizard-nav{display:flex;justify-content:space-between;margin-top:16px;gap:12px;}"

                 << ".survey-page .wizard-btn{padding:10px 24px;border-radius:999px;font-weight:700;cursor:pointer;border:none;transition:.2s;}"

                 << ".survey-page .btn-prev{background:var(--blogi-border,#eaeaea);color:var(--blogi-text,#1a1a1a);}"

                 << ".survey-page .btn-next{background:var(--blogi-accent,#84CB3A);color:var(--blogi-surface,#fff);}"

                 << ".survey-page .btn-submit{background:linear-gradient(135deg,var(--blogi-accent,#84CB3A),var(--blogi-error,#F36947));color:var(--blogi-surface,#fff);}"

                 << ".survey-page .wizard-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1);}"

                 << ".survey-page .step-error{color:var(--blogi-error,#F36947);font-size:.9em;margin-top:8px;display:none;}"

                 << ".survey-page .step-error.show{display:block;}"

                 << ".survey-page .surveyMessage{padding:16px;border-radius:8px;margin-top:16px;display:none;}"

                 << ".survey-page .surveyMessage.success{background:var(--blogi-success-bg,#e8f5e9);color:var(--blogi-success-text,#2e7d32);display:block;}"

                 << ".survey-page .surveyMessage.error{background:var(--blogi-error-bg,#fbe9e7);color:var(--blogi-error-text,#c62828);display:block;}"

                 << ".survey-page .file-upload-area{border:2px dashed var(--blogi-border,#ccc);border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:.3s;background:var(--blogi-surface,#fefefe);}"

                 << ".survey-page .file-upload-area:hover,.survey-page .file-upload-area.dragover{border-color:var(--blogi-accent,#84CB3A);background:var(--blogi-bg-alt,#f0f9e8);}"

                 << ".survey-page .file-upload-area input[type=file]{display:none;}"

                 << ".survey-page .upload-icon{font-size:2em;margin-bottom:8px;}"

                 << ".survey-page .upload-text{color:var(--blogi-text-muted,#6b6b6b);}"

                 << ".survey-page .file-hint{margin-top:8px;font-size:.85em;color:var(--blogi-text-muted,#6b6b6b);}"

                 << ".survey-page .image-list{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}"

                 << ".survey-page .image-item{border:1px solid var(--blogi-border,#eaeaea);border-radius:8px;padding:8px;background:var(--blogi-surface,#fff);}"

                 << ".survey-page .image-item img{width:100%;height:100px;object-fit:cover;border-radius:6px;}"

                 << ".survey-page .image-item .image-name{font-size:.8em;margin-top:6px;color:var(--blogi-text-muted,#444);word-break:break-all;}"

                 << ".survey-page .image-item .file-remove{margin-top:6px;width:100%;background:var(--blogi-error,#F36947);color:var(--blogi-surface,#fff);border:none;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:.85em;}"

                 << ".survey-page .survey-loading{display:none;text-align:center;padding:32px;}"

                 << ".survey-page .survey-loading.active{display:block;}"

                 << ".survey-page .survey-spinner{display:inline-block;width:36px;height:36px;border:4px solid var(--blogi-border,#eaeaea);border-top-color:var(--blogi-accent,#84CB3A);border-radius:50%;animation:survey-spin .8s linear infinite;}"

                 << "@keyframes survey-spin{to{transform:rotate(360deg);}}"

                 << ".survey-page .survey-loading-text{margin-top:12px;color:var(--blogi-text-muted,#6b6b6b);font-size:.95em;}"

                 << ".survey-page .icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;}"

                 << ".survey-page .icon-option{display:flex;flex-direction:column;align-items:center;padding:12px;border:2px solid var(--blogi-border,#ddd);border-radius:10px;cursor:pointer;transition:.2s;text-align:center;background:var(--blogi-surface,#fff);}"

                 << ".survey-page .icon-option:hover{border-color:var(--blogi-accent,#84CB3A);}"

                 << ".survey-page .icon-option input{display:none;}"

                 << ".survey-page .icon-option img{width:64px;height:64px;object-fit:contain;margin-bottom:6px;}"

                 << ".survey-page .icon-option span{font-size:.85em;color:var(--blogi-text,#333);}"

                 << ".survey-page .icon-option.selected{border-color:var(--blogi-accent,#84CB3A);background:var(--blogi-success-bg,#e8f5e9);box-shadow:0 0 0 3px rgba(132,203,58,.25);}"

                 << "</style>";

            // Inline JS — scoped per survey instance

            html << "<script>"