.qf-runner,.qf-debug{--qf-accent: #2f6f73;--qf-accent-contrast: #ffffff;--qf-surface: #ffffff;--qf-surface-muted: #f4f7f6;--qf-border: #d9e2df;--qf-text: #1f2933;--qf-text-muted: #66737a;box-sizing:border-box;color:var(--qf-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qf-runner *,.qf-debug *{box-sizing:border-box}.qf-runner{width:min(100%,760px);margin:0 auto;padding:24px;background:var(--qf-surface);border:1px solid var(--qf-border);border-radius:8px}.qf-form-header{padding-bottom:20px;border-bottom:1px solid var(--qf-border)}.qf-form-header p,.qf-form-header div,.qf-page-header p,.qf-question-description{margin:6px 0 0;color:var(--qf-text-muted)}.qf-form-header p{margin:0;font-size:13px;font-weight:700;text-transform:uppercase}.qf-form-header h1,.qf-page-header h2{margin:4px 0 0;line-height:1.15}.qf-progress{height:6px;margin:20px 0;overflow:hidden;background:var(--qf-surface-muted);border-radius:999px}.qf-progress span{display:block;height:100%;background:var(--qf-accent)}.qf-page{padding:20px 0}.qf-elements{display:grid;gap:16px;margin-top:18px}.qf-question,.qf-statement{min-width:0;margin:0;padding:18px;background:var(--qf-surface-muted);border:1px solid var(--qf-border);border-radius:8px}.qf-question{display:grid;gap:12px}.qf-question legend{display:flex;gap:6px;width:100%;padding:0;font-weight:700}.qf-question legend strong{color:#b42318}.qf-statement h3,.qf-statement p{margin:0}.qf-statement p{margin-top:6px;color:var(--qf-text-muted)}.qf-input,.qf-textarea{width:100%;min-height:42px;padding:10px 12px;color:var(--qf-text);background:var(--qf-surface);border:1px solid var(--qf-border);border-radius:6px;font:inherit}.qf-textarea{resize:vertical}.qf-options{display:grid;gap:10px}.qf-options label{display:flex;gap:10px;align-items:center}.qf-segmented,.qf-scale div,.qf-rating{display:flex;flex-wrap:wrap;gap:8px}.qf-segmented button,.qf-scale button,.qf-rating button,.qf-navigation button{min-height:38px;padding:8px 14px;color:var(--qf-text);background:var(--qf-surface);border:1px solid var(--qf-border);border-radius:6px;font:inherit;cursor:pointer}.qf-segmented button.is-selected,.qf-scale button.is-selected,.qf-rating button.is-selected,.qf-primary{color:var(--qf-accent-contrast);background:var(--qf-accent);border-color:var(--qf-accent)}.qf-scale{display:grid;gap:8px}.qf-scale>span{color:var(--qf-text-muted);font-size:13px}.qf-rating button{width:42px;padding:0;font-size:24px}.qf-navigation{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding-top:18px;border-top:1px solid var(--qf-border)}.qf-navigation span{margin-right:auto;color:var(--qf-text-muted)}.qf-navigation button:disabled{cursor:not-allowed;opacity:.5}.qf-error{margin:0;color:#b42318;font-size:14px;font-weight:700}.qf-submit-state{margin:14px 0 0;color:var(--qf-accent);font-weight:700}.qf-debug{padding:20px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}.qf-debug ul{display:grid;gap:8px;padding-left:20px}.qf-debug li strong{display:block}.qf-debug pre{max-height:360px;overflow:auto;padding:12px;background:#fff;border:1px solid #fed7aa;border-radius:6px}.qf-preview,.qf-designer{box-sizing:border-box;color:var(--qf-text, #1f2933);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qf-preview *,.qf-designer *{box-sizing:border-box}.qf-preview-toolbar,.qf-designer-topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}.qf-preview-toolbar p,.qf-designer-topbar p{margin:0;color:var(--qf-accent, #2f6f73);font-size:12px;font-weight:800;text-transform:uppercase}.qf-preview-toolbar h2,.qf-designer-topbar h1{margin:2px 0 0}.qf-preview-toolbar button,.qf-designer-actions button,.qf-palette-list button,.qf-form-card,.qf-page-block-header button,.qf-element-block{color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:6px;font:inherit;text-align:left;cursor:pointer}.qf-designer-title{min-width:0}.qf-designer-title button{display:block;max-width:min(760px,55vw);padding:0;overflow:hidden;color:var(--qf-text, #1f2933);background:transparent;border:0;font:inherit;font-size:28px;font-weight:800;line-height:1.12;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text}.qf-designer-title input{width:min(760px,55vw);min-height:42px;padding:4px 8px;color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-accent, #2f6f73);border-radius:6px;font:inherit;font-size:28px;font-weight:800;line-height:1.12}.qf-designer-actions,.qf-save-action-group{display:flex;gap:6px;align-items:center}.qf-mode-action{position:relative}.qf-designer-actions>button,.qf-save-action-group>button,.qf-mode-action>button{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:136px;min-height:38px;padding:8px 12px;white-space:nowrap}.qf-save-action-group>button:first-child{color:var(--qf-accent-contrast, #ffffff);background:var(--qf-accent, #2f6f73);border-color:var(--qf-accent, #2f6f73)}.qf-save-action-group>button:disabled{cursor:not-allowed;opacity:.55}.qf-mode-action>button{justify-content:space-between}.qf-mode-action svg{width:18px;height:18px;fill:currentColor}.qf-workspace-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;min-width:180px;padding:4px;background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:8px;box-shadow:0 14px 34px #1f293324}.qf-workspace-menu button{display:flex;gap:12px;align-items:center;justify-content:space-between;width:100%;min-height:36px;padding:8px 10px;background:transparent;border:0}.qf-workspace-menu button:hover{background:var(--qf-surface-muted, #f4f7f6)}.qf-menu-check{color:var(--qf-accent, #2f6f73);font-weight:800}.qf-form-card.is-selected,.qf-page-block.is-selected{border-color:var(--qf-accent, #2f6f73);box-shadow:0 0 0 2px color-mix(in srgb,var(--qf-accent, #2f6f73) 18%,transparent)}.qf-element-block.is-selected{border-color:color-mix(in srgb,var(--qf-accent, #2f6f73) 45%,var(--qf-border, #d9e2df));box-shadow:inset 4px 0 0 var(--qf-accent, #2f6f73);background:color-mix(in srgb,var(--qf-accent, #2f6f73) 7%,#ffffff)}.qf-designer-workspace,.qf-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.qf-designer-workspace{align-items:stretch;height:min(900px,calc(100vh - 160px));min-height:560px}.qf-designer-sidebar{display:grid;gap:16px;align-self:start;position:sticky;top:16px}.qf-designer-canvas{overflow:auto}.qf-designer-canvas,.qf-designer-panel,.qf-preview-json{min-width:0;padding:16px;background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:8px}.qf-designer-empty{display:grid;gap:8px;place-items:start}.qf-form-card,.qf-page-block-header button,.qf-element-block,.qf-palette-list button{display:grid;gap:4px;width:100%;padding:12px}.qf-element-block{-webkit-user-select:none;user-select:none}.qf-form-card span,.qf-page-block-header span,.qf-element-block span,.qf-palette-list span{color:var(--qf-text-muted, #66737a);font-size:12px}.qf-form-card small,.qf-page-block-header small,.qf-element-block small{color:var(--qf-text-muted, #66737a)}.qf-page-list,.qf-element-list,.qf-palette-list,.qf-inspector-fields,.qf-inspector-grid{display:grid;gap:10px}.qf-inspector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qf-page-list{margin-top:14px}.qf-page-block{display:grid;gap:10px;padding:12px;background:var(--qf-surface-muted, #f4f7f6);border:1px solid var(--qf-border, #d9e2df);border-radius:8px}.qf-page-block-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}.qf-page-block-header button{min-width:0}.qf-element-block{grid-template-columns:minmax(0,1fr) auto;align-items:start}.qf-element-block-main{display:grid;gap:4px;min-width:0}.qf-element-editor{gap:8px}.qf-element-editor input,.qf-element-editor textarea{width:100%;padding:8px 10px;color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:6px;font:inherit}.qf-element-editor textarea{resize:vertical}.qf-element-required{display:flex;gap:8px;align-items:center;color:var(--qf-text-muted, #66737a);font-size:13px;font-weight:700}.qf-element-required input{width:auto}.qf-element-edit-actions{display:flex;gap:6px;justify-content:flex-end}.qf-element-edit-actions button{min-height:32px;padding:6px 10px;color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:6px;font:inherit;cursor:pointer}.qf-element-edit-actions button:first-child{color:var(--qf-accent-contrast, #ffffff);background:var(--qf-accent, #2f6f73);border-color:var(--qf-accent, #2f6f73)}.qf-element-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin-top:6px}.qf-question-type-pill,.qf-required-pill{display:inline-flex;align-items:center;min-height:22px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1}.qf-question-type-pill{color:#31515b;background:#edf4f2;border:1px solid #d7e5e1}.qf-required-pill{color:#7a3f10;background:#fff3df;border:1px solid #f4d6a7}.qf-canvas-actions{display:flex;gap:4px;align-items:center}.qf-canvas-actions button,.qf-options-editor button{display:inline-grid;place-items:center;min-width:30px;min-height:30px;padding:4px 7px;color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:6px;font:inherit;cursor:pointer}.qf-canvas-actions button:disabled,.qf-options-editor button:disabled{cursor:not-allowed;opacity:.45}.qf-element-block em{justify-self:start;padding:2px 7px;color:#315f8c;background:#e7f0f7;border-radius:999px;font-size:12px;font-style:normal;font-weight:700}.qf-empty-page,.qf-inspector-empty,.qf-palette-empty{margin:0;color:var(--qf-text-muted, #66737a)}.qf-designer-panel header{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}.qf-designer-panel h2,.qf-preview-json h3{margin:0;font-size:17px}.qf-inspector-fields label{display:grid;gap:5px}.qf-inspector-fields span,.qf-palette-search span{color:var(--qf-text-muted, #66737a);font-size:13px;font-weight:700}.qf-palette-search{display:grid;gap:5px;margin-bottom:10px}.qf-inspector-fields input,.qf-inspector-fields select,.qf-inspector-fields textarea,.qf-palette-search input,.qf-yaml-editor{width:100%;padding:10px 12px;color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:6px;font:inherit}.qf-options-editor{display:grid;gap:8px}.qf-options-editor>div:first-child{display:flex;align-items:center;justify-content:space-between}.qf-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center}.qf-inspector-fields textarea,.qf-yaml-editor{resize:vertical}.qf-checkbox-field{display:flex!important;grid-template-columns:none;gap:8px;align-items:center}.qf-checkbox-field input{width:auto}.qf-yaml-editor{min-height:640px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5}.qf-yaml-mode{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.qf-yaml-diagnostics{display:grid;gap:10px;padding:16px;background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:8px}.qf-yaml-diagnostics h2,.qf-yaml-diagnostics p{margin:0}.qf-yaml-diagnostics ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.qf-yaml-diagnostics button{display:grid;gap:4px;width:100%;padding:10px;color:var(--qf-text, #1f2933);background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;font:inherit;text-align:left;cursor:pointer}.qf-yaml-diagnostics small{color:var(--qf-text-muted, #66737a)}.qf-designer-diagnostics,.qf-inline-diagnostics{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.qf-designer-diagnostics li,.qf-inline-diagnostics li{display:grid;gap:2px;padding:8px 10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px}.qf-designer-diagnostics strong{display:flex;gap:8px;align-items:baseline;justify-content:space-between;font-size:12px}.qf-designer-diagnostics small,.qf-designer-diagnostics em{color:var(--qf-text-muted, #66737a);font-style:normal}.qf-recovery-notice{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;padding:10px 12px;color:#315f8c;background:#e7f0f7;border:1px solid #bed6e8;border-radius:8px}.qf-recovery-notice button,.qf-version-panel header button,.qf-version-panel li button{min-height:32px;padding:6px 9px;color:var(--qf-text, #1f2933);background:#fff;border:1px solid var(--qf-border, #d9e2df);border-radius:6px;font:inherit;cursor:pointer}.qf-version-panel p{margin:0;color:var(--qf-text-muted, #66737a)}.qf-version-panel ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.qf-version-panel li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;padding:8px;background:var(--qf-surface-muted, #f4f7f6);border:1px solid var(--qf-border, #d9e2df);border-radius:6px}.qf-version-panel li div{display:grid;gap:2px}.qf-version-panel li span{color:var(--qf-text-muted, #66737a);font-size:12px}.qf-preview-json pre{min-height:420px;max-height:680px;margin:0;overflow:auto;font-size:13px;line-height:1.45}@media(max-width:640px){.qf-runner{padding:16px;border-right:0;border-left:0;border-radius:0}.qf-navigation{align-items:stretch;flex-direction:column}.qf-navigation span{margin-right:0}.qf-preview-toolbar,.qf-designer-topbar,.qf-designer-workspace,.qf-preview-body,.qf-yaml-mode{grid-template-columns:1fr;align-items:stretch;flex-direction:column}.qf-designer-workspace{height:auto;min-height:0}.qf-designer-sidebar{position:static}.qf-designer-canvas{overflow:visible}.qf-designer-title button,.qf-designer-title input{width:100%;max-width:none;font-size:24px}.qf-designer-actions{align-items:stretch;flex-direction:column}.qf-save-action-group{width:100%}.qf-mode-action>button,.qf-save-action-group>button,.qf-designer-actions>button{justify-content:center;width:100%}}:root{color:#172433;background:#eef3f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,textarea{font:inherit}.example-shell{min-height:100vh;padding:24px}.example-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:1480px;margin:0 auto 16px;padding:14px 16px;background:#fff;border:1px solid #d4e0e4;border-radius:8px}.example-toolbar p,.example-toolbar h1{margin:0}.example-toolbar p{color:#5d6b73;font-size:12px;font-weight:700;text-transform:uppercase}.example-toolbar h1{margin-top:2px;color:#172433;font-size:20px;line-height:1.2}.storage-switch{display:flex;gap:4px;padding:4px;background:#eef3f5;border:1px solid #d4e0e4;border-radius:8px}.storage-switch button{min-height:36px;padding:7px 12px;color:#4d5d66;background:transparent;border:0;border-radius:6px;cursor:pointer}.storage-switch button[aria-pressed=true]{color:#172433;background:#fff;box-shadow:0 1px 2px #14202b1f}.panel-header button{min-height:38px;padding:8px 14px;color:#172433;background:#fff;border:1px solid #cbd8df;border-radius:6px;cursor:pointer}.workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.25fr) minmax(300px,.75fr);gap:16px;max-width:1480px;margin:0 auto;align-items:start}.designer-example{max-width:1480px;margin:0 auto}.source-panel,.runner-panel,.payload-panel{min-width:0}.source-panel,.payload-panel{display:grid;gap:12px;padding:16px;background:#fff;border:1px solid #d4e0e4;border-radius:8px}.panel-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.panel-header h2,.payload-panel h2{margin:0;font-size:18px}.source-panel textarea{width:100%;min-height:560px;resize:vertical;padding:12px;color:#15202b;background:#f8fbfc;border:1px solid #cbd8df;border-radius:6px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5}.status-badge{padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase}.status-badge.valid{color:#05603a;background:#d1fadf}.status-badge.degraded{color:#93370d;background:#ffead5}.status-badge.invalid{color:#912018;background:#fee4e2}.diagnostics-empty{margin:0;color:#66737a}.diagnostics-list{display:grid;gap:8px;max-height:220px;margin:0;padding:0;overflow:auto;list-style:none}.diagnostics-list li{display:grid;gap:3px;padding:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px}.diagnostics-list strong{font-size:12px}.diagnostics-list small{color:#66737a}.payload-panel pre,.runtime-error pre{min-height:560px;max-height:760px;margin:0;padding:12px;overflow:auto;color:#15202b;background:#f8fbfc;border:1px solid #cbd8df;border-radius:6px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.5}.runtime-error{max-width:900px;margin:60px auto;padding:20px;background:#fff;border:1px solid #fed7aa;border-radius:8px}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.source-panel textarea,.payload-panel pre{min-height:360px}}@media(max-width:640px){.example-shell{padding:12px}.example-toolbar{align-items:stretch;flex-direction:column}.storage-switch{width:100%}.storage-switch button{flex:1}}