/* Keep the form outline, editor and optional preview isolated from app shell styles. */
#questionnaireTemplateModal {
    --ob-card:#17191f; --ob-aside:#1c1e26; --ob-field:#252832; --ob-border:#363946; --ob-divider:#30333f;
    --ob-text:#f4f6fa; --ob-muted:#b5bdcc; --ob-orange:#ee8a33; --ob-accent:#ffad66;
    --ob-tint:#38291b; --ob-composer:#211d19; --ob-purple:#c6b8ff; --ob-purple-bg:#30294a;
    --ob-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b5bdcc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    position:fixed; inset:0; z-index:2147483600; align-items:center; justify-content:center; padding:24px;
    background:rgb(22 22 29 / .88) !important; color:var(--ob-text); font-family:var(--ft-font-sans,Outfit,sans-serif);
}
html[data-theme="light"] #questionnaireTemplateModal {
    --ob-card:#fff; --ob-aside:#fbfafd; --ob-field:#f4f3f8; --ob-border:#e8e6ef; --ob-divider:#f0eef5;
    --ob-text:#1f2430; --ob-muted:#5f6675; --ob-accent:#a34d08; --ob-tint:#fef1e4; --ob-composer:#fffbf6;
    --ob-purple:#4b3ba8; --ob-purple-bg:#eeeafb;
    --ob-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f6675' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
#questionnaireTemplateModal:not(.hidden) { display:flex; }
#questionnaireTemplateModal > .questionnaire-modal-panel,
#questionnaireTemplateModal.has-preview > .questionnaire-modal-panel {
    display:flex; flex-direction:column; width:min(1280px,96vw); max-width:min(1280px,96vw);
    height:min(86dvh,860px); max-height:86dvh; min-height:0; margin:0; padding:0;
    background:var(--ob-card) !important; border:1px solid var(--ob-border); border-radius:24px;
    overflow:hidden; scrollbar-gutter:auto; box-shadow:0 24px 80px rgb(0 0 0 / .2);
}
#questionnaireTemplateModal [hidden] { display:none !important; }
#questionnaireTemplateModal svg { width:18px; height:18px; flex:none; }
#questionnaireTemplateModal button { font-family:inherit; cursor:pointer; }
#questionnaireTemplateModal button:disabled { opacity:.4; cursor:default; }
#questionnaireTemplateModal :is(button,summary,input,select,textarea):focus-visible { outline:2px solid var(--ob-orange); outline-offset:2px; }
#questionnaireTemplateModal select:not([multiple]):not([size]) {
    appearance:none; padding-inline-end:30px !important;
    background-image:var(--ob-chevron) !important; background-repeat:no-repeat !important;
    background-position:right 9px center !important; background-size:14px !important;
}
#questionnaireTemplateModal .onboarding-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
#questionnaireTemplateModal .questionnaire-modal-header {
    display:flex; align-items:center; flex-wrap:nowrap; gap:14px; min-height:76px; padding:14px 28px;
    border-bottom:1px solid var(--ob-divider); background:var(--ob-card); flex:none;
}
#questionnaireTemplateModal .questionnaire-modal-header h3 { margin:0 6px 0 0; flex:none; font-size:22px; line-height:1.2; font-weight:600; color:var(--ob-text); }
#questionnaireTemplateModal #questionnaireTemplateTitle { flex:1; min-width:80px; height:44px; padding:10px 14px; font-size:16px; font-weight:500; }
#questionnaireTemplateModal #questionnairePreviewHeaderBtn { display:flex; align-items:center; gap:8px; flex:none; height:44px; padding:0 16px; border:1px solid var(--ob-border); border-radius:12px; color:var(--ob-muted); background:var(--ob-card); font-size:15px; font-weight:500; }
#questionnaireTemplateModal #questionnairePreviewHeaderBtn[aria-expanded="true"] { border-color:color-mix(in srgb,var(--ob-orange) 40%,transparent); color:var(--ob-accent); background:var(--ob-tint); }
#questionnaireTemplateModal .onboarding-close-button { display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid var(--ob-border); border-radius:50%; background:transparent; color:var(--ob-muted); }
#questionnaireTemplateModal .questionnaire-editor-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); position:relative; flex:1; min-height:0; overflow:hidden; }
#questionnaireTemplateModal .onboarding-form-outline { min-width:0; padding:18px 14px; overflow-y:auto; background:var(--ob-aside); border-right:1px solid var(--ob-divider); overscroll-behavior:contain; }
#questionnaireTemplateModal .onboarding-outline-entry { display:flex; align-items:center; min-width:0; margin:3px 0; border:1px solid transparent; border-radius:12px; }
#questionnaireTemplateModal .onboarding-outline-entry:hover { background:var(--ob-field); }
#questionnaireTemplateModal .onboarding-outline-entry.is-selected { background:var(--ob-tint); border-color:color-mix(in srgb,var(--ob-orange) 42%,transparent); }
#questionnaireTemplateModal .onboarding-outline-select { display:flex; align-items:center; gap:10px; flex:1; min-width:0; min-height:62px; padding:10px 8px; border:0; background:transparent; text-align:left; color:var(--ob-text); }
#questionnaireTemplateModal .onboarding-outline-copy { min-width:0; flex:1; }
#questionnaireTemplateModal .onboarding-outline-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; font-weight:600; }
#questionnaireTemplateModal .onboarding-outline-copy small { display:block; margin-top:1px; color:var(--ob-muted); font-size:12px; }
#questionnaireTemplateModal .onboarding-outline-number { display:grid; place-items:center; width:32px; height:32px; flex:none; border-radius:50%; background:var(--ob-field); color:var(--ob-muted); font-size:14px; font-weight:600; }
#questionnaireTemplateModal .is-selected .onboarding-outline-number { color:#2b1500; background:var(--ob-orange); }
#questionnaireTemplateModal .onboarding-outline-entry:first-child .onboarding-outline-number { border-radius:10px; }
#questionnaireTemplateModal .onboarding-outline-heading { display:flex; align-items:center; justify-content:space-between; padding:24px 4px 8px 8px; color:var(--ob-muted); font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
#questionnaireTemplateModal .onboarding-icon-button { display:grid; place-items:center; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:var(--ob-muted); }
#questionnaireTemplateModal .onboarding-delete-page:not(:disabled) { color:var(--ft-error,#dc2626); }
#questionnaireTemplateModal .onboarding-delete-page:not(:disabled):hover { background:var(--ob-field); }
#questionnaireTemplateModal .onboarding-drag-handle { display:grid; place-items:center; width:28px; height:36px; flex:none; padding:4px; border:0; border-radius:8px; background:transparent; color:var(--ob-muted); cursor:grab; }
#questionnaireTemplateModal .onboarding-outline-entry > .onboarding-drag-handle { margin-right:4px; }
#questionnaireTemplateModal .onboarding-drag-handle:active { cursor:grabbing; }
#questionnaireTemplateModal .onboarding-add-page { display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:44px; margin-top:10px; padding:8px; border:1.5px dashed var(--ob-border); border-radius:12px; background:transparent; color:var(--ob-accent); font-size:15px; font-weight:500; }
#questionnaireTemplateModal .is-drag-target { box-shadow:0 -3px 0 var(--ob-orange); }
#questionnaireTemplateModal .is-drag-target[data-drop-after="true"] { box-shadow:0 3px 0 var(--ob-orange); }
#questionnaireTemplateModal .questionnaire-modal-scroll { min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:28px 32px; background:var(--ob-card); }
#questionnaireTemplateModal #questionnaireTemplateQuestions { display:block; }
#questionnaireTemplateModal .onboarding-selected-page { display:flex; flex-direction:column; gap:14px; min-width:0; }
#questionnaireTemplateModal .onboarding-selected-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:34px; }
#questionnaireTemplateModal .onboarding-selected-heading > div { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
#questionnaireTemplateModal .onboarding-selected-heading > div > span:first-child,
#questionnaireTemplateModal .onboarding-selected-heading > span:first-child,
#questionnaireTemplateModal .onboarding-editor-eyebrow { color:var(--ob-muted); font-size:12px; font-weight:500; letter-spacing:.045em; text-transform:uppercase; }
#questionnaireTemplateModal .onboarding-page-optional { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--ob-muted); }
#questionnaireTemplateModal .onboarding-selected-title { width:100%; min-width:0; height:46px; padding:3px 0; border:0; border-radius:8px; background:transparent; color:var(--ob-text); font-family:inherit; font-size:28px; font-weight:600; }
#questionnaireTemplateModal .onboarding-selected-title:hover { background:var(--ob-field); }
#questionnaireTemplateModal :is(.onboarding-page-description,.library-form-control) { min-width:0; max-width:100%; border:1px solid transparent; border-radius:10px; background:var(--ob-field) !important; color:var(--ob-text); font-family:inherit; box-shadow:none; }
#questionnaireTemplateModal :is(input,textarea)::placeholder { color:var(--ob-muted); opacity:1; }
#questionnaireTemplateModal .onboarding-page-description { height:40px; width:100%; padding:9px 12px; font-size:14px; }
#questionnaireTemplateModal .onboarding-questions-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-top:10px; }
#questionnaireTemplateModal .onboarding-questions-heading strong { color:var(--ob-text); font-size:16px; font-weight:600; }
#questionnaireTemplateModal .onboarding-questions-heading span { color:var(--ob-muted); font-size:12px; }
#questionnaireTemplateModal .onboarding-selected-questions { display:grid; gap:12px; }
#questionnaireTemplateModal .onboarding-question-editor { display:flex; flex-direction:column; min-width:0; gap:8px; padding:12px 8px 12px 12px; border:1px solid var(--ob-border); border-radius:14px; background:var(--ob-card); }
#questionnaireTemplateModal .onboarding-question-editor.is-locked { background:var(--ob-aside); border-color:var(--ob-border); }
#questionnaireTemplateModal .onboarding-question-editor:focus-within { border-color:var(--ob-orange); box-shadow:0 0 0 3px var(--ob-tint); }
#questionnaireTemplateModal .onboarding-question-line { display:flex; align-items:center; gap:8px; }
#questionnaireTemplateModal .onboarding-question-line > .onboarding-drag-handle { width:32px; height:40px; }
#questionnaireTemplateModal .onboarding-question-prompt { flex:1; min-width:0; height:40px; padding:5px 8px; border:0; border-radius:8px; color:var(--ob-text); background:transparent; font-size:16px; font-weight:500; font-family:inherit; }
#questionnaireTemplateModal .onboarding-question-prompt:hover { background:var(--ob-field); }
#questionnaireTemplateModal .onboarding-question-settings { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-left:40px; padding-right:32px; font-size:12px; }
#questionnaireTemplateModal .onboarding-meta-chip { display:inline-flex; align-items:center; gap:6px; height:30px; max-width:100%; padding:0 11px; border:0; border-radius:999px; background:var(--ob-field); color:var(--ob-text); font-size:12px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#questionnaireTemplateModal select.onboarding-meta-chip { max-width:190px; padding-right:24px; cursor:pointer; }
#questionnaireTemplateModal .onboarding-meta-chip.is-profile { background:var(--ob-purple-bg); color:var(--ob-purple); }
#questionnaireTemplateModal .onboarding-meta-chip svg { width:14px; height:14px; }
#questionnaireTemplateModal .onboarding-required-locked { display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 4px; color:var(--ob-muted); font-size:12px; font-weight:500; }
#questionnaireTemplateModal .onboarding-required-locked svg { width:13px; height:13px; }
#questionnaireTemplateModal .onboarding-required-switch { position:relative; display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 4px; color:var(--ob-text); cursor:pointer; font-size:12px; font-weight:500; }
#questionnaireTemplateModal .onboarding-required-switch input { position:absolute; z-index:1; width:34px; height:20px; margin:0; opacity:0; cursor:pointer; }
#questionnaireTemplateModal .onboarding-required-switch i { position:relative; width:34px; height:20px; flex:none; border-radius:999px; background:#8a8994; pointer-events:none; }
#questionnaireTemplateModal .onboarding-required-switch i::after { position:absolute; top:2px; left:2px; width:16px; height:16px; content:""; border-radius:50%; background:#fff; }
#questionnaireTemplateModal .onboarding-required-switch input:checked + i { background:var(--ob-orange); }
#questionnaireTemplateModal .onboarding-required-switch input:checked + i::after { left:16px; }
#questionnaireTemplateModal .onboarding-required-switch input:focus-visible + i { outline:2px solid var(--ob-orange); outline-offset:2px; }
#questionnaireTemplateModal .onboarding-condition-chip { display:flex; align-items:center; gap:5px; min-width:0; max-width:100%; height:30px; padding:0 10px; border-radius:999px; background:var(--ob-field); color:var(--ob-text); font-size:12px; font-weight:500; }
#questionnaireTemplateModal .onboarding-condition-chip > span { flex:none; }
#questionnaireTemplateModal .onboarding-condition-chip select { width:auto; max-width:160px; min-width:0; padding-right:14px; border:0; background:transparent; color:inherit; font-size:inherit; text-overflow:ellipsis; }
#questionnaireTemplateModal .onboarding-condition-chip select:disabled { opacity:1; }
#questionnaireTemplateModal .onboarding-question-options-field { display:flex; flex-basis:100%; align-items:center; gap:8px; min-width:0; color:var(--ob-muted); }
#questionnaireTemplateModal .onboarding-question-options-field input { flex:1; min-width:0; height:34px; padding:6px 10px; border:1px solid var(--ob-border); border-radius:8px; background:var(--ob-field); color:var(--ob-text); font-size:12px; }
#questionnaireTemplateModal .onboarding-editor-menu { position:relative; flex:none; }
#questionnaireTemplateModal .onboarding-editor-menu > summary { display:grid; place-items:center; width:32px; height:36px; border:0; border-radius:8px; color:var(--ob-muted); list-style:none; cursor:pointer; }
#questionnaireTemplateModal .onboarding-editor-menu > summary::-webkit-details-marker { display:none; }
#questionnaireTemplateModal .onboarding-editor-menu > summary:hover { background:var(--ob-field); }
#questionnaireTemplateModal .onboarding-menu-panel { position:absolute; right:0; top:40px; z-index:2147483605; display:flex; flex-direction:column; gap:4px; width:230px; max-height:calc(100dvh - 32px); overflow-y:auto; padding:8px; border:1px solid var(--ob-border); border-radius:12px; background:var(--ob-card); color:var(--ob-text); box-shadow:0 12px 32px rgb(0 0 0 / .15); }
#questionnaireTemplateModal .onboarding-menu-panel :is(button,label,p) { padding:8px; font-size:13px; text-align:left; }
#questionnaireTemplateModal .onboarding-menu-panel button { display:flex; align-items:center; gap:8px; border:0; border-radius:7px; background:transparent; color:inherit; }
#questionnaireTemplateModal .onboarding-menu-panel button:not(:disabled):hover { background:var(--ob-field); }
#questionnaireTemplateModal .onboarding-menu-panel label { display:grid; gap:6px; }
#questionnaireTemplateModal .onboarding-menu-panel select { height:34px; min-width:0; width:100%; padding:5px; border:1px solid var(--ob-border); border-radius:7px; color:var(--ob-text); background:var(--ob-field); }
#questionnaireTemplateModal .onboarding-menu-panel .is-danger { color:var(--ft-error,#dc2626); }
#questionnaireTemplateModal .questionnaire-composer-mount { padding:14px; border:1.5px dashed color-mix(in srgb,var(--ob-orange) 42%,transparent); border-radius:14px; background:var(--ob-composer); }
#questionnaireTemplateModal .questionnaire-composer-mount > p { margin:0 0 10px; }
#questionnaireTemplateModal .questionnaire-question-composer { display:flex; flex-direction:column; gap:12px; padding:0; margin:0; }
#questionnaireTemplateModal #questionnaireTemplateQuestionPrompt { width:100%; height:40px; padding:8px 12px; background:var(--ob-card) !important; border-color:var(--ob-border); font-size:15px; }
#questionnaireTemplateModal .onboarding-composer-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#questionnaireTemplateModal .onboarding-composer-controls select { flex:0 1 auto; min-width:100px; max-width:180px; height:32px; padding:4px 24px 4px 12px; border-radius:999px; font-size:12px; }
#questionnaireTemplateModal .onboarding-composer-cancel { margin-left:auto; border:0; background:transparent; color:var(--ob-muted); padding:8px 10px; font-size:14px; }
#questionnaireTemplateModal .library-action-primary { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 20px; border:0; border-radius:10px; background:var(--ob-orange); color:#2b1500; font-size:14px; font-weight:600; box-shadow:none; }
#questionnaireTemplateModal #questionnaireTemplateQuestionOptions { width:100%; height:40px; margin-top:10px; padding:8px 12px; font-size:13px; border-color:var(--ob-border); }
#questionnaireTemplateModal .onboarding-form-details { display:flex; flex-direction:column; gap:12px; min-width:0; }
#questionnaireTemplateModal :is(.onboarding-form-details,.onboarding-selected-page) h2 { margin:0; color:var(--ob-text); font-size:28px; font-weight:600; }
#questionnaireTemplateModal .onboarding-editor-help { margin:0 0 8px; font-size:14px; line-height:1.6; color:var(--ob-muted); }
#questionnaireTemplateModal .onboarding-form-details > label { color:var(--ob-text); font-size:13px; font-weight:500; }
#questionnaireTemplateModal #questionnaireTemplateDescription { padding:12px; font-size:14px; resize:vertical; }
#questionnaireTemplateModal .questionnaire-description-help { margin:0 0 12px; color:var(--ob-muted); font-size:12px; line-height:1.5; }
#questionnaireTemplateModal .resource-cover-editor { padding:16px; border:1px solid var(--ob-border); border-radius:14px; background:var(--ob-card); }
#questionnaireTemplateModal .resource-cover-zone { height:190px; border-color:var(--ob-border); background-color:var(--ob-aside); }
#questionnaireTemplateModal .onboarding-fixed-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#questionnaireTemplateModal .onboarding-fixed-fields > div { display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:6px 10px; padding:16px; border:1px solid var(--ob-border); border-radius:12px; background:var(--ob-aside); color:var(--ob-muted); }
#questionnaireTemplateModal .onboarding-fixed-fields small { grid-column:2; font-size:11px; }
#questionnaireTemplateModal .onboarding-empty-page { color:var(--ob-muted); font-size:13px; padding:16px 0; }
#questionnaireTemplateModal .questionnaire-modal-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:80px; flex:none; margin:0; padding:16px 28px; border-top:1px solid var(--ob-divider); background:var(--ob-card); }
#questionnaireTemplateModal #questionnaireEditorTotals { color:var(--ob-muted); font-size:12px; }
#questionnaireTemplateModal .questionnaire-modal-footer > div { display:flex; align-items:center; gap:14px; }
#questionnaireTemplateModal .onboarding-editor-cancel { padding:10px 14px; border:0; background:transparent; color:var(--ob-muted); font-size:15px; font-weight:500; }
#questionnaireTemplateModal #questionnaireTemplateSaveBtn { min-height:46px; font-size:15px; padding:10px 24px; border-radius:12px; }
#questionnaireTemplateModal #questionnairePagePreview {
    position:fixed; inset:auto; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2;
    width:min(420px,calc(100vw - 32px)); height:min(86dvh,860px); min-width:0; padding:24px;
    border:1px solid var(--ob-border); border-radius:24px; background:var(--ob-aside);
    box-shadow:0 24px 64px rgb(0 0 0 / .3); overflow:hidden;
}
#questionnaireTemplateModal #questionnairePreviewBackdrop { position:fixed; inset:0; z-index:1; width:100%; height:100%; border:0; padding:0; background:rgb(15 18 28 / .55); cursor:default; }
#questionnaireTemplateModal .questionnaire-preview-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex:none; }
#questionnaireTemplateModal .questionnaire-preview-heading h3 { margin:0; color:var(--ob-text); font-size:23px; font-weight:600; }
#questionnaireTemplateModal .questionnaire-preview-heading p { margin:8px 0 0; color:var(--ob-muted); font-size:14px; line-height:1.5; }
#questionnaireTemplateModal .questionnaire-preview-page { margin-top:20px; color:var(--ob-muted); font-size:12px; }
#questionnaireTemplateModal .onboarding-preview-close { display:grid; place-items:center; flex:none; width:40px; height:40px; padding:0; border:1px solid var(--ob-border); border-radius:50%; background:transparent; color:var(--ob-muted); }
#questionnaireTemplateModal .questionnaire-preview-stage { align-items:flex-start; margin-top:16px; }
#questionnaireTemplateModal .questionnaire-preview-stage .phone-frame-container { transform:scale(.8); transform-origin:top center; }
#questionnaireTemplateModal #questionnairePagePreview .outside-border { border-color:#2a2a32; background:#2a2a32; box-shadow:none; }
#questionnaireTemplateModal #questionnairePagePreview .inside-border { border-color:#2a2a32; }
#questionnaireTemplateModal #questionnairePagePreview :is(.camera,.bottom-line) { background:#2a2a32; }
#questionnaireTemplateModal #questionnairePagePreview .status-bar { display:none; }
#questionnaireTemplateModal #questionnairePhoneScreen .questionnaire-phone-content { padding-top:44px; }
#questionnaireTemplateModal #questionnairePhoneScreen .questionnaire-phone-continue { color:#2b1500; }

@media (min-width:1280px) {
    #questionnaireTemplateModal.has-preview { gap:20px; }
    #questionnaireTemplateModal.has-preview > .questionnaire-modal-panel { width:min(1280px,calc(100% - 380px)); max-width:min(1280px,calc(100% - 380px)); }
    #questionnaireTemplateModal #questionnairePagePreview { position:relative; inset:auto; transform:none; flex:0 0 360px; width:360px; }
    #questionnaireTemplateModal #questionnairePreviewBackdrop { display:none; }
}
@media (max-width:1250px) {
    #questionnaireTemplateModal .questionnaire-editor-workspace { grid-template-columns:220px minmax(0,1fr); }
    #questionnaireTemplateModal .questionnaire-modal-scroll { padding:24px; }
    #questionnaireTemplateModal .questionnaire-preview-stage .phone-frame-container { transform:scale(.68); }
    #questionnaireTemplateModal .questionnaire-modal-header { gap:10px; padding:14px 20px; }
    #questionnaireTemplateModal .questionnaire-modal-header h3 { font-size:19px; }
    #questionnaireTemplateModal .onboarding-question-settings { padding-left:0; padding-right:0; }
}
@media (max-width:900px) {
    #questionnaireTemplateModal { padding:12px; }
    #questionnaireTemplateModal > .questionnaire-modal-panel, #questionnaireTemplateModal.has-preview > .questionnaire-modal-panel { width:100%; max-width:100%; height:96dvh; max-height:96dvh; border-radius:18px; }
    #questionnaireTemplateModal .questionnaire-editor-workspace, #questionnaireTemplateModal.has-preview .questionnaire-editor-workspace { grid-template-columns:190px minmax(0,1fr); }
    #questionnaireTemplateModal .questionnaire-modal-header { flex-wrap:wrap; }
    #questionnaireTemplateModal .questionnaire-modal-header h3 { flex:1; }
    #questionnaireTemplateModal #questionnaireTemplateTitle { flex-basis:100%; order:4; }
    #questionnaireTemplateModal .questionnaire-preview-stage .phone-frame-container { transform:scale(.72); }
    #questionnaireTemplateModal .onboarding-selected-title { font-size:25px; }
}
@media (max-width:600px) {
    #questionnaireTemplateModal { padding:0; }
    #questionnaireTemplateModal > .questionnaire-modal-panel, #questionnaireTemplateModal.has-preview > .questionnaire-modal-panel { height:100dvh; max-height:100dvh; border-radius:0; border:0; }
    #questionnaireTemplateModal .questionnaire-editor-workspace, #questionnaireTemplateModal.has-preview .questionnaire-editor-workspace { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); }
    #questionnaireTemplateModal .onboarding-form-outline { display:flex; align-items:center; gap:6px; overflow-x:auto; overflow-y:hidden; padding:8px; border-right:0; border-bottom:1px solid var(--ob-divider); }
    #questionnaireTemplateModal .onboarding-outline-entry { flex:0 0 205px; }
    #questionnaireTemplateModal .onboarding-outline-heading { flex:none; padding:4px; gap:4px; }
    #questionnaireTemplateModal .onboarding-add-page { width:140px; flex:none; margin:0; }
    #questionnaireTemplateModal .questionnaire-modal-scroll { padding:20px 16px; }
    #questionnaireTemplateModal .questionnaire-modal-header { padding:12px; }
    #questionnaireTemplateModal .questionnaire-modal-header h3 { font-size:17px; }
    #questionnaireTemplateModal #questionnairePreviewHeaderBtn { padding:0 10px; height:38px; }
    #questionnaireTemplateModal #questionnairePreviewHeaderBtn > span { display:none; }
    #questionnaireTemplateModal .onboarding-close-button { width:38px; height:38px; }
    #questionnaireTemplateModal .onboarding-question-editor { padding:10px 6px; }
    #questionnaireTemplateModal .onboarding-question-prompt { font-size:14px; padding-left:2px; }
    #questionnaireTemplateModal .onboarding-question-line { gap:2px; }
    #questionnaireTemplateModal .onboarding-question-settings { padding:0 6px; }
    #questionnaireTemplateModal .questionnaire-modal-footer { flex-wrap:wrap; padding:10px 16px; gap:8px; min-height:0; }
    #questionnaireTemplateModal #questionnaireEditorTotals { font-size:11px; }
    #questionnaireTemplateModal .questionnaire-modal-footer > div { margin-left:auto; gap:6px; }
    #questionnaireTemplateModal #questionnaireTemplateSaveBtn { font-size:13px; padding:10px 14px; min-height:42px; }
    #questionnaireTemplateModal .onboarding-editor-cancel { font-size:13px; padding:8px; }
    #questionnaireTemplateModal .onboarding-fixed-fields { grid-template-columns:minmax(0,1fr); }
}