:root{--vote-border: #e5e7eb;--vote-canvas-bg: #f4f6fa}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:#f0f2f5;color:#000000e0}.app-layout{min-height:100vh}.app-logo{display:flex;align-items:center;gap:10px;height:56px;padding:0 16px;color:#fff;font-weight:600;font-size:16px;letter-spacing:.5px;overflow:hidden;white-space:nowrap}.app-logo-badge{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#1677ff,#4096ff);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}.app-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 20px 0 8px;border-bottom:1px solid var(--vote-border);position:sticky;top:0;z-index:10}.app-content{padding:20px;min-height:calc(100vh - 56px)}.designer-shell{display:flex;gap:12px;align-items:flex-start}.designer-panel{background:#fff;border:1px solid var(--vote-border);border-radius:10px;padding:12px}.designer-palette{width:268px;flex:none;position:sticky;top:76px;max-height:calc(100vh - 100px);overflow:auto}.designer-canvas-wrap{flex:1;min-width:0}.palette-group-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#000000a6;margin:12px 2px 8px}.palette-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--vote-border);border-radius:8px;cursor:grab;background:#fff;transition:all .15s ease;font-size:13px;-webkit-user-select:none;user-select:none}.palette-item:hover{border-color:#1677ff;box-shadow:0 2px 8px #1677ff24;transform:translateY(-1px)}.palette-item:active{cursor:grabbing}.canvas{background:var(--vote-canvas-bg);border:1px dashed #d0d7e5;border-radius:12px;padding:16px;min-height:420px}.canvas-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--vote-border);border-bottom:none;border-radius:12px 12px 0 0;padding:18px 20px 14px}.canvas-body{border:1px solid var(--vote-border);border-top:none;border-radius:0 0 12px 12px;background:#fff;padding:18px 20px 26px}.canvas-empty{border:2px dashed #cfd6e4;border-radius:12px;padding:56px 20px;text-align:center;color:#00000059;background:#fbfcfe}.field-card{position:relative;border:1px solid transparent;border-radius:10px;padding:12px;margin-bottom:10px;background:#fff;transition:border-color .15s,box-shadow .15s}.field-card:hover{border-color:#91caff;background:#f8fbff}.field-card.active{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1f}.field-card.dragging{opacity:.4}.field-card.drop-target{border-top:2px dashed #1677ff}.field-card.is-hidden-field{opacity:.55;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 8px,#f0f0f0 8px,#f0f0f0 16px)}.field-card-toolbar{position:absolute;top:6px;right:8px;display:none;gap:4px;background:#fff;border:1px solid var(--vote-border);border-radius:6px;padding:2px 4px;box-shadow:0 2px 8px #00000014;z-index:2}.field-card:hover .field-card-toolbar,.field-card.active .field-card-toolbar{display:flex}.field-card-badge{position:absolute;top:-9px;left:10px;background:#1677ff;color:#fff;font-size:11px;line-height:16px;padding:0 6px;border-radius:4px;opacity:0;transition:opacity .15s;z-index:2}.field-card.active .field-card-badge{opacity:1}.field-card-drag{cursor:grab}.logic-group{border:1px solid var(--vote-border);border-radius:8px;padding:10px;margin-bottom:8px;background:#fafcff}.logic-condition-row{display:flex;gap:6px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.rule-item{border:1px solid var(--vote-border);border-radius:10px;padding:12px 14px;margin-bottom:10px;background:#fff;transition:all .15s}.rule-item:hover{border-color:#91caff;box-shadow:0 2px 10px #0000000d}.rule-item.disabled{background:#fafafa;opacity:.65}.rule-summary{color:#000000a6;font-size:13px;line-height:1.7;word-break:break-all}.logic-and-tag{background:#e6f4ff;color:#0958d9;border-radius:4px;padding:0 6px;margin:0 4px;font-size:12px}.logic-or-tag{background:#fff7e6;color:#d46b08;border-radius:4px;padding:0 6px;margin:0 4px;font-size:12px}.form-preview-shell{background:#fff;border-radius:12px;padding:22px}.fill-page{max-width:820px;margin:0 auto;padding:28px 16px 60px}.fill-card{background:#fff;border-radius:14px;padding:26px 28px 30px;box-shadow:0 2px 12px #0000000f}.field-label{font-weight:500;color:#000000e0;margin-bottom:6px;display:block}.field-help{font-size:12px;color:#00000073;margin-top:4px}.field-error{font-size:12px;color:#ff4d4f;margin-top:4px}.vote-card{border:1px solid var(--vote-border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .15s ease;height:100%;background:#fff;position:relative;overflow:hidden}.vote-card:hover{border-color:#4096ff;transform:translateY(-2px);box-shadow:0 4px 14px #1677ff1f}.vote-card.selected{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff29;background:#f5faff}.vote-card .vote-card-bar{position:absolute;left:0;top:0;bottom:0;opacity:.1}.ranking-item{display:flex;align-items:center;gap:10px;border:1px solid var(--vote-border);border-radius:8px;padding:9px 12px;margin-bottom:8px;background:#fff;cursor:grab}.ranking-item.dragging{opacity:.4}.ranking-item.drop-target{border-color:#1677ff;border-style:dashed}.matrix-table{width:100%;border-collapse:collapse}.matrix-table th,.matrix-table td{border:1px solid var(--vote-border);padding:8px 10px;text-align:center;font-size:13px}.matrix-table th.row-head{text-align:left;background:#fafafa;font-weight:500}.matrix-table th.col-head{background:#fafafa;font-weight:500}.nps-scale{display:flex;gap:4px}.nps-cell{flex:1;text-align:center;border:1px solid var(--vote-border);border-radius:6px;padding:8px 0;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none;font-size:13px}.nps-cell:hover{border-color:#4096ff}.nps-cell.active{color:#fff;font-weight:600;border-color:transparent}.scale-row{display:flex;gap:6px;flex-wrap:wrap}.scale-cell{border:1px solid var(--vote-border);border-radius:8px;padding:8px 14px;cursor:pointer;transition:all .15s;min-width:56px;text-align:center}.scale-cell.active{background:#1677ff;border-color:#1677ff;color:#fff}.signature-canvas{border:1px dashed #cfd6e4;border-radius:8px;background:#fff;touch-action:none;display:block;cursor:crosshair}.image-option-card{border:2px solid var(--vote-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s;background:#fff}.image-option-card.selected{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff26}.image-option-ph{display:flex;align-items:center;justify-content:center;color:#bfbfbf;background:#f5f5f5;font-size:12px}.formula-box{background:linear-gradient(135deg,#e6f4ff,#f0f5ff);border:1px solid #bae0ff;border-radius:10px;padding:14px 18px}.other-input{margin-top:8px;max-width:320px}.bar-row{margin-bottom:14px}.bar-meta{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.bar-track{height:10px;background:#f0f2f5;border-radius:6px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.trend-bars{display:flex;align-items:flex-end;gap:8px;height:130px;padding-top:8px}.trend-bar-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.trend-bar{width:100%;max-width:28px;background:linear-gradient(180deg,#4096ff,#1677ff);border-radius:4px 4px 0 0;min-height:2px}.trend-label{font-size:11px;color:#00000073;margin-top:6px}.stat-card{background:#fff;border:1px solid var(--vote-border);border-radius:10px;padding:16px 18px}.form-card-item{background:#fff;border:1px solid var(--vote-border);border-radius:12px;padding:16px 18px;transition:all .18s}.form-card-item:hover{border-color:#91caff;box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.doc-card{background:#fff;border:1px solid var(--vote-border);border-radius:12px;padding:16px}.doc-meta{font-size:12px;color:#00000073}.code-block{background:#f6f8fa;border:1px solid var(--vote-border);border-radius:8px;padding:10px 12px;font-size:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;white-space:pre-wrap;word-break:break-all;color:#000000bf}.drag-hint{color:#00000059;font-size:12px}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b5fff,#1677ff 40%,#69b1ff);padding:20px}.login-card{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:32px 30px;box-shadow:0 12px 40px #0000002e}.stat-tile{border-radius:10px;padding:14px 16px;color:#fff;height:100%}