:root{--bg:#f5f6f8;--paper:#fff;--line:#e8e8e6;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--primary:#2a78d6;--primary-soft:#eef4fc;--warn:#b26b00;--danger:#d03b3b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink)}.center-fill{justify-content:center;align-items:center;height:100%;min-height:240px;display:flex}.app-shell{background:var(--bg);min-height:100vh}.app-header{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:56px;line-height:56px;display:flex;position:sticky;top:0;background:var(--paper)!important;padding:0 20px!important}.app-brand{align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex;color:var(--ink)!important}.app-logo{color:#fff;background:linear-gradient(135deg,#2a78d6,#6250d6);border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:700;line-height:1;display:inline-grid}.app-logo-lg{border-radius:14px;width:48px;height:48px;font-size:24px}.app-user{cursor:pointer;align-items:center;gap:8px;line-height:1;display:inline-flex}.app-user-badge{color:var(--primary);background:var(--primary-soft);border-radius:4px;padding:2px 6px;font-size:11px}.app-content{padding:0}.page{max-width:1280px;margin:0 auto;padding:20px 24px 40px}.page-narrow{max-width:860px}.page-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-card{border-radius:12px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.stat-tile .ant-statistic-content{font-size:28px}.login-page{background:radial-gradient(1200px 600px at 10% -10%, #dfeafb 0%, transparent 60%), radial-gradient(900px 500px at 110% 110%, #e9e4fb 0%, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border-radius:16px;width:380px;box-shadow:0 12px 40px #10182814}.login-head{text-align:center;margin-bottom:24px}.survey-layout{flex-direction:column;min-height:calc(100vh - 56px);display:flex}.survey-layout-editor{height:calc(100vh - 56px)}.survey-head{background:var(--paper);border-bottom:1px solid var(--line);align-items:center;gap:16px;min-height:48px;padding:0 16px;display:flex}.survey-head-title{flex:0 auto;min-width:0;max-width:40%}.survey-head-title .ant-typography{max-width:320px}.survey-tabs{flex:1}.survey-tabs .ant-tabs-nav{margin:0}.survey-tabs .ant-tabs-nav:before{border:none}.survey-body{flex-direction:column;flex:1;min-height:0;display:flex}.survey-body>.page{width:100%}.share-qr{background:#fafaf9;border-radius:12px;align-items:center;gap:20px;padding:12px;display:flex}.share-qr canvas{background:#fff;border-radius:8px}.editor{flex-direction:column;height:100%;min-height:0;display:flex}.editor-toolbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.editor-title-input{max-width:480px;font-size:16px;font-weight:600}.editor-main{flex:1;grid-template-columns:228px 1fr 360px;min-height:0;display:grid}.editor-left,.editor-right{background:var(--paper);overflow-y:auto}.editor-left{border-right:1px solid var(--line);padding:12px}.editor-right{border-left:1px solid var(--line);padding:12px 16px 40px}.editor-canvas{padding:24px;overflow-y:auto}.canvas-paper{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;padding-bottom:80px;display:flex}.panel-title{margin-bottom:8px;font-weight:600}.palette{flex-direction:column;gap:12px;display:flex}.palette-group-title{color:var(--muted);margin-bottom:6px;font-size:12px}.palette-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.palette-item{border:1px solid var(--line);cursor:grab;color:var(--ink);text-align:left;touch-action:none;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:13px;transition:all .15s;display:flex}.palette-item:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.palette-item.is-dragging{opacity:.5}.palette-icon{text-align:center;width:18px;color:var(--muted);font-size:13px}.palette-item:hover .palette-icon{color:var(--primary)}.drag-overlay{border:1px solid var(--primary);white-space:nowrap;text-overflow:ellipsis;cursor:grabbing;background:#fff;border-radius:10px;align-items:center;gap:8px;max-width:320px;padding:10px 14px;font-size:14px;display:inline-flex;overflow:hidden;box-shadow:0 8px 24px #00000026}.survey-intro,.survey-outro,.page-block{background:var(--paper);border:1px solid #0000;border-radius:12px;box-shadow:0 1px 2px #0000000a}.survey-intro{cursor:pointer;border-top:4px solid var(--primary);padding:20px 24px}.survey-intro.is-selected,.page-block.is-selected{border-color:var(--primary)}.survey-intro-title{font-size:20px;font-weight:600}.survey-intro-desc{color:var(--ink-2);white-space:pre-wrap;margin-top:6px}.survey-intro-desc.is-placeholder{color:var(--muted)}.survey-outro{cursor:pointer;text-align:center;padding:12px 24px}.page-block{padding:8px}.page-block-head{cursor:pointer;border-bottom:1px dashed var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding:6px 10px;display:flex}.page-block-actions{gap:2px;display:flex}.page-block-desc{color:var(--ink-2);white-space:pre-wrap;padding:0 10px 8px;font-size:13px}.page-drop{border-radius:8px;flex-direction:column;gap:6px;min-height:40px;padding:2px;transition:background .15s;display:flex}.page-drop.is-over{background:var(--primary-soft)}.page-drop.is-empty{border:1px dashed var(--line);justify-content:center;min-height:72px}.page-empty{text-align:center;color:var(--muted);font-size:13px}.page-block-foot{gap:8px;padding:8px 6px 4px;display:flex}.qcard{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:10px;gap:6px;padding:12px 12px 12px 4px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.qcard:hover{border-color:var(--line)}.qcard.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px #2a78d61f}.qcard.is-dragging{opacity:.4}.qcard.is-paragraph{background:#fafaf9}.qcard-body{flex:1;min-width:0}.qcard-title{flex-wrap:wrap;align-items:baseline;gap:4px;font-size:15px;font-weight:500;display:flex}.qcard-no{color:var(--muted);font-variant-numeric:tabular-nums}.qcard-required{color:var(--danger)}.qcard-untitled{color:var(--muted);font-style:italic}.qcard-type{color:var(--muted);margin-left:6px;font-size:11px}.qcard-desc{color:var(--ink-2);white-space:pre-wrap;margin-top:2px;font-size:13px}.qcard-actions{opacity:0;flex-direction:column;gap:2px;transition:opacity .15s;display:flex}.qcard:hover .qcard-actions,.qcard.is-selected .qcard-actions{opacity:1}.qcard-cond{color:#6250d6;background:#f3f1fd;border-radius:6px;margin-top:8px;padding:3px 8px;font-size:12px;display:inline-block}.qcard-cond.is-broken{color:var(--warn);background:#fff6e5}.qc-options{color:var(--ink-2);flex-direction:column;gap:4px;margin-top:8px;font-size:13px;display:flex}.qc-option{align-items:center;gap:4px;display:inline-flex}.qc-other-input{border-bottom:1px solid var(--line);width:100px;margin-left:6px;display:inline-block}.qc-more{color:var(--muted);font-size:12px}.qc-input{border:1px solid var(--line);color:var(--muted);border-radius:6px;max-width:420px;margin-top:8px;padding:6px 10px;font-size:13px}.qc-textarea{height:56px}.qc-rating,.qc-nps{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:16px;display:flex}.qc-nps span{border:1px solid var(--line);border-radius:6px;place-items:center;width:26px;height:26px;font-size:12px;display:grid}.qc-matrix{margin-top:8px}.drag-handle{width:20px;color:var(--muted);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.drag-handle:active{cursor:grabbing}.qcard-handle{opacity:.3}.qcard:hover .qcard-handle{opacity:1}.opt-list{flex-direction:column;gap:4px;display:flex}.opt-row{background:#fff;align-items:center;gap:4px;display:flex}.opt-row.is-dragging{opacity:.6;z-index:2;position:relative}.inline-fields{gap:8px;display:flex}.inline-fields>.ant-form-item{flex:1;margin-bottom:8px}.cond-editor{flex-direction:column;gap:8px;display:flex}.cond-row{background:#fafaf9;border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.problem-list{max-height:50vh;margin:8px 0 0;padding-left:18px;overflow:auto}.device-phone{background:#fff;border:10px solid #1a1a19;border-radius:36px;flex-shrink:0;width:375px;height:740px;overflow:hidden;box-shadow:0 20px 50px #0003}.device-desktop{background:#fff;border-radius:10px;width:100%;height:100%;min-height:600px;overflow:hidden;box-shadow:0 8px 30px #0000001a}.preview-frame{border:0;width:100%;height:100%;display:block}.qstat.is-deleted .ant-card-head-title{color:var(--muted)}.qstat-title{white-space:normal}.hbars{flex-direction:column;gap:8px;display:flex}.hbar-row{border-radius:6px;grid-template-columns:minmax(80px,220px) 1fr 108px;align-items:center;gap:12px;padding:2px 0;display:grid}.hbar-row:hover{background:#fafaf9}.hbar-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hbar-track{background:0 0;border-radius:4px;height:12px}.hbar-fill{background:#2a78d6;border-radius:0 4px 4px 0;min-width:2px;height:100%}.hbar-value{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;font-size:13px}.hbar-pct{color:var(--ink-2);min-width:48px;margin-left:8px;display:inline-block}.other-texts{margin-top:4px}.text-list{max-height:320px;margin:4px 0;padding:0;list-style:none;overflow:auto}.text-list li{white-space:pre-wrap;word-break:break-word;border-bottom:1px solid #f0efec;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;display:flex}.dist-summary{flex-wrap:wrap;align-items:flex-start;gap:40px;margin-bottom:8px;display:flex}.nps-stack{flex:1;min-width:240px;padding-top:8px}.nps-bar{border-radius:4px;gap:2px;height:14px;display:flex;overflow:hidden}.nps-bar span{min-width:2px;display:block}.nps-legend{color:var(--ink-2);gap:16px;margin-top:8px;font-size:12px;display:flex}.nps-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.matrix-wrap{overflow-x:auto}.matrix-table{border-collapse:separate;border-spacing:2px;margin-bottom:8px;font-size:13px}.matrix-table th{color:var(--ink-2);text-align:center;white-space:nowrap;padding:6px 10px;font-weight:500}.matrix-table tbody th{text-align:left}.matrix-table td{text-align:center;font-variant-numeric:tabular-nums;background:#fafaf9;border-radius:4px;min-width:76px;padding:8px 6px}.matrix-pct{opacity:.8;font-size:11px;display:block}.answer-detail{margin:0;padding-left:20px}.answer-detail li{border-bottom:1px solid #f0efec;padding:10px 0}.answer-detail li.is-deleted .answer-q{color:var(--muted)}.answer-q{margin-bottom:4px;font-weight:500}.answer-text{white-space:pre-wrap;word-break:break-word}.answer-lines{margin:0;padding:0;list-style:none}@media (width<=1100px){.editor-main{grid-template-columns:180px 1fr 300px}.palette-grid{grid-template-columns:1fr}}