:root{--sk-primary: #6366f1;--sk-primary-light: #818cf8;--sk-primary-dark: #4f46e5;--sk-success: #22c55e;--sk-success-light: #4ade80;--sk-danger: #ef4444;--sk-danger-light: #fca5a5;--sk-warning: #f59e0b;--sk-info: #3b82f6;--sk-bg: #f8fafc;--sk-bg-white: #ffffff;--sk-bg-sidebar: #fafbfc;--sk-border: #e2e8f0;--sk-border-light: #f1f5f9;--sk-text: #1e293b;--sk-text-secondary: #64748b;--sk-text-muted: #94a3b8;--sk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--sk-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--sk-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--sk-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--sk-radius-sm: 6px;--sk-radius: 8px;--sk-radius-lg: 12px;--sk-radius-xl: 16px;--sk-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sk-transition: .15s ease}.sk-root{font-family:var(--sk-font);font-size:14px;color:var(--sk-text);line-height:1.5;box-sizing:border-box;-webkit-font-smoothing:antialiased}.sk-root *,.sk-root *:before,.sk-root *:after{box-sizing:border-box}.sk-builder{display:grid;grid-template-columns:240px 1fr 280px;grid-template-rows:56px 1fr;grid-template-areas:"header header header" "sidebar canvas properties";height:100vh;width:100%;background:var(--sk-bg);overflow:hidden}.sk-builder-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--sk-bg-white);border-bottom:1px solid var(--sk-border);z-index:10}.sk-builder-header__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--sk-text)}.sk-builder-header__brand-icon{width:32px;height:32px;border-radius:var(--sk-radius-sm);background:linear-gradient(135deg,var(--sk-primary),#ec4899);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.sk-builder-header__actions{display:flex;align-items:center;gap:12px}.sk-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--sk-radius);font-size:13px;font-weight:500;font-family:var(--sk-font);cursor:pointer;border:none;transition:all var(--sk-transition);white-space:nowrap}.sk-btn:hover{transform:translateY(-1px);box-shadow:var(--sk-shadow-md)}.sk-btn:active{transform:translateY(0)}.sk-btn--primary{background:var(--sk-primary);color:#fff}.sk-btn--primary:hover{background:var(--sk-primary-dark)}.sk-btn--success{background:var(--sk-success);color:#fff}.sk-btn--success:hover{background:#16a34a}.sk-btn--danger{background:#fff;color:var(--sk-danger);border:1px solid var(--sk-border)}.sk-btn--danger:hover{background:#fef2f2;border-color:var(--sk-danger-light)}.sk-btn--ghost{background:transparent;color:var(--sk-text-secondary)}.sk-btn--ghost:hover{background:var(--sk-border-light);box-shadow:none;transform:none}.sk-btn--publish{background:linear-gradient(135deg,#ef4444,#ec4899);color:#fff;padding:8px 20px;font-weight:600;border-radius:20px}.sk-btn--publish:hover{opacity:.9}.sk-sidebar{grid-area:sidebar;background:var(--sk-bg-white);border-right:1px solid var(--sk-border);overflow-y:auto;padding:16px}.sk-sidebar__title{font-size:14px;font-weight:700;color:var(--sk-text);margin-bottom:16px}.sk-sidebar__category{margin-bottom:20px}.sk-sidebar__category-title{font-size:11px;font-weight:600;color:var(--sk-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.sk-palette-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;border-radius:var(--sk-radius);cursor:grab;transition:all var(--sk-transition);border:1px solid transparent;background:var(--sk-bg)}.sk-palette-item:hover{border-color:var(--sk-border);box-shadow:var(--sk-shadow-sm);transform:translate(2px)}.sk-palette-item:active{cursor:grabbing}.sk-palette-item__icon{width:36px;height:36px;border-radius:var(--sk-radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sk-palette-item__info{flex:1;min-width:0}.sk-palette-item__label{font-size:13px;font-weight:600;color:var(--sk-text)}.sk-palette-item__desc{font-size:11px;color:var(--sk-text-muted);margin-top:1px}.sk-canvas{grid-area:canvas;overflow-y:auto;padding:24px;display:flex;flex-direction:column;align-items:center}.sk-canvas__header{text-align:center;margin-bottom:24px}.sk-canvas__title{font-size:24px;font-weight:700;color:var(--sk-text);margin-bottom:4px}.sk-canvas__subtitle{font-size:14px;color:var(--sk-text-muted)}.sk-canvas__content{width:100%;max-width:720px;display:flex;flex-direction:column;gap:16px;padding-bottom:60px}.sk-welcome-card{background:var(--sk-bg-white);border-radius:var(--sk-radius-lg);border:1px solid var(--sk-border);padding:24px;box-shadow:var(--sk-shadow-sm);position:relative}.sk-welcome-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sk-welcome-card__label{font-size:14px;font-weight:700;color:var(--sk-text)}.sk-question-card{background:var(--sk-bg-white);border-radius:var(--sk-radius-lg);border:2px solid transparent;padding:24px;box-shadow:var(--sk-shadow-sm);cursor:pointer;transition:all var(--sk-transition);position:relative}.sk-question-card:hover{border-color:var(--sk-border);box-shadow:var(--sk-shadow)}.sk-question-card--selected{border-color:var(--sk-primary);box-shadow:0 0 0 3px #6366f11a,var(--sk-shadow)}.sk-question-card--dragging{opacity:.5;box-shadow:var(--sk-shadow-lg)}.sk-question-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sk-question-card__title-row{display:flex;align-items:center;gap:8px;flex:1}.sk-question-card__number{font-size:13px;font-weight:700;color:var(--sk-text-secondary);min-width:80px}.sk-question-card__type-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;background:#ede9fe;color:#7c3aed}.sk-question-card__menu-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:var(--sk-radius-sm);color:var(--sk-text-muted);font-size:18px;transition:all var(--sk-transition)}.sk-question-card__menu-btn:hover{background:var(--sk-bg);color:var(--sk-text)}.sk-question-card__menu{position:absolute;top:40px;right:16px;background:var(--sk-bg-white);border-radius:var(--sk-radius);box-shadow:var(--sk-shadow-lg);border:1px solid var(--sk-border);z-index:20;min-width:160px;overflow:hidden}.sk-question-card__menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--sk-text);font-family:var(--sk-font);transition:background var(--sk-transition)}.sk-question-card__menu-item:hover{background:var(--sk-bg)}.sk-question-card__menu-item--danger{color:var(--sk-danger)}.sk-question-card__menu-item--danger:hover{background:#fef2f2}.sk-editable-input{width:100%;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:14px;font-family:var(--sk-font);color:var(--sk-text);transition:border-color var(--sk-transition);background:var(--sk-bg)}.sk-editable-input:focus{outline:none;border-color:var(--sk-primary);box-shadow:0 0 0 3px #6366f11a;background:#fff}.sk-editable-textarea{width:100%;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:14px;font-family:var(--sk-font);color:var(--sk-text);resize:vertical;min-height:80px;transition:border-color var(--sk-transition);background:var(--sk-bg)}.sk-editable-textarea:focus{outline:none;border-color:var(--sk-primary);box-shadow:0 0 0 3px #6366f11a;background:#fff}.sk-choices-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sk-choice-row{display:flex;align-items:center;gap:8px}.sk-choice-row__indicator{width:18px;height:18px;border-radius:50%;border:2px solid var(--sk-border);flex-shrink:0}.sk-choice-row__indicator--checkbox{border-radius:4px}.sk-choice-row__input{flex:1;padding:8px 12px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:13px;font-family:var(--sk-font);color:var(--sk-text);background:var(--sk-bg)}.sk-choice-row__input:focus{outline:none;border-color:var(--sk-primary);background:#fff}.sk-choice-row__delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:var(--sk-radius-sm);color:var(--sk-text-muted);font-size:14px;transition:all var(--sk-transition)}.sk-choice-row__delete:hover{background:#fef2f2;color:var(--sk-danger)}.sk-add-choice-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px dashed var(--sk-border);border-radius:var(--sk-radius);cursor:pointer;font-size:12px;font-family:var(--sk-font);color:var(--sk-text-muted);transition:all var(--sk-transition);margin-top:4px}.sk-add-choice-btn:hover{border-color:var(--sk-primary);color:var(--sk-primary);background:#f5f3ff}.sk-drop-zone{border:2px dashed var(--sk-border);border-radius:var(--sk-radius-lg);padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:all var(--sk-transition);min-height:120px}.sk-drop-zone--active{border-color:var(--sk-primary);background:#6366f10a}.sk-drop-zone__icon{font-size:28px;color:var(--sk-text-muted)}.sk-drop-zone__text{font-size:13px;color:var(--sk-text-muted)}.sk-properties{grid-area:properties;background:var(--sk-bg-white);border-left:1px solid var(--sk-border);overflow-y:auto;padding:16px}.sk-properties__title{font-size:15px;font-weight:700;color:var(--sk-text);margin-bottom:16px}.sk-properties__empty{text-align:center;color:var(--sk-text-muted);padding:40px 16px;font-size:13px}.sk-prop-section{background:var(--sk-bg);border-radius:var(--sk-radius-lg);padding:16px;margin-bottom:12px}.sk-prop-section__header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sk-prop-section__icon{font-size:16px}.sk-prop-section__title{font-size:13px;font-weight:700;color:var(--sk-text)}.sk-prop-field{margin-bottom:12px}.sk-prop-field:last-child{margin-bottom:0}.sk-prop-field__label{font-size:12px;font-weight:600;color:var(--sk-text-secondary);margin-bottom:6px;display:block}.sk-prop-field__input{width:100%;padding:8px 12px;border:1px solid var(--sk-border);border-radius:var(--sk-radius-sm);font-size:13px;font-family:var(--sk-font);color:var(--sk-text);background:var(--sk-bg-white)}.sk-prop-field__input:focus{outline:none;border-color:var(--sk-primary)}.sk-prop-field__select{width:100%;padding:8px 12px;border:1px solid var(--sk-border);border-radius:var(--sk-radius-sm);font-size:13px;font-family:var(--sk-font);color:var(--sk-text);background:var(--sk-bg-white);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.sk-prop-field__select:focus{outline:none;border-color:var(--sk-primary)}.sk-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.sk-toggle__input{position:absolute;opacity:0;width:0;height:0}.sk-toggle__slider{width:44px;height:24px;border-radius:12px;background:var(--sk-border);position:relative;transition:background var(--sk-transition)}.sk-toggle__slider:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform var(--sk-transition);box-shadow:var(--sk-shadow-sm)}.sk-toggle__input:checked+.sk-toggle__slider{background:var(--sk-primary)}.sk-toggle__input:checked+.sk-toggle__slider:after{transform:translate(20px)}.sk-prop-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sk-prop-row:last-child{margin-bottom:0}.sk-prop-row__label{font-size:13px;color:var(--sk-text)}.sk-color-swatches{display:flex;gap:8px;flex-wrap:wrap}.sk-color-swatch{width:32px;height:32px;border-radius:var(--sk-radius-sm);cursor:pointer;border:2px solid transparent;transition:all var(--sk-transition)}.sk-color-swatch:hover{transform:scale(1.1)}.sk-color-swatch--active{border-color:var(--sk-text);box-shadow:var(--sk-shadow)}.sk-range-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--sk-border);border-radius:3px;outline:none}.sk-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sk-primary);cursor:pointer;box-shadow:var(--sk-shadow-sm)}.sk-properties__actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.sk-properties__actions .sk-btn{width:100%;justify-content:center;padding:10px 16px}.sk-renderer{max-width:720px;margin:0 auto;padding:40px 24px;font-family:var(--sk-font)}.sk-renderer__welcome{text-align:center;margin-bottom:32px;padding:32px;background:var(--sk-bg-white);border-radius:var(--sk-radius-xl);box-shadow:var(--sk-shadow-sm)}.sk-renderer__welcome-title{font-size:24px;font-weight:700;color:var(--sk-text);margin-bottom:8px}.sk-renderer__welcome-desc{font-size:15px;color:var(--sk-text-secondary)}.sk-renderer__progress{margin-bottom:24px}.sk-renderer__progress-bar{width:100%;height:6px;background:var(--sk-border-light);border-radius:3px;overflow:hidden}.sk-renderer__progress-fill{height:100%;background:linear-gradient(90deg,var(--sk-primary),var(--sk-primary-light));border-radius:3px;transition:width .3s ease}.sk-renderer__progress-text{font-size:12px;color:var(--sk-text-muted);margin-top:4px;text-align:right}.sk-renderer__questions{display:flex;flex-direction:column;gap:20px}.sk-renderer__question{background:var(--sk-bg-white);border-radius:var(--sk-radius-lg);padding:24px;box-shadow:var(--sk-shadow-sm);border:1px solid var(--sk-border-light);transition:border-color var(--sk-transition)}.sk-renderer__question--error{border-color:var(--sk-danger-light)}.sk-renderer__question-title{font-size:15px;font-weight:600;color:var(--sk-text);margin-bottom:4px}.sk-renderer__question-required{color:var(--sk-danger);margin-left:2px}.sk-renderer__question-desc{font-size:13px;color:var(--sk-text-secondary);margin-bottom:12px}.sk-renderer__error{font-size:12px;color:var(--sk-danger);margin-top:6px;display:flex;align-items:center;gap:4px}.sk-renderer__input{width:100%;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:14px;font-family:var(--sk-font);color:var(--sk-text);transition:border-color var(--sk-transition)}.sk-renderer__input:focus{outline:none;border-color:var(--sk-primary);box-shadow:0 0 0 3px #6366f11a}.sk-renderer__textarea{width:100%;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:14px;font-family:var(--sk-font);color:var(--sk-text);resize:vertical;min-height:100px}.sk-renderer__textarea:focus{outline:none;border-color:var(--sk-primary);box-shadow:0 0 0 3px #6366f11a}.sk-renderer__options{display:flex;flex-direction:column;gap:10px;margin-top:8px}.sk-renderer__option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);cursor:pointer;transition:all var(--sk-transition)}.sk-renderer__option:hover{background:var(--sk-bg);border-color:var(--sk-primary-light)}.sk-renderer__option--selected{background:#f5f3ff;border-color:var(--sk-primary)}.sk-renderer__option-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--sk-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--sk-transition)}.sk-renderer__option--selected .sk-renderer__option-radio{border-color:var(--sk-primary)}.sk-renderer__option--selected .sk-renderer__option-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--sk-primary)}.sk-renderer__option-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--sk-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all var(--sk-transition)}.sk-renderer__option--selected .sk-renderer__option-checkbox{background:var(--sk-primary);border-color:var(--sk-primary)}.sk-renderer__option--selected .sk-renderer__option-checkbox:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.sk-renderer__option-label{font-size:14px;color:var(--sk-text)}.sk-renderer__rating{display:flex;gap:8px;margin-top:8px}.sk-renderer__rating-star{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;border-radius:var(--sk-radius);border:1px solid var(--sk-border);transition:all var(--sk-transition);color:var(--sk-border)}.sk-renderer__rating-star:hover{border-color:var(--sk-warning);color:var(--sk-warning);transform:scale(1.1)}.sk-renderer__rating-star--active{color:var(--sk-warning);border-color:var(--sk-warning);background:#fffbeb}.sk-renderer__rating-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;color:var(--sk-text-muted)}.sk-renderer__slider-container{margin-top:8px}.sk-renderer__slider{width:100%;margin:8px 0}.sk-renderer__slider-value{text-align:center;font-size:20px;font-weight:700;color:var(--sk-primary);margin-bottom:8px}.sk-renderer__slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--sk-text-muted)}.sk-renderer__date-input{width:100%;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:14px;font-family:var(--sk-font);color:var(--sk-text)}.sk-renderer__date-input:focus{outline:none;border-color:var(--sk-primary)}.sk-renderer__upload{margin-top:8px;border:2px dashed var(--sk-border);border-radius:var(--sk-radius-lg);padding:32px;text-align:center;cursor:pointer;transition:all var(--sk-transition)}.sk-renderer__upload:hover{border-color:var(--sk-primary);background:#6366f105}.sk-renderer__upload-icon{font-size:32px;margin-bottom:8px}.sk-renderer__upload-text{font-size:14px;color:var(--sk-text-secondary)}.sk-renderer__upload-hint{font-size:12px;color:var(--sk-text-muted);margin-top:4px}.sk-renderer__textblock{padding:16px;background:var(--sk-bg);border-radius:var(--sk-radius);font-size:14px;color:var(--sk-text-secondary);line-height:1.6}.sk-renderer__select{width:100%;padding:10px 14px;border:1px solid var(--sk-border);border-radius:var(--sk-radius);font-size:14px;font-family:var(--sk-font);color:var(--sk-text);background:#fff;cursor:pointer}.sk-renderer__select:focus{outline:none;border-color:var(--sk-primary)}.sk-renderer__nav{display:flex;justify-content:space-between;margin-top:32px;gap:12px}.sk-renderer__submit-btn{flex:1;padding:14px 24px;background:linear-gradient(135deg,var(--sk-primary),var(--sk-primary-light));color:#fff;border:none;border-radius:var(--sk-radius-lg);font-size:16px;font-weight:600;font-family:var(--sk-font);cursor:pointer;transition:all var(--sk-transition)}.sk-renderer__submit-btn:hover{transform:translateY(-1px);box-shadow:var(--sk-shadow-md)}.sk-renderer__thankyou{text-align:center;padding:60px 24px}.sk-renderer__thankyou-icon{font-size:64px;margin-bottom:16px}.sk-renderer__thankyou-title{font-size:28px;font-weight:700;color:var(--sk-text);margin-bottom:8px}.sk-renderer__thankyou-desc{font-size:16px;color:var(--sk-text-secondary)}.sk-drag-overlay{background:var(--sk-bg-white);padding:12px 16px;border-radius:var(--sk-radius);box-shadow:var(--sk-shadow-lg);border:2px solid var(--sk-primary);opacity:.9;font-size:13px;font-weight:600;color:var(--sk-primary);display:flex;align-items:center;gap:8px}.sk-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.sk-preview-modal{width:90%;max-width:800px;max-height:90vh;background:var(--sk-bg);border-radius:var(--sk-radius-xl);overflow:auto;box-shadow:var(--sk-shadow-lg);position:relative}.sk-preview-modal__close{position:sticky;top:0;display:flex;justify-content:flex-end;padding:12px 16px;background:var(--sk-bg-white);border-bottom:1px solid var(--sk-border);z-index:1}@keyframes sk-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sk-question-card{animation:sk-fadeIn .2s ease}@media (max-width: 1024px){.sk-builder{grid-template-columns:200px 1fr 240px}}@media (max-width: 768px){.sk-builder{grid-template-columns:1fr;grid-template-rows:56px auto 1fr auto;grid-template-areas:"header" "sidebar" "canvas" "properties"}.sk-sidebar{border-right:none;border-bottom:1px solid var(--sk-border);max-height:200px}.sk-properties{border-left:none;border-top:1px solid var(--sk-border);max-height:300px}}