.qn-page{min-width:0;min-height:100vh;padding:34px 42px 70px;overflow:auto;background:#080a0e;color:#edf2fa}.qn-head,.qn-editor-top,.qn-actions,.qn-canvas-head,.qn-dialog-head,.qn-dialog-foot,.qn-row-actions,.qn-question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.qn-head h1{font-size:34px;letter-spacing:-.05em;margin:5px 0}.qn-head p{max-width:780px;margin:0;color:#9ba9bb;font-size:14px;line-height:1.5}.qn-primary,.qn-secondary,.qn-quiet,.qn-danger{font:inherit;cursor:pointer}.qn-primary{background:#315cf3;color:#fff;border:1px solid #315cf3;border-radius:11px;padding:11px 17px;font-weight:700}.qn-primary:hover{background:#4774ff}.qn-primary:disabled{opacity:.45;cursor:not-allowed}.qn-secondary{border:1px solid #46556b;border-radius:10px;background:#171e2a;color:#e9f0fa;padding:10px 15px}.qn-quiet{border:0;background:none;color:#a9c9ff;padding:8px 4px}.qn-danger{border:1px solid #744046;border-radius:10px;background:#35191f;color:#ffb0b9;padding:10px 15px}.qn-notice{margin:22px 0;padding:14px 18px;border:1px solid #735c2b;border-radius:12px;background:#261f13;color:#f0d394;font-size:13px}#qn-status{min-height:22px;color:#95b8ff;font-size:13px}.qn-tabs{display:flex;gap:4px;border-bottom:1px solid #2d3543;margin-top:25px}.qn-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#9aa9ba;padding:13px 20px;cursor:pointer;font:inherit}.qn-tabs button.active{color:#70a5ff;border-color:#397aff}.qn-row{display:grid;grid-template-columns:minmax(220px,2fr) 110px 100px minmax(130px,1fr) 100px 110px minmax(180px,auto);align-items:center;gap:14px;border-bottom:1px solid #2a313a;padding:18px 16px}.qn-row:hover{background:#111722}.qn-row h3{margin:0 0 4px;font-size:16px}.qn-row small,.qn-meta{color:#899bad;font-size:12px}.qn-row-actions{justify-content:flex-end;flex-wrap:wrap;gap:6px}.qn-row-actions button{padding:7px 9px;font-size:12px}.qn-badge{display:inline-block;border:1px solid #41506a;border-radius:20px;padding:5px 9px;color:#b9d1f8;background:#172132;font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.qn-badge.published{color:#66d99e;border-color:#2a5f43;background:#11251b}.qn-badge.draft{color:#f5cf7c;border-color:#66512a;background:#282113}.qn-empty{text-align:center;padding:65px 20px;color:#9aa9ba;border-bottom:1px solid #2a313a}.qn-editor-top{margin:20px 0}.qn-grid{display:grid;grid-template-columns:minmax(390px,1.2fr) minmax(350px,.8fr);gap:22px}.qn-canvas{min-height:680px;border:1px solid #29313d;border-radius:18px;background-color:#111319;background-image:radial-gradient(#354050 1px,transparent 1px);background-size:22px 22px;padding:25px;text-align:center}.qn-canvas-head{text-align:left}.qn-canvas h2{margin:5px 0;font-size:20px}.qn-graph{display:grid;justify-items:center;padding:24px 0}.qn-node{width:min(100%,390px);text-align:left;background:#0b1019;border:1px solid #3d4d62;border-radius:12px;padding:14px 17px;color:#e9f1ff;cursor:pointer;font:inherit;box-shadow:0 9px 25px #0005}.qn-node:hover,.qn-node.selected{border-color:#4a86ff;background:#15223b}.qn-node b,.qn-node span{display:block}.qn-node span{color:#90a5bb;font-size:12px;margin-top:5px}.qn-line{width:2px;height:29px;background:#397aff}.qn-branch{color:#ccafe9;font-size:11px;background:#241b30;border:1px solid #704e90;border-radius:20px;padding:4px 9px;margin:5px}.qn-help{color:#a8b5c6;font-size:12px;line-height:1.5;max-width:530px;margin:19px auto}.qn-settings{border:1px solid #303a48;border-radius:18px;background:#0e1219;padding:25px;align-self:start}.qn-settings h2{margin:0 0 22px}.qn-settings h3{margin:16px 0}.qn-settings hr{border:0;border-top:1px solid #303a48;margin:23px 0}.qn-field{display:grid;gap:8px;margin:0 0 18px;font-size:14px;font-weight:700}.qn-field small{font-weight:400;color:#91a1b4}.qn-field input,.qn-field select,.qn-field textarea,.qn-dialog input,.qn-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #3a485b;border-radius:9px;background:#151d2a;color:#fff;padding:11px;font:inherit}.qn-field textarea{resize:vertical}.qn-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#d0dae7;margin:8px 0}.qn-check input{accent-color:#397aff}.qn-condition{border:1px solid #39465b;border-radius:11px;padding:14px;margin:17px 0}.qn-question-actions{justify-content:flex-start;flex-wrap:wrap}.qn-question-actions button{font-size:12px}.qn-dialog{width:min(760px,calc(100% - 24px));max-height:88vh;overflow:auto;border:1px solid #3a4657;border-radius:18px;background:#0b0e14;color:#f0f4fb;padding:0;box-shadow:0 20px 80px #000b}.qn-dialog::backdrop{background:#000b}.qn-dialog-head,.qn-dialog-foot{padding:23px 28px;border-bottom:1px solid #293340}.qn-dialog-head h2{margin:5px 0;font-size:22px}.qn-dialog-head p{margin:0;color:#9ba9bb}.qn-dialog-head button{border:0;background:#292e39;color:#fff;border-radius:50%;width:33px;height:33px;font-size:23px;cursor:pointer}.qn-dialog-foot{border-top:1px solid #293340;border-bottom:0}.qn-wizard-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:25px 28px}.qn-option{text-align:left;border:1px solid #404d60;border-radius:13px;background:#171e2a;color:#e8eff9;padding:20px;min-height:175px;cursor:pointer;font:inherit}.qn-option strong{display:block;font-size:17px;margin-bottom:10px}.qn-option span{color:#b0becf;font-size:13px;line-height:1.5}.qn-option.selected{border:2px solid #4a86ff;background:#1b2a43}.qn-wizard-fields{padding:24px 28px}.qn-wizard-fields label{display:block;margin:0 0 16px}.qn-wizard-fields input,.qn-wizard-fields textarea{margin-top:6px}.qn-wizard-fields .qn-check{display:flex}.qn-responses-list{padding:20px 28px;max-height:65vh;overflow:auto}.qn-response{border:1px solid #354256;border-radius:11px;padding:14px;margin-bottom:12px}.qn-response h3{font-size:14px;margin:0 0 8px}.qn-response dl{display:grid;grid-template-columns:minmax(120px,1fr) 1.5fr;gap:6px 14px;font-size:13px}.qn-response dt{color:#a8b8cc}.qn-response dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1100px){.qn-grid{grid-template-columns:1fr}.qn-row{grid-template-columns:minmax(220px,1fr) auto auto}.qn-row .qn-meta{display:none}}@media(max-width:720px){.qn-page{padding:18px}.qn-head,.qn-editor-top{align-items:flex-start;flex-direction:column}.qn-wizard-options{grid-template-columns:1fr}.qn-row{grid-template-columns:1fr auto}.qn-row-actions{grid-column:1/-1;justify-content:flex-start}.qn-canvas{min-height:0}}
