.survey-poll-generator{min-height:auto;background:linear-gradient(135deg,#f0fdf4,#dcfce7,#f0fdf4);padding:2rem}.survey-poll-generator .generator-header{text-align:center;margin-bottom:2rem}.survey-poll-generator .generator-header h1{font-size:2.5rem;font-weight:800;color:#166534;margin-bottom:.5rem}.survey-poll-generator .generator-header p{font-size:1.125rem;color:#15803d}.survey-poll-generator .generator-layout{display:grid;grid-template-columns:var(--tool-controls-width, 420px) 1fr;gap:var(--tool-content-gap, 2rem);max-width:1600px;margin:0 auto}.survey-poll-generator .config-panel{background:var(--white);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;height:fit-content;max-height:none;overflow-y:auto}.survey-poll-generator .config-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--gray-200)}.survey-poll-generator .config-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.survey-poll-generator .config-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.survey-poll-generator .config-group{margin-bottom:1rem}.survey-poll-generator .config-group label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-600);margin-bottom:.375rem}.survey-poll-generator .config-group input[type=text],.survey-poll-generator .config-group input[type=number],.survey-poll-generator .config-group input[type=email],.survey-poll-generator .config-group textarea,.survey-poll-generator .config-group select{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--gray-300);border-radius:8px;background:var(--white);color:var(--gray-700);transition:all .2s ease}.survey-poll-generator .config-group input:focus,.survey-poll-generator .config-group textarea:focus,.survey-poll-generator .config-group select:focus{outline:none;border-color:var(--success);box-shadow:0 0 0 3px #10b9811a}.survey-poll-generator .config-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.survey-poll-generator .config-row.triple{grid-template-columns:1fr 1fr 1fr}.survey-poll-generator .style-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.survey-poll-generator .style-btn{padding:.5rem .875rem;font-size:.75rem;font-weight:500;border:2px solid var(--gray-200);border-radius:8px;background:var(--white);color:var(--gray-600);cursor:pointer;transition:all .2s ease}.survey-poll-generator .style-btn:hover{border-color:var(--success)}.survey-poll-generator .style-btn.active{background:var(--success);border-color:var(--success);color:var(--white)}.survey-poll-generator .color-options{display:flex;flex-wrap:wrap;gap:.5rem}.survey-poll-generator .color-btn{width:36px;height:36px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease;padding:3px;background:transparent}.survey-poll-generator .color-btn:hover{transform:scale(1.1)}.survey-poll-generator .color-btn.active{border-color:var(--gray-700)}.survey-poll-generator .color-btn .color-swatch{display:block;width:100%;height:100%;border-radius:50%;background-color:var(--scheme-color)}.survey-poll-generator .color-input{display:flex;gap:.5rem;align-items:center}.survey-poll-generator .color-input input[type=color]{width:48px;height:36px;border:none;border-radius:6px;cursor:pointer;padding:0}.survey-poll-generator .color-input input[type=text]{flex:1}.survey-poll-generator .checkbox-options{display:flex;flex-direction:column;gap:.625rem}.survey-poll-generator .checkbox-options label,.survey-poll-generator .checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--gray-900);cursor:pointer}.survey-poll-generator .checkbox-options input[type=checkbox],.survey-poll-generator .checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--gray-900)}.survey-poll-generator .config-group input[type=range]{width:100%;height:6px;background:var(--gray-200);border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.survey-poll-generator .config-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--success);border-radius:50%;cursor:pointer}.survey-poll-generator .range-value{font-size:.75rem;color:var(--gray-500);margin-left:.5rem}.survey-poll-generator .questions-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.survey-poll-generator .question-item{border:1px solid var(--gray-200);border-radius:12px;overflow:hidden}.survey-poll-generator .question-header{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.survey-poll-generator .question-move{display:flex;flex-direction:column;gap:2px}.survey-poll-generator .question-move button{padding:.125rem .375rem;font-size:.75rem;border:1px solid var(--gray-300);background:var(--white);border-radius:4px;cursor:pointer;color:var(--gray-500)}.survey-poll-generator .question-move button:hover:not(:disabled){background:var(--gray-100)}.survey-poll-generator .question-move button:disabled{opacity:.4;cursor:not-allowed}.survey-poll-generator .question-type-badge{flex:1;font-size:.8rem;font-weight:600;color:var(--gray-700)}.survey-poll-generator .question-actions{display:flex;gap:.375rem}.survey-poll-generator .question-actions button{padding:.25rem .5rem;font-size:.875rem;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:all .2s ease}.survey-poll-generator .question-actions button:hover{background:var(--gray-200)}.survey-poll-generator .question-config{padding:1rem}.survey-poll-generator .question-config .config-group{margin-bottom:.75rem}.survey-poll-generator .question-config .config-group:last-child{margin-bottom:0}.survey-poll-generator .question-config .config-row{margin-bottom:.75rem}.survey-poll-generator .question-config .config-group.checkbox label{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.survey-poll-generator .add-question-section{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--gray-300)}.survey-poll-generator .add-question-section p{font-size:.75rem;color:var(--gray-500);margin-bottom:.5rem}.survey-poll-generator .add-question-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.survey-poll-generator .add-question-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;border:2px dashed var(--gray-300);border-radius:8px;background:var(--white);cursor:pointer;transition:all .2s ease}.survey-poll-generator .add-question-btn:hover{border-color:var(--success);border-style:solid;background:#f0fdf4}.survey-poll-generator .config-actions{display:flex;gap:.75rem;margin-top:1rem}.survey-poll-generator .save-btn,.survey-poll-generator .load-btn{flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.survey-poll-generator .save-btn{background:var(--success);color:var(--white)}.survey-poll-generator .save-btn:hover{background:#059669}.survey-poll-generator .load-btn{background:var(--gray-200);color:var(--gray-700)}.survey-poll-generator .load-btn:hover{background:var(--gray-300)}.survey-poll-generator .preview-panel{background:#f9fafb;border:2px solid #d1d5db;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden}.survey-poll-generator .preview-tabs{display:flex;border-bottom:1px solid var(--gray-200);background:#f9fafb;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-tabs button{flex:1;padding:.875rem 1rem;font-size:.875rem;font-weight:500;border:none;background:transparent;color:var(--gray-500);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.survey-poll-generator .preview-tabs button:hover{color:var(--success)}.survey-poll-generator .preview-tabs button.active{color:var(--success);border-bottom-color:var(--success);background:var(--white)}.survey-poll-generator .preview-content{flex:1;overflow:auto;padding:1.5rem;background:#f9fafb;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-wrapper{display:flex;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#ecfeff);min-height:600px;border:2px solid #d1d5db;border-radius:8px;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-survey-container{width:100%;background:var(--bg-color, #ffffff);color:var(--text-color, var(--gray-700));border:2px solid #d1d5db;border-radius:var(--border-radius, 12px);padding:2rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-survey-container.style-card{box-shadow:0 10px 40px -10px #00000026}.survey-poll-generator .preview-survey-container.style-floating{box-shadow:0 25px 50px -12px #00000040}.survey-poll-generator .preview-survey-container.style-gradient{background:linear-gradient(135deg,var(--bg-color) 0%,color-mix(in srgb,var(--primary-color) 10%,white) 100%)}.survey-poll-generator .preview-survey-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid color-mix(in srgb,var(--primary-color) 20%,transparent);box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-survey-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.survey-poll-generator .preview-survey-description{font-size:1rem;opacity:.7;margin:0}.survey-poll-generator .preview-progress-text{font-size:.875rem;text-align:center;opacity:.7;margin-bottom:.5rem}.survey-poll-generator .preview-progress{height:8px;background:#f9fafb;border:2px solid #d1d5db;border-radius:9999px;overflow:hidden;margin-bottom:2rem}.survey-poll-generator .preview-progress-bar{height:100%;background:#f9fafb;border:2px solid #d1d5db;border-radius:9999px;transition:width .3s ease}.survey-poll-generator .preview-question{margin-bottom:1.5rem;padding:1.25rem;background:#00000005;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-question-number{font-size:.75rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.survey-poll-generator .preview-question-text{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.survey-poll-generator .preview-question-text .required{color:var(--danger);margin-left:.25rem}.survey-poll-generator .preview-choice-group{display:flex;flex-direction:column;gap:.625rem}.survey-poll-generator .preview-choice-option{display:flex;align-items:center;padding:.875rem 1rem;background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-choice-option:hover{border-color:var(--primary-color)}.survey-poll-generator .preview-choice-option input{margin-right:.75rem;accent-color:var(--primary-color);width:1.125rem;height:1.125rem}.survey-poll-generator .preview-choice-option input[type=text]{flex:1;margin-left:.5rem;padding:.375rem .5rem;border:1px solid var(--gray-300);border-radius:4px;font-size:.875rem}.survey-poll-generator .preview-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;background:#f9fafb;cursor:pointer;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-select:focus{outline:none;border-color:var(--primary-color)}.survey-poll-generator .preview-rating-scale{display:flex;gap:.5rem;flex-wrap:wrap}.survey-poll-generator .preview-rating-option{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid #d1d5db;border-radius:50%;font-weight:600;cursor:pointer;transition:all .2s ease}.survey-poll-generator .preview-rating-option:hover{border-color:var(--primary-color);color:var(--primary-color)}.survey-poll-generator .preview-rating-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;opacity:.7}.survey-poll-generator .preview-nps-scale{display:flex;gap:.25rem;flex-wrap:wrap}.survey-poll-generator .preview-nps-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.survey-poll-generator .preview-nps-option:hover{border-color:var(--gray-400)}.survey-poll-generator .preview-nps-option.detractor{border-color:#fca5a5}.survey-poll-generator .preview-nps-option.passive{border-color:#fcd34d}.survey-poll-generator .preview-nps-option.promoter{border-color:#86efac}.survey-poll-generator .preview-input,.survey-poll-generator .preview-textarea{width:100%;padding:.75rem 1rem;background:#f9fafb;font-size:1rem;border:2px solid #d1d5db;border-radius:8px;transition:all .2s ease;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-input:focus,.survey-poll-generator .preview-textarea:focus{outline:none;border-color:var(--primary-color)}.survey-poll-generator .preview-textarea{resize:vertical;min-height:100px}.survey-poll-generator .preview-slider{padding:0;border:2px solid #d1d5db;padding:.5rem 0;background:#f9fafb;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-slider-input{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f9fafb;border:2px solid #d1d5db;border-radius:3px}.survey-poll-generator .preview-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary-color);border-radius:50%;cursor:pointer}.survey-poll-generator .preview-slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;opacity:.7}.survey-poll-generator .preview-yesno{display:flex;gap:1rem}.survey-poll-generator .preview-yesno-option{flex:1;padding:1rem;background:#f9fafb;text-align:center;border:2px solid #d1d5db;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-yesno-option:hover{border-color:var(--primary-color)}.survey-poll-generator .preview-yesno-option.yes:hover{background:#d1fae5;border-color:var(--success)}.survey-poll-generator .preview-yesno-option.no:hover{background:#fee2e2;border-color:var(--danger)}.survey-poll-generator .preview-ranking{display:flex;flex-direction:column;gap:.5rem}.survey-poll-generator .preview-ranking-item{display:flex;align-items:center;padding:.75rem 1rem;background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;cursor:grab;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-ranking-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f9fafb;color:var(--white);border:2px solid #d1d5db;border-radius:50%;font-size:.75rem;font-weight:600;margin-right:.75rem}.survey-poll-generator .preview-matrix{width:100%;border-collapse:collapse;font-size:.875rem}.survey-poll-generator .preview-matrix th,.survey-poll-generator .preview-matrix td{padding:.625rem;text-align:center;border:1px solid var(--gray-200)}.survey-poll-generator .preview-matrix th{background:color-mix(in srgb,var(--primary-color) 10%,white);font-weight:600}.survey-poll-generator .preview-matrix td:first-child{text-align:left;font-weight:500}.survey-poll-generator .preview-matrix input[type=radio]{accent-color:var(--primary-color);width:1rem;height:1rem}.survey-poll-generator .preview-submit{width:100%;padding:1rem 1.5rem;font-size:1.125rem;font-weight:600;background:#f9fafb;color:var(--white);border:2px solid #d1d5db;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-top:1rem;box-shadow:0 1px 3px #0000001a}.survey-poll-generator .preview-submit:hover{transform:translateY(-1px);filter:brightness(.95)}.survey-poll-generator .code-wrapper{display:flex;flex-direction:column;height:100%}.survey-poll-generator .code-actions{display:flex;gap:.75rem;margin-bottom:1rem}.survey-poll-generator .code-actions button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid var(--gray-300);border-radius:8px;background:var(--white);cursor:pointer;transition:all .2s ease}.survey-poll-generator .code-actions button:hover{background:var(--gray-100)}.survey-poll-generator .code-block{flex:1;background:var(--gray-800);border-radius:12px;padding:1.5rem;overflow:auto;margin:0}.survey-poll-generator .code-block code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;color:var(--gray-200);white-space:pre}.survey-poll-generator .export-all{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--gray-50)}.survey-poll-generator .export-all button{flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.survey-poll-generator .export-all button:first-child{background:var(--success);color:var(--white)}.survey-poll-generator .export-all button:first-child:hover{background:#059669}.survey-poll-generator .export-all button:last-child{background:var(--info-color);color:var(--white)}.survey-poll-generator .export-all button:last-child:hover{background:#2563eb}.survey-poll-generator .tips-section{max-width:1600px;margin:2rem auto 0}.survey-poll-generator .tips-section h3{font-size:1.25rem;font-weight:700;color:#166534;margin-bottom:1rem}.survey-poll-generator .tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.survey-poll-generator .tip-card{background:var(--white);border-radius:12px;padding:1.25rem;box-shadow:0 2px 4px #0000000d}.survey-poll-generator .tip-card h4{font-size:1rem;font-weight:600;color:#166534;margin-bottom:.5rem}.survey-poll-generator .tip-card p{font-size:.875rem;color:var(--gray-600);line-height:1.6;margin:0}@media (max-width: 1200px){.survey-poll-generator .generator-layout{grid-template-columns:360px 1fr}}@media (max-width: 900px){.survey-poll-generator .generator-layout{grid-template-columns:1fr}.survey-poll-generator .config-panel{max-height:none}.survey-poll-generator .questions-list{max-height:300px}}@media (max-width: 640px){.survey-poll-generator{padding:1rem}.survey-poll-generator .generator-header h1{font-size:1.75rem}.survey-poll-generator .config-row{grid-template-columns:1fr}.survey-poll-generator .preview-nps-scale{justify-content:center}.survey-poll-generator .preview-yesno{flex-direction:column}}