@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #5c6bc0;--primary-hover: #4e5ba6;--primary-light: #e8eaf6;--secondary: #263238;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--text-main: #1e293b;--text-muted: #64748b;--text-primary: var(--text-main);--border: #e2e8f0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--success: #10b981;--success-hover: #059669;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--toggle-bg: #cbd5e1;--sidebar-width: 240px;--properties-width: 280px;--header-height: 60px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--touch-target-min: 44px;--header-height-mobile: 56px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-main)}.dark{--primary: #7986cb;--primary-hover: #5c6bc0;--primary-light: #2c344e;--secondary: #eceff1;--bg-main: #0f172a;--bg-card: #1e293b;--bg-secondary: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--success: #34d399;--success-hover: #10b981;--warning-bg: #451a03;--warning-text: #fcd34d;--danger: #f87171;--danger-light: #450a0a;--text-primary: var(--text-main);--toggle-bg: #475569}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(min-width:768px){.show-mobile-only{display:none!important}}@media(max-width:767px){.show-tablet-up{display:none!important}}@media(max-width:1023px){.show-desktop-only{display:none!important}}.app-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-main)}.header{height:var(--header-height);background-color:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:10;position:relative}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.canvas{flex:1;background-color:var(--bg-main);overflow-y:auto;display:flex;justify-content:center;padding:24px}.properties{width:var(--properties-width);background-color:var(--bg-card);border-left:1px solid var(--border);overflow-y:auto}.logo{display:flex;align-items:center;gap:4px;font-weight:700;font-size:1rem;color:var(--primary);font-family:Outfit,sans-serif}.logo-img{height:120px;width:auto}.nav-tabs{display:flex;gap:4px;position:absolute;left:50%;transform:translate(-50%);background:#fff;box-shadow:0 2px 8px #00000014;padding:4px;border-radius:10px}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;font-weight:500;color:var(--text-main);border:none;background:transparent;cursor:pointer;font-size:.7rem;transition:all .2s;border-radius:7px}.nav-tab:hover{background:#ffffff80}.nav-tab.active{background:#f0f1f3}.nav-tab-build svg{color:#6366f1}.nav-tab-integrate svg{color:#10b981}.nav-tab-settings svg{color:#6b7280}.nav-tab-share svg{color:#f59e0b}.nav-tab-results svg{color:#ec4899}.dark .nav-tabs{background:#1e293b}.dark .nav-tab:hover{background:#ffffff14}.dark .nav-tab.active{background:#334155;box-shadow:0 1px 3px #0003}.header-actions{display:flex;gap:6px;position:relative}.btn{padding:5px 10px;border-radius:var(--radius-md);font-weight:500;font-size:.75rem;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-main)}.btn-icon{padding:6px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.btn-icon svg{width:16px;height:16px;flex-shrink:0}.btn-sm{padding:3px 8px;font-size:.7rem}.user-menu-container{position:relative;margin-left:4px;z-index:50}.user-avatar-btn{display:flex;align-items:center;gap:4px;padding:3px 6px 3px 3px;border-radius:20px;background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all .2s}.user-avatar-btn:hover{background:var(--primary-light);border-color:var(--primary)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:150;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:16px;display:flex;flex-direction:column;gap:2px}.user-info strong{font-size:.9rem;color:var(--text-main)}.user-info span{font-size:.8rem;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border)}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;color:var(--text-main);background:none;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.dropdown-item:hover{background:var(--bg-main);color:var(--danger)}.header-actions{display:flex;align-items:center;gap:8px}.header-left{display:flex;align-items:center;gap:12px}.form-selector{position:relative}.form-selector-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;max-width:160px;color:var(--text-main)}.form-selector-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-selector-btn:hover{background:var(--primary-light);border-color:var(--primary)}.form-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:100;animation:dropdownFadeIn .2s ease}.form-dropdown .dropdown-item{justify-content:space-between}.form-dropdown .dropdown-item:hover{color:var(--primary)}.form-dropdown .dropdown-item.active{background:var(--primary-light);color:var(--primary)}.form-dropdown .create-new{color:var(--primary);font-weight:500}.form-dropdown .create-new:hover{background:var(--primary-light)}.published-icon{color:var(--success)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-muted)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}.demo-badge{padding:4px 10px;background:var(--warning-bg);color:var(--warning-text);border-radius:20px;font-size:.75rem;font-weight:600}.sidebar-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:20px;text-align:center}.form-item-actions{display:flex;align-items:center;gap:8px}.delete-form-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s;opacity:0}.dropdown-item:hover .delete-form-btn,.delete-form-btn:focus-visible{opacity:1}.delete-form-btn:hover{background-color:var(--danger-light);color:var(--danger)}.active .delete-form-btn{color:var(--primary)}.active .delete-form-btn:hover{background-color:var(--primary-light);color:var(--danger)}@media(max-width:767px){.header{height:var(--header-height-mobile, 56px);padding:0 12px}.header-left{gap:12px}.logo span,.nav-tabs{display:none}.header-actions{gap:8px}.header-actions .btn{padding:8px;min-width:44px}.header-actions .btn span,.header-actions .btn svg+span{display:none}.form-selector-btn{max-width:120px;padding:6px 10px}.user-avatar-btn{padding:4px}.user-avatar-btn svg{display:none}.demo-badge{display:none}}@media(max-width:767px){.main-content{position:relative;padding-bottom:64px}.sidebar{position:fixed;left:0;top:var(--header-height-mobile, 56px);bottom:64px;width:280px;z-index:40;transform:translate(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translate(0)}.properties{position:fixed;right:0;top:var(--header-height-mobile, 56px);bottom:64px;width:320px;max-width:85vw;z-index:40;transform:translate(100%);transition:transform .3s ease}.properties.properties-open{transform:translate(0)}.canvas{padding:16px;width:100%}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:200px}.properties{width:240px}.canvas{padding:16px}.header-actions .btn span{display:none}.header-actions .btn{padding:8px 12px}}.panel-overlay{position:fixed;inset:0;top:var(--header-height-mobile, 56px);bottom:64px;background:#00000080;z-index:35;opacity:0;pointer-events:none;transition:opacity .3s ease}.panel-overlay.visible{opacity:1;pointer-events:auto}@media(min-width:768px){.panel-overlay{display:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:transparent;border:none;color:var(--text-muted);font-size:.7rem;font-weight:500;min-width:64px;min-height:44px;cursor:pointer;transition:color .2s}.mobile-nav-btn.active{color:var(--primary)}.mobile-nav-btn:hover{color:var(--text-main)}@media(min-width:768px){.mobile-bottom-nav{display:none}}.login-page{--primary: #5c6bc0;--primary-hover: #4e5ba6;--primary-light: #e8eaf6;--secondary: #263238;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--text-main: #1e293b;--text-muted: #64748b;--text-primary: var(--text-main);--border: #e2e8f0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--success: #10b981;--success-hover: #059669;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--toggle-bg: #cbd5e1;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f1f5f9;position:relative;overflow:hidden}.login-right{width:480px;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;padding:32px 48px;position:relative;z-index:1;border-radius:16px;box-shadow:0 20px 60px #00000026}.login-card{max-width:360px;margin:0 auto;width:100%}.login-card h2{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-main);margin:0 0 8px}.login-card>p{color:var(--text-muted);margin:0 0 32px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 24px;background:var(--bg-card);border:2px solid var(--border);border-radius:10px;font-size:.9375rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .3s}.google-btn:hover{border-color:var(--primary);background:var(--bg-main);transform:translateY(-2px);box-shadow:0 4px 12px #4285f433}.google-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;gap:16px;margin:16px 0;color:var(--text-muted);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-main)}.form-group input{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:.9375rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.submit-btn{width:100%;padding:10px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-footer{text-align:center;margin-top:20px;font-size:.875rem;color:var(--text-muted)}.login-footer a{color:var(--primary);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.link-btn{color:var(--primary);font-weight:500;font-size:inherit;padding:0;background:none;border:none;cursor:pointer}.link-btn:hover{text-decoration:underline}@media(max-width:540px){.login-right{width:100%;padding:40px 24px;border-radius:0;box-shadow:none;min-height:100vh}}.demo-banner,.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px}.demo-banner{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-text)}.error-banner{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.info-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px;background:#eff6ff;color:#2563eb;border:1px solid #2563eb}.loading-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#4285f4;border-radius:50%;animation:spin .8s linear infinite}.google-btn:disabled,.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.form-group input:disabled{background:var(--bg-main);cursor:not-allowed}.consent-group{display:flex;flex-direction:column;gap:12px}.consent-notice{font-size:.8125rem;color:var(--text-muted);text-align:center;margin:0 0 16px;line-height:1.5}.consent-notice a{color:var(--primary);text-decoration:none;font-weight:500}.consent-notice a:hover{text-decoration:underline}.consent-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.consent-checkbox input[type=checkbox]{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.consent-checkbox a{color:var(--primary);text-decoration:none;font-weight:500}.consent-checkbox a:hover{text-decoration:underline}.new-form-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:newFormFadeIn .2s ease-out}.new-form-modal{background:var(--bg-card);width:480px;max-width:90vw;border-radius:12px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;overflow:hidden;animation:newFormSlideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}.new-form-modal-header{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.new-form-header-text h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-main)}.new-form-header-text p{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.new-form-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.new-form-close-btn:hover{background:var(--bg-secondary);color:var(--text-main)}.new-form-options-grid{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.new-form-option-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px;text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.new-form-option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:var(--bg-secondary)}.new-form-icon-wrapper{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.new-form-option-content h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--text-main)}.new-form-option-content p{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.4}@keyframes newFormFadeIn{0%{opacity:0}to{opacity:1}}@keyframes newFormSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark .new-form-modal-overlay{background:#000000b3}.dark .new-form-option-card{background:var(--bg-card)}.dark .new-form-option-card:hover{box-shadow:0 4px 12px #0006;background:var(--bg-secondary)}.dark .new-form-header-text h2{color:var(--text-main)}.dark .new-form-header-text p{color:var(--text-muted)}.dark .new-form-option-content h3{color:var(--text-main)}.dark .new-form-option-content p{color:var(--text-muted)}.dark .new-form-close-btn:hover{color:var(--text-main);background:var(--bg-secondary)}@media(max-width:640px){.new-form-options-grid{grid-template-columns:1fr}}@media(max-width:480px){.new-form-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.new-form-modal-header{padding:16px}.new-form-options-grid{padding:12px;gap:10px}.new-form-option-card{padding:14px;min-height:44px}.new-form-close-btn{padding:8px;min-width:44px;min-height:44px}}.new-form-option-card.coming-soon{opacity:.7;cursor:not-allowed}.new-form-option-card.coming-soon:hover{transform:none;box-shadow:none;border-color:var(--border)}.coming-soon-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:.65rem;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.import-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.import-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;border:1px solid var(--border);animation:slideUp .3s ease-out}.import-modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.import-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:0}.import-modal-content{padding:24px;overflow-y:auto;flex:1}.import-description{color:var(--text-muted);margin-bottom:16px;font-size:.95rem;line-height:1.5}.url-input-wrapper{position:relative;display:flex;align-items:center}.url-input-icon{position:absolute;left:16px;color:var(--text-muted);pointer-events:none}.import-modal .url-input{width:100%;padding:14px 14px 14px 54px;background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:8px;font-size:.95rem;transition:all .2s;caret-color:var(--text-main)}:root .import-modal .url-input{background:#fff;color:#1e293b}.dark .import-modal .url-input{background:var(--bg-secondary);color:var(--text-main)}.import-modal .url-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.import-modal .url-input:disabled{opacity:.6;cursor:not-allowed}.import-modal .url-input::placeholder{color:var(--text-muted);opacity:.7}.format-list{margin:8px 0 0;padding-left:20px;list-style-type:disc}.format-list li{margin:4px 0}.format-list code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.85rem}.json-textarea{width:100%;height:300px;padding:12px;background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border);border-radius:8px;font-family:monospace;font-size:.9rem;resize:vertical;transition:all .2s}.json-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.error-message{margin-top:12px;color:#ef4444;font-size:.9rem;display:flex;align-items:center;gap:8px}.import-modal-actions{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-secondary);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.btn-cancel{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-weight:500;transition:all .2s}.btn-import{padding:8px 16px;border-radius:6px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-import:hover:not(:disabled){opacity:.9}.btn-import:disabled{opacity:.5;cursor:not-allowed}.help-text{margin-top:12px;font-size:.85rem;color:var(--text-muted)}.help-text code{background:var(--bg-secondary);padding:2px 4px;border-radius:4px;font-family:monospace}.dark .import-modal-overlay{background-color:#000000b3}.ai-form-modal{max-width:650px}.ai-header-content{display:flex;align-items:center;gap:10px}.ai-header-icon{color:#8b5cf6}.ai-prompt-wrapper{position:relative}.ai-prompt-icon{position:absolute;left:14px;top:14px;color:var(--text-muted);pointer-events:none}.ai-prompt-input{width:100%;padding:14px 14px 30px 44px;background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:120px;transition:all .2s;caret-color:var(--text-main);line-height:1.5}:root .ai-prompt-input{background:#fff;color:#1e293b}.dark .ai-prompt-input{background:var(--bg-secondary);color:var(--text-main)}.ai-prompt-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.ai-prompt-input:disabled{opacity:.6;cursor:not-allowed}.ai-prompt-input::placeholder{color:var(--text-muted);opacity:.7}.ai-char-count{position:absolute;right:12px;bottom:8px;font-size:.75rem;color:var(--text-muted)}.ai-examples{margin-top:20px}.ai-examples-header{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);margin-bottom:10px}.ai-examples-list{display:flex;flex-wrap:wrap;gap:8px}.ai-example-chip{padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;font-size:.8rem;color:var(--text-main);cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.ai-example-chip:hover:not(:disabled){border-color:#8b5cf6;background:#8b5cf61a}.ai-example-chip:disabled{opacity:.5;cursor:not-allowed}.ai-shortcut-hint{margin-top:16px;font-size:.8rem;color:var(--text-muted)}.ai-shortcut-hint kbd{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.75rem}.btn-ai-generate{background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;gap:8px}.btn-ai-generate:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5)}.btn-ai-generate:disabled{opacity:.5;cursor:not-allowed}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.btn-ai-generate:not(:disabled) .lucide-sparkles{animation:sparkle 2s ease-in-out infinite}@media(max-width:640px){.ai-form-modal{max-width:95%}.ai-example-chip{max-width:100%;white-space:normal;text-align:left}.ai-examples-list{flex-direction:column}}@media(max-width:480px){.ai-form-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.ai-prompt-input{min-height:100px;font-size:1rem}.ai-shortcut-hint{display:none}.btn-ai-generate{width:100%;justify-content:center;min-height:44px}}.template-preview-mini{width:100%;height:140px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;margin-bottom:12px;position:relative}.mini-preview-form-title{font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:8px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-preview-card{background:#fffffff2;border-radius:6px;padding:10px;width:100%;max-width:160px;box-shadow:0 2px 8px #0000001a;transform:scale(.85);transform-origin:center center}.mini-preview-label{font-size:.55rem;font-weight:600;margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#1e293b}.mini-preview-title{font-size:.6rem;font-weight:700;text-align:center;margin-bottom:8px;line-height:1.3;color:#1e293b}.mini-preview-statement{text-align:center}.mini-preview-button{padding:4px 10px;border-radius:4px;border:none;font-size:.45rem;font-weight:600;cursor:default}.mini-preview-choice{display:flex;flex-direction:column}.mini-preview-options{display:flex;flex-direction:column;gap:3px}.mini-preview-option{display:flex;align-items:center;gap:4px;padding:3px 5px;border:1px solid;border-radius:4px;font-size:.45rem}.mini-preview-option-key{width:12px;height:12px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.4rem;font-weight:600;flex-shrink:0}.mini-preview-option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.mini-preview-rating{text-align:center}.mini-preview-stars{display:flex;justify-content:center;gap:2px}.mini-preview-star{font-size:.7rem}.mini-preview-scale{text-align:center}.mini-preview-scale-numbers{display:flex;justify-content:center;gap:2px;align-items:center}.mini-preview-scale-num{width:14px;height:14px;border:1px solid;border-radius:3px;font-size:.4rem;display:flex;align-items:center;justify-content:center;font-weight:500}.mini-preview-scale-more{font-size:.4rem;color:#9ca3af;margin-left:2px}.mini-preview-text,.mini-preview-default{display:flex;flex-direction:column}.mini-preview-input{border-bottom:2px solid;padding:4px 0;font-size:.45rem}.mini-preview-textarea{border:1px solid;border-radius:4px;padding:6px;min-height:24px;font-size:.45rem}.mini-preview-placeholder{color:#9ca3af;font-style:italic}.mini-preview-checkbox{display:flex;flex-direction:column}.mini-preview-checkboxes{display:flex;flex-direction:column;gap:3px}.mini-preview-checkbox-item{display:flex;align-items:center;gap:4px;font-size:.45rem;color:#374151}.mini-preview-checkbox-box{width:12px;height:12px;border:1.5px solid;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.4rem;flex-shrink:0}.dark .mini-preview-card{background:#1e293bf2}.dark .mini-preview-label,.dark .mini-preview-title{color:#f1f5f9}.dark .mini-preview-option-text,.dark .mini-preview-checkbox-item{color:#e2e8f0}.dark .mini-preview-placeholder{color:#64748b}.template-picker-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:templateFadeIn .2s ease-out}.template-picker-modal{background:var(--bg-card);width:900px;max-width:95vw;height:80vh;max-height:700px;border-radius:16px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;display:flex;flex-direction:column;overflow:hidden;animation:templateSlideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}.template-picker-preview-modal{width:700px;height:auto;max-height:85vh}.template-picker-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.template-header-text h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-main)}.template-header-text p{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.template-close-btn,.template-back-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:8px}.template-back-btn{font-size:.9rem;font-weight:500}.template-close-btn:hover,.template-back-btn:hover{background:var(--bg-secondary);color:var(--text-main)}.template-picker-search{padding:16px 24px;border-bottom:1px solid var(--border);position:relative;flex-shrink:0}.template-picker-search .search-icon{position:absolute;left:38px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.template-picker-search input{width:100%;padding:12px 12px 12px 44px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:.95rem;color:var(--text-main);transition:all .2s}.template-picker-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.template-picker-search input::placeholder{color:var(--text-muted)}.template-picker-body{display:flex;flex:1;overflow:hidden}.template-categories-sidebar{width:200px;border-right:1px solid var(--border);overflow-y:auto;padding:16px 0;flex-shrink:0}.category-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left}.category-item:hover{background:var(--bg-secondary);color:var(--text-main)}.category-item.active{background:var(--primary-light);color:var(--primary);font-weight:500}.category-count{font-size:.75rem;background:var(--bg-secondary);padding:2px 8px;border-radius:10px}.category-item.active .category-count{background:var(--primary);color:#fff}.template-grid-container{flex:1;overflow-y:auto;padding:20px}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.template-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;position:relative}.template-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.template-card-header{position:absolute;top:12px;right:12px;display:flex;gap:6px}.template-card-icon{width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.template-card-with-preview{padding:12px}.template-card-with-preview h4{margin-top:0}.template-card-placeholder{width:100%;height:140px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--bg-secondary) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:2rem;font-weight:700;color:var(--primary);opacity:.7}.template-card h4{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--text-main);line-height:1.3}.template-card p{margin:0 0 12px;font-size:.8rem;color:var(--text-muted);line-height:1.4;flex:1}.template-card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--text-muted)}.template-card-meta span{display:flex;align-items:center;gap:4px}.template-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.template-badge-featured{background:#fef3c7;color:#d97706}.template-badge-new{background:#dbeafe;color:#2563eb}.dark .template-badge-featured{background:#d9770633}.dark .template-badge-new{background:#2563eb33}.template-loading,.template-error,.template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:16px}.template-error button,.template-empty button{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.template-preview-content{padding:24px;overflow-y:auto;flex:1}.template-preview-info{margin-bottom:24px}.template-preview-badges{display:flex;gap:8px;margin-bottom:12px}.template-preview-info h2{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:var(--text-main)}.template-preview-description{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.template-preview-meta{display:flex;gap:20px;margin-bottom:16px;font-size:.875rem;color:var(--text-muted)}.template-preview-meta span{display:flex;align-items:center;gap:6px}.template-preview-tags{display:flex;gap:8px;flex-wrap:wrap}.template-category-tag,.template-type-tag{padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.template-category-tag{background:var(--primary-light);color:var(--primary)}.template-type-tag{background:var(--bg-secondary);color:var(--text-muted)}.template-preview-questions h3{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text-main)}.template-questions-list{display:flex;flex-direction:column;gap:8px}.template-question-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:8px}.question-number{width:24px;height:24px;background:var(--primary-light);color:var(--primary);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.question-content{flex:1;min-width:0}.question-type{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.question-label{font-size:.875rem;color:var(--text-main);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-preview-actions{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-secondary)}.btn-cancel{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--bg-main);color:var(--text-main)}.btn-use-template{padding:10px 24px;border-radius:8px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-use-template:hover:not(:disabled){opacity:.9}.btn-use-template:disabled{opacity:.5;cursor:not-allowed}@keyframes templateFadeIn{0%{opacity:0}to{opacity:1}}@keyframes templateSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.spin{animation:spin 1s linear infinite}.dark .template-picker-overlay{background:#000000b3}.dark .template-card{background:var(--bg-card)}.dark .template-card:hover{box-shadow:0 4px 12px #0006}@media(max-width:768px){.template-picker-modal{width:100%;height:100%;max-height:100%;border-radius:0}.template-categories-sidebar{display:none}.template-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:480px){.template-picker-header{padding:16px}.template-header-text h2{font-size:1.1rem}.template-header-text p{font-size:.8rem}.template-picker-search{padding:12px 16px}.template-picker-search input{padding:10px 10px 10px 40px;font-size:1rem}.template-grid-container{padding:16px}.template-grid{grid-template-columns:1fr;gap:12px}.template-card,.template-preview-content{padding:16px}.template-preview-info h2{font-size:1.25rem}.template-preview-actions{padding:12px 16px;flex-direction:column}.btn-cancel,.btn-use-template{width:100%;justify-content:center;min-height:44px}.template-close-btn,.template-back-btn{min-width:44px;min-height:44px}}.confirm-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.confirm-modal-body{padding:24px}.confirm-modal-body h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 8px}.confirm-modal-body p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.confirm-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.btn-secondary{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:var(--bg-main)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.btn-confirm.danger{background-color:#dc2626;color:#fff}.btn-confirm.danger:hover:not(:disabled){background-color:#b91c1c}.btn-confirm.warning{background-color:#d97706;color:#fff}.btn-confirm.warning:hover:not(:disabled){background-color:#b45309}.btn-confirm.info{background-color:#2563eb;color:#fff}.btn-confirm.info:hover:not(:disabled){background-color:#1d4ed8}.btn-confirm:disabled{opacity:.7;cursor:not-allowed}.invite-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:inviteFadeIn .2s ease-out}@keyframes inviteFadeIn{0%{opacity:0}to{opacity:1}}.invite-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:inviteSlideUp .3s ease-out}@keyframes inviteSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.invite-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:var(--bg-secondary);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.invite-modal-close:hover{background:var(--border);color:var(--text-main);transform:scale(1.05)}.invite-modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--border)}.invite-modal-icon{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #667eea4d}.invite-modal-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-main)}.invite-modal-subtitle{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.invite-modal-content{padding:24px 32px 32px}.invite-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:14px;margin-bottom:20px}.invite-form-group{margin-bottom:20px}.invite-form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.invite-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease}.invite-input-wrapper:focus-within{border-color:var(--border);box-shadow:none}.invite-input-wrapper .input-icon{margin-left:14px;color:var(--primary);flex-shrink:0}.invite-input-wrapper input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:14px;padding:14px 14px 14px 12px;outline:none}.invite-input-wrapper input::placeholder{color:var(--text-muted)}.workspace-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.workspace-label-row label{display:flex;align-items:center;gap:8px;margin-bottom:0}.select-all-btn{background:transparent;border:none;color:var(--primary);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.select-all-btn:hover:not(:disabled){background:var(--primary-light)}.select-all-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-hint{margin:0 0 12px;font-size:12px;color:var(--text-muted);font-weight:400}.workspace-selector{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:4px;margin:-4px}.workspace-option{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s ease}.workspace-option:hover{background:var(--bg-main);border-color:var(--text-muted)}.workspace-option.selected{background:var(--primary-light);border-color:var(--primary)}.workspace-option input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.workspace-checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;color:transparent}.workspace-option.selected .workspace-checkbox{background:var(--primary);border-color:var(--primary);color:#fff}.workspace-name{font-size:14px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-warning{margin:8px 0 0;font-size:12px;color:#ef4444}.invited-workspaces{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.invited-workspaces label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.invited-workspaces ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.invited-workspaces li{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--primary-light);border-radius:8px;font-size:13px;color:var(--text-main)}.invited-workspaces li svg{color:var(--primary);flex-shrink:0}.invite-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #667eea4d;margin-top:8px}.invite-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.invite-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.invite-success{display:flex;flex-direction:column;gap:20px}.success-message p{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;font-size:14px;margin:0;line-height:1.5}.success-message .success-icon{color:#10b981;flex-shrink:0}.success-message p:has(.success-icon){background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success)}.success-message .warning-icon{color:#d97706;flex-shrink:0}.success-message p:has(.warning-icon){background:var(--warning-bg);border:1px solid rgba(217,119,6,.3);color:var(--warning-text)}.invite-link-section{padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.invite-link-section label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.invite-link-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.invite-link-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:13px;padding:12px 14px;outline:none;min-width:0}.copy-link-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;margin:4px;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-link-btn:hover{background:var(--border)}.copy-link-btn.copied{background:#10b98133;color:var(--success)}.link-hint{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.success-actions{display:flex;gap:12px}.invite-another-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px 20px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.invite-another-btn:hover{background:var(--bg-secondary);color:var(--text-main);border-color:var(--text-muted)}.done-btn{flex:1;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.done-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea4d}.spinner{animation:inviteSpin 1s linear infinite}@keyframes inviteSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:520px){.invite-modal{margin:16px;max-width:calc(100% - 32px)}.invite-modal-header,.invite-modal-content{padding-left:20px;padding-right:20px}.success-actions{flex-direction:column}}.upgrade-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.upgrade-modal{position:relative;background:var(--bg-card);border-radius:16px;padding:32px;max-width:420px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.upgrade-modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .15s ease}.upgrade-modal-close:hover{background:var(--bg-secondary);color:var(--text-main)}.upgrade-modal-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a855f7,#6366f1);border-radius:50%;color:#fff}.upgrade-modal h2{font-size:24px;font-weight:700;color:var(--text-main);margin:0 0 12px}.upgrade-modal-feature{font-size:15px;color:var(--text-muted);margin:0 0 24px;line-height:1.5}.upgrade-modal-feature strong{color:var(--text-main)}.upgrade-modal-benefits{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.benefits-title{font-size:13px;font-weight:600;color:var(--text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.upgrade-modal-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.upgrade-modal-benefits li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-main)}.upgrade-modal-benefits li svg{color:#22c55e;flex-shrink:0}.upgrade-modal-actions{display:flex;flex-direction:column;gap:12px}.btn-upgrade{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-upgrade:hover{transform:translateY(-1px);box-shadow:0 10px 20px -10px #a855f780}.btn-cancel{background:transparent;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:8px;transition:color .15s ease}.btn-cancel:hover{color:var(--text-main)}@media(max-width:480px){.upgrade-modal{padding:24px}.upgrade-modal-benefits ul{grid-template-columns:1fr}.upgrade-modal h2{font-size:20px}}.workspace-container{min-height:100vh;background-color:var(--bg-main);display:flex;flex-direction:column}.workspace-header{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;overflow:visible}.workspace-header-section{display:flex;align-items:center;gap:16px;overflow:visible}.logo-clickable{cursor:pointer;margin-right:16px}.org-menu-container{position:relative;border-left:1px solid var(--border);padding-left:16px;z-index:50}.org-selector-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d;color:var(--text-main);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.org-selector-btn:hover{background-color:var(--bg-main);border-color:var(--border-hover)}.org-dropdown{top:calc(100% + 8px);left:0;width:220px;z-index:150}.dropdown-header{padding:12px 16px 8px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.org-avatar{width:20px;height:20px;background-color:var(--primary-light);color:var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.workspace-header .dropdown-item:hover{color:var(--primary)}.workspace-header .dropdown-item.logout:hover{color:var(--danger)}.workspace-nav-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:all .2s;color:var(--text-main);font-weight:500}.workspace-nav-item:hover{background-color:var(--bg-main);border-color:var(--border-hover)}.workspace-nav-wrapper{position:relative;z-index:50}.workspace-dropdown-menu{top:calc(100% + 4px);left:0;width:240px}.workspace-nav-btn{display:flex;align-items:center;gap:8px;border:none;background:none;color:var(--text-main);font-weight:500;font-size:.875rem;cursor:pointer;transition:color .2s}.workspace-nav-btn:hover{color:var(--text-main)}.icon-btn{color:var(--text-muted);padding:8px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--bg-main);border-color:var(--border-hover);color:var(--text-main)}.controls-left>div:last-child .icon-btn{border:none;background:none;box-shadow:none;color:var(--text-main)}.controls-left>div:last-child .icon-btn:hover{background-color:var(--bg-main)}.btn-create{background-color:#1f2937;color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background-color .2s}.btn-create:hover{background-color:#374151}.btn-create:disabled{opacity:.7;cursor:not-allowed}.theme-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:all .2s}.theme-toggle:hover{background-color:var(--bg-main);border-color:var(--primary);color:var(--primary)}.workspace-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.controls-left{display:flex;align-items:center;gap:16px}.controls-right{display:flex;align-items:center;gap:8px}.workspace-content{flex:1;padding:32px;width:100%;max-width:1280px;margin:0 auto}.email-verification-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:24px;background-color:var(--warning-bg);border:1px solid var(--warning-text);border-radius:var(--radius-md);color:var(--warning-text);font-size:14px}.email-verification-banner svg{flex-shrink:0}.workspace-loading-state{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:32px;min-height:60vh}.loading-spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner-wrapper p{color:var(--text-muted);font-size:.875rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.workspace-empty-state{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:32px;min-height:60vh}.empty-icon-wrapper{width:64px;height:64px;background-color:var(--bg-main);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.workspace-empty-state h2{font-size:1.25rem;font-weight:500;color:var(--text-main);margin-bottom:8px}.workspace-empty-state p{color:var(--text-muted);margin-bottom:32px}.empty-actions{display:flex;align-items:center;gap:16px}.btn-action{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-main);background-color:transparent;font-weight:500;cursor:pointer;transition:all .2s}.btn-action:hover{background-color:var(--bg-main);border-color:var(--border-hover)}.btn-icon-circle{width:20px;height:20px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px}.search-expandable{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.search-expandable.open{background-color:var(--bg-card);border-color:var(--border);padding-right:4px;border-radius:var(--radius-lg)}.search-expandable:hover{border-color:var(--border-hover)}.search-toggle-btn{flex-shrink:0;border-radius:var(--radius-md)}.search-expandable.open .search-toggle-btn{background:none;border:none;box-shadow:none;border-radius:var(--radius-md);color:var(--text-muted)}.search-expandable.open .search-toggle-btn:hover{background:none;color:var(--text-main)}.search-input-expandable{width:0;padding:0;border:none;outline:none;font-size:.875rem;background:transparent;color:var(--text-main);animation:expandSearch .2s ease forwards}@keyframes expandSearch{0%{width:0;opacity:0}to{width:180px;opacity:1}}.search-input-expandable::placeholder{color:var(--text-muted)}.sort-container{position:relative}.sort-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);box-shadow:0 1px 2px #0000000d;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.sort-btn:hover{border-color:var(--border-hover);color:var(--text-main)}.sort-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:220px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001f;z-index:50;padding:6px 0;animation:fadeIn .15s ease-out}.sort-dropdown .dropdown-item{padding:10px 16px;font-size:.875rem}.selection-banner{background-color:var(--bg-card);color:var(--text-main);padding:12px 20px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;border:1px solid var(--border);box-shadow:0 1px 3px #00000014}.selection-info{font-weight:500;color:var(--text-main);font-size:.875rem}.selection-actions{display:flex;gap:8px}.btn-selection-action{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-md);font-size:.813rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.btn-selection-action:hover{background-color:var(--bg-card);border-color:var(--text-muted)}.btn-selection-danger{color:#dc2626}.btn-selection-danger:hover{background-color:#fef2f2;border-color:#fecaca;color:#b91c1c}.btn-selection-cancel{color:var(--text-muted)}.btn-selection-cancel:hover{color:var(--text-main)}.forms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(min-width:768px){.forms-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.forms-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.forms-grid{grid-template-columns:repeat(5,1fr)}}.create-card{background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;cursor:pointer;transition:all .2s}.create-card:hover{border-color:var(--primary);background-color:var(--bg-main)}.create-icon-wrapper{width:48px;height:48px;background-color:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .2s}.create-card:hover .create-icon-wrapper{background-color:var(--primary);color:#fff}.create-card span{font-weight:500;color:var(--text-muted);transition:color .2s}.create-card:hover span{color:var(--primary)}.form-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;display:flex;flex-direction:column;aspect-ratio:1 / 1;overflow:hidden;position:relative;transition:all .2s;cursor:pointer}.form-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.form-card-checkbox{position:absolute;top:12px;left:12px;opacity:0;transition:opacity .2s;z-index:5}.form-card:hover .form-card-checkbox,.form-card.selected .form-card-checkbox{opacity:1}.checkbox-btn{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:0 1px 2px #0000000d;transition:all .2s}.checkbox-btn:hover{background-color:var(--bg-main);color:var(--primary);border-color:var(--primary)}.form-thumbnail{flex:1;background-color:var(--bg-main);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--border);transition:all .2s;padding:16px}.form-thumbnail .form-title{font-weight:500;color:var(--text-main);font-size:.875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-bottom:0}.form-card:hover .form-thumbnail{opacity:.85}.form-card-footer{padding:16px;border-top:1px solid var(--border);background-color:var(--bg-card)}.form-meta-right{display:flex;align-items:center;gap:6px}.form-meta{display:flex;align-items:center;justify-content:space-between}.question-count{font-size:.75rem;color:var(--text-muted)}.status-badge{font-size:.75rem;background-color:#dcfce7;color:#166534;padding:2px 8px;border-radius:9999px}.form-card-menu-container{position:relative;flex-shrink:0}.form-card-menu-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.form-card-menu-btn:hover{background-color:var(--bg-main);border-color:var(--border);color:var(--text-main)}.form-card-dropdown{position:fixed;width:220px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001f;z-index:1000;padding:4px 0;animation:fadeIn .15s ease-out}.form-card-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:transparent;color:var(--text-main);font-size:.813rem;cursor:pointer;transition:background-color .15s;text-align:left}.form-card-dropdown .dropdown-item:hover{background-color:var(--bg-main)}.form-card-dropdown .dropdown-divider{height:1px;background-color:var(--border);margin:4px 0}.form-card-dropdown .dropdown-item.delete-option{color:var(--danger, #dc2626)}.form-card-dropdown .dropdown-item.delete-option:hover{background-color:#dc262614}.dropdown-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.workspace-options-menu{top:calc(100% + 8px);right:0;left:auto;width:180px}.dropdown-item.delete-option{color:var(--danger, #dc2626)}.dropdown-item.delete-option:hover{background-color:#dc26261a;color:var(--danger, #dc2626)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);width:450px;max-width:90vw;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;border:1px solid var(--border);animation:slideUp .2s ease-out}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-main)}.close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.modal-body{padding:24px}.modal-description{color:var(--text-muted);margin-bottom:16px;font-size:.875rem}.workspace-list{display:flex;flex-direction:column;gap:8px}.workspace-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;color:var(--text-main);font-size:.875rem;font-weight:500;text-align:left;width:100%}.workspace-item:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.workspace-item:disabled{opacity:.5;cursor:not-allowed}.empty-message{color:var(--text-muted);text-align:center;padding:24px;font-size:.875rem}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-main)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-group input{padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-main);font-size:.875rem}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.btn-primary{background-color:var(--primary);color:#fff;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--text-main);padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid var(--border);cursor:pointer}.btn-secondary:hover{background-color:var(--bg-main)}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-inner{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.sidebar-header{padding:16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.sidebar-header h3{font-size:.875rem;font-weight:400;color:var(--text-muted);text-transform:capitalize;letter-spacing:.05em}.question-list{flex:1;overflow-y:auto;padding:12px}.question-item{display:flex;align-items:center;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;transition:filter .2s,border-color .2s;position:relative;color:var(--text-primary);z-index:0}.question-item.menu-active{z-index:10}.question-item:hover{filter:brightness(.96)}.dark .question-item:hover{filter:brightness(1.15)}.question-item.selected{border:1.5px dashed var(--text-primary)}.drag-handle{display:flex;align-items:center;margin-right:12px;color:var(--text-muted);cursor:grab}.question-type-icon{display:flex;align-items:center;justify-content:center;margin-right:8px;color:var(--text-primary);flex-shrink:0}.question-number{font-size:.75rem;font-weight:600;margin-right:8px;color:var(--text-primary);flex-shrink:0;width:auto;height:auto;background:none;border-radius:0;display:inline}.question-info{flex:1;overflow:hidden}.question-label{font-size:.75rem;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.add-question-container{padding:16px;border-top:1px solid var(--border)}.add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:all .2s}.add-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.add-block-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1.5px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .2s}.add-block-icon:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.form-title-input{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;transition:all .2s}.form-title-input:hover{background-color:var(--bg-main);border-color:var(--border)}.form-title-input:focus{background-color:var(--bg-card);border-color:var(--primary);outline:none}.add-question-inline{margin-top:8px;margin-bottom:8px;display:flex;justify-content:flex-end}.thank-you-section{margin-top:24px}.section-divider{display:flex;align-items:center;margin-bottom:12px}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background-color:var(--border)}.section-divider span{padding:0 12px;font-size:.75rem;color:var(--text-muted);text-transform:capitalize;letter-spacing:.05em;font-weight:500}.thank-you-item{margin-bottom:0}.question-icon-placeholder{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:12px}.question-menu{position:relative;margin-left:8px}.question-menu-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:0;transition:all .2s}.question-item:hover .question-menu-btn,.question-menu-btn:focus,.question-menu-btn.active{opacity:1}.question-menu-btn:hover{background-color:var(--bg-main);color:var(--text-primary)}.selected .question-menu-btn{color:var(--primary)}.selected .question-menu-btn:hover{background-color:#6366f11a}.question-menu-dropdown{position:absolute;top:100%;right:0;min-width:140px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .15s;text-align:left}.menu-item:hover{background-color:var(--bg-main)}.menu-item-danger{color:#ef4444}.menu-item-danger:hover{background-color:#ef44441a}@media(max-width:767px){.sidebar-header{padding:12px 16px}.question-list{padding:8px 8px 20px}.question-item{padding:12px;min-height:44px}.add-question-container{padding:12px}.add-btn{padding:14px;min-height:44px;font-size:.95rem}.add-question-inline{margin-top:8px;margin-bottom:16px}.question-menu-btn{width:36px;height:36px;opacity:1}.form-title-input{padding:12px}.question-menu-dropdown{min-width:160px}.menu-item{padding:12px 16px;min-height:44px}}.block-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.block-modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.block-modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.block-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.block-modal-close{padding:8px;border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s;background:transparent;border:none;cursor:pointer}.block-modal-close:hover{background-color:var(--bg-main);color:var(--text-primary)}.block-modal-search{position:relative;padding:12px 24px;border-bottom:1px solid var(--border)}.block-search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.block-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-main);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.block-search-input::placeholder{color:var(--text-muted)}.block-search-input:focus{border-color:var(--primary)}.block-list{display:flex;flex-direction:column;gap:4px;padding:12px;overflow-y:auto;flex:1;min-height:0}.block-list-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:.9rem}.block-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background-color:transparent;border:none;border-radius:var(--radius-md);text-align:left;transition:all .15s;cursor:pointer;width:100%}.block-option:hover{background-color:var(--primary-light)}.block-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-md);flex-shrink:0;color:var(--text-primary);transition:all .15s}.block-option:hover .block-icon{filter:brightness(.95)}.block-info{display:flex;flex-direction:column;gap:4px}.block-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.block-description{color:var(--text-muted);font-size:.8rem;line-height:1.4}.field-badge{display:inline-block;padding:2px 6px;font-size:.7rem;font-weight:500;border-radius:4px;background-color:var(--bg-main);color:var(--text-muted);border:1px solid var(--border);transition:all .2s}.block-option:hover .field-badge{background-color:#fff;color:var(--primary);border-color:var(--primary)}.block-option-disabled{opacity:.55;cursor:not-allowed!important}.block-option-disabled:hover{background-color:transparent}.coming-soon-badge{margin-left:8px;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .block-modal{background-color:var(--bg-card);border-color:var(--border)}.dark .block-search-input{background-color:var(--bg-secondary);border-color:var(--border);color:var(--text-main)}.dark .block-search-input:focus{border-color:var(--primary)}.dark .block-option{background-color:transparent}.dark .block-option:hover{background-color:var(--primary-light)}.dark .block-label{color:var(--text-main)}.dark .block-description{color:var(--text-muted)}.dark .block-option:hover .block-icon{filter:brightness(1.15)}.dark .block-modal-header h2{color:var(--text-main)}.dark .block-modal-close{color:var(--text-muted)}.dark .block-modal-close:hover{color:var(--text-main);background-color:var(--bg-secondary)}.dark .field-badge{background-color:var(--bg-card);color:var(--text-muted);border-color:var(--border)}.dark .block-option:hover .field-badge{background-color:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}.dark .block-option-disabled:hover{background-color:transparent}@media(max-width:767px){.block-modal{width:100%;height:100%;max-height:100%;max-width:100%;border-radius:0}.block-modal-header{padding:16px}.block-modal-header h2{font-size:1.1rem}.block-modal-close{min-width:44px;min-height:44px}.block-modal-search{padding:12px 16px}.block-search-icon{left:28px}.block-list,.block-option{padding:12px}.block-icon{width:36px;height:36px}}@media(max-width:480px){.block-modal-header{padding:12px 16px}.block-modal-search{padding:10px 12px}.block-search-icon{left:24px}.block-list{padding:8px}.block-option{padding:10px}.block-label{font-size:.9rem}.block-description{font-size:.75rem}}.preview-container{width:100%;max-width:860px;background-color:var(--preview-bg, var(--bg-card));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:48px;min-height:400px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease}.preview-container.custom-design{font-family:var(--preview-font-family, inherit)}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:16px}.preview-question{display:flex;flex-direction:column;gap:24px}.preview-label{font-family:var(--preview-font-family, "Outfit", sans-serif);font-size:var(--preview-font-size, 1.75rem);font-weight:600;color:var(--preview-question-color, var(--text-main));line-height:1.2}.preview-description{font-size:calc(var(--preview-font-size, 1.125rem) * .65);color:var(--preview-answer-color, var(--text-muted));margin-top:-8px}.preview-input-container{margin-top:12px}.preview-input{width:100%;font-size:1.25rem;padding:12px 0;border:none;border-bottom:2px solid var(--preview-button-color, var(--primary-light));background:transparent;color:var(--preview-answer-color, var(--text-main));outline:none;transition:border-color .2s}.preview-input::placeholder{color:var(--preview-answer-color, var(--text-muted));opacity:.6}.preview-input:focus{border-bottom-color:var(--preview-button-color, var(--primary))}.preview-options{display:flex;flex-direction:column;gap:12px}.preview-option{padding:12px 16px;background-color:transparent;border:1px solid var(--preview-button-color, var(--border));border-radius:var(--radius-md);color:var(--preview-answer-color, var(--text-main));font-size:1rem;text-align:left;transition:all .2s}.preview-option:hover{background-color:var(--preview-button-color, var(--primary-light));border-color:var(--preview-button-color, var(--primary));color:var(--preview-button-text-color, var(--primary));opacity:.9}.preview-footer{margin-top:40px;padding-top:0}.preview-next-btn{background-color:var(--preview-button-color, var(--primary));color:var(--preview-button-text-color, white);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s ease}.preview-next-btn:hover{opacity:.9}.required-star{color:var(--danger);margin-left:4px}.preview-mobile{max-width:375px;padding:24px 16px;min-height:auto;border-radius:var(--radius-md);margin:0 auto}.preview-mobile .preview-label{font-size:clamp(1.25rem,4vw,1.5rem)}.preview-mobile .preview-description{font-size:.9rem}.preview-mobile .preview-input{font-size:1rem;padding:10px 0}.preview-mobile .preview-option{padding:12px 14px;font-size:.95rem}.preview-mobile .preview-next-btn{width:100%;justify-content:center;padding:14px 20px}[dir=rtl] .preview-option,[dir=rtl] .preview-input{text-align:right}[dir=rtl] .preview-next-btn{flex-direction:row-reverse}@media(max-width:767px){.preview-container{padding:24px 16px;max-width:100%;min-height:auto;border-radius:var(--radius-md)}.preview-label{font-size:clamp(1.25rem,4vw,1.75rem)}.preview-description{font-size:.9rem}.preview-input{font-size:1rem;padding:10px 0}.preview-option{padding:12px 14px;font-size:.95rem;min-height:44px}.preview-footer{margin-top:32px;padding-top:0}.preview-next-btn{width:100%;justify-content:center;padding:14px 20px;min-height:44px}.preview-empty{padding:20px}}@media(min-width:768px)and (max-width:1023px){.preview-container{padding:32px;max-width:700px}}.props-content{padding:20px;display:flex;flex-direction:column;gap:24px}.prop-group{display:flex;flex-direction:column;gap:8px}.prop-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:capitalize}.prop-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;outline:none;box-shadow:0 1px 3px #0000000f;transition:border-color .2s,box-shadow .2s}.prop-input:focus{border-color:var(--primary);box-shadow:0 1px 3px #6366f11f}.prop-toggle{display:flex;align-items:center;justify-content:space-between}.prop-checkbox{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;margin:0}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-bg);transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.options-editor{display:flex;flex-direction:column;gap:8px}.option-edit-item{display:flex;gap:8px}.delete-btn{color:var(--danger);padding:4px;border-radius:4px}.delete-btn:hover{background-color:var(--danger-light)}.danger-zone{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.btn-danger{width:100%;padding:10px;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-weight:500}.btn-danger:hover{background-color:var(--danger-light)}.rich-text-editor{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s;background:var(--bg-card)}.rich-text-editor.focused{border-color:var(--primary)}.rte-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--border);background:var(--bg-main)}.rte-btn{padding:4px;border-radius:4px;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.rte-btn:hover{background-color:var(--primary-light);color:var(--text-main)}.rte-content{padding:10px 12px;outline:none;font-size:.875rem;line-height:1.5;min-height:80px}.rte-content a{color:var(--primary);text-decoration:underline}.align-btn{padding:6px;border-radius:4px;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-card);transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:center}.align-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.align-btn.active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.file-type-dropdown{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;background:var(--bg-card);transition:border-color .2s;-webkit-user-select:none;user-select:none}.file-type-dropdown:hover{border-color:var(--primary)}.file-type-options{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-top:4px;background:var(--bg-card)}.file-type-option{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;font-size:.875rem;cursor:pointer;transition:background .15s}.file-type-option:hover{background:var(--bg-main)}.file-type-option+.file-type-option{border-top:1px solid var(--border)}.file-type-option input[type=checkbox]{margin-top:2px;flex-shrink:0}.file-type-option-label{display:flex;flex-direction:column;line-height:1.3}.file-type-option-ext{font-size:.7rem;color:var(--text-muted);margin-top:1px}@media(max-width:767px){.props-content{padding:16px;gap:20px}.prop-input{padding:12px 14px;font-size:1rem;min-height:44px}.toggle-switch{width:48px;height:24px}.slider:before{height:20px;width:20px}input:checked+.slider:before{transform:translate(24px)}.option-edit-item{gap:8px}.delete-btn{padding:8px;min-width:44px;min-height:44px}.btn-danger{padding:14px;min-height:44px}.rte-toolbar{flex-wrap:wrap;gap:2px;padding:6px}.rte-btn{padding:8px;min-width:36px;min-height:36px}.align-btn{padding:10px;min-width:44px;min-height:44px}}.results-container{padding:2.5rem 12rem;height:100%;width:100%;flex:1;overflow-y:auto;background-color:var(--bg-secondary)}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.responses-table-container{background-color:var(--bg-primary);border-radius:8px;overflow-x:auto}.responses-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.responses-table th,.responses-table td{padding:.75rem 1rem;text-align:left;font-size:.875rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.responses-table th:last-child,.responses-table td:last-child{border-right:none}.responses-table tbody tr:last-child td{border-bottom:none}.responses-table th{background-color:var(--bg-secondary);font-weight:400;color:var(--text-secondary);white-space:nowrap}.responses-table td{color:var(--text-primary);background:var(--bg-card)}.th-inner{display:flex;align-items:center;gap:6px}.th-icon{display:flex;align-items:center;flex-shrink:0}.empty-state{display:flex;justify-content:center;align-items:center;text-align:center;padding:3rem;color:var(--text-secondary);width:100%;min-height:200px}.date-column{white-space:nowrap;color:var(--text-secondary)}.loading-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}.file-answer-cell{display:flex;align-items:center;gap:8px}.file-answer-cell .file-icon{color:var(--text-secondary);flex-shrink:0}.file-answer-cell .file-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-answer-cell .file-size{color:var(--text-secondary);font-size:12px;flex-shrink:0}.file-answer-cell .file-view-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-answer-cell .file-view-btn:hover{background:var(--bg-secondary);color:var(--accent)}.file-answer-cell .file-view-btn:disabled{opacity:.5;cursor:not-allowed}.checkbox-col{width:40px;text-align:center;padding:.75rem .5rem!important}.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent, #6366f1)}.results-header-actions .btn-danger{background:#ef4444;color:#fff;border:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;min-width:unset;width:auto}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.7;cursor:not-allowed}.delete-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}.delete-modal{background:var(--bg-card);border-radius:12px;padding:1.5rem;min-width:360px;max-width:440px;box-shadow:0 8px 30px #00000026;animation:modalIn .15s ease-out}.delete-modal h3{margin:0 0 .5rem;font-size:1.0625rem;font-weight:600;color:var(--text-primary)}.delete-modal p{margin:0 0 1.25rem;font-size:.875rem;color:var(--text-secondary)}.delete-modal-actions{display:flex;justify-content:flex-end;gap:8px}.delete-modal-actions .btn-danger{background:#ef4444;color:#fff;border:none;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s;min-width:unset;width:auto}.delete-modal-actions .btn-danger:hover:not(:disabled){background:#dc2626}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.results-tabs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.results-tabs{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:5px}.results-tab{padding:.625rem 1.5rem;background:transparent;border:none;cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;gap:8px;border-radius:8px}.results-tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.results-tab.active{color:var(--text-primary);font-weight:600;background:var(--bg-secondary);box-shadow:0 1px 3px #00000014}.summary-tab-layout{display:flex;gap:1.5rem;align-items:flex-start}.summary-tab-main{flex:1;min-width:0}.summary-share-panel{width:260px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;position:sticky;top:2rem}.summary-share-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.summary-share-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.share-toggle-switch{position:relative;width:36px;height:20px;background:var(--toggle-bg);border:none;border-radius:10px;cursor:pointer;transition:background .2s;padding:0}.share-toggle-switch.active{background:var(--accent, #6366f1)}.share-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.share-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--bg-card);border-radius:50%;transition:transform .2s}.share-toggle-switch.active .share-toggle-knob{transform:translate(16px)}.summary-share-hint{font-size:.8125rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.4}.summary-share-link{display:flex;flex-direction:column;gap:8px}.summary-share-url{width:100%;padding:6px 10px;font-size:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);outline:none;box-sizing:border-box}.summary-share-url:focus{border-color:var(--accent, #6366f1)}.summary-share-copy{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 12px;font-size:.8125rem;font-weight:500;background:var(--bg-primary, #ffffff);color:var(--text-secondary, #64748b);border:1px solid var(--border, #e2e8f0);border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s;width:100%}.summary-share-copy:hover{background:var(--bg-secondary, #f8fafc);color:var(--text-primary, #1e293b)}.summary-download-pdf{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 12px;font-size:.8125rem;font-weight:500;background:var(--accent, #6366f1);color:#fff;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:opacity .2s;width:100%;margin-top:8px}.summary-download-pdf:hover{opacity:.9}.summary-list{display:flex;flex-direction:column;gap:1rem}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.25rem;max-width:640px}.summary-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:1rem}.summary-question-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.summary-question-icon{display:flex;align-items:center;flex-shrink:0}.summary-meta{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem}.summary-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--text-secondary);opacity:.5}.summary-bars{display:flex;flex-direction:column;gap:6px}.summary-bar-row{display:flex;align-items:center;gap:10px}.summary-bar-label{width:140px;font-size:.8125rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.summary-bar-track{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.summary-bar-fill{height:100%;background:var(--accent);border-radius:4px;min-width:4px;transition:width .3s ease}.summary-bar-count{font-size:.75rem;color:var(--text-secondary);width:80px;text-align:right;flex-shrink:0}.nps-gauge{display:flex;flex-direction:column;gap:12px}.nps-score-row{display:flex;align-items:baseline;gap:8px}.nps-score-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.nps-score-label{font-size:.8125rem;color:var(--text-secondary)}.nps-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px}.nps-bar-segment{height:100%;min-width:4px;transition:width .3s ease}.nps-bar-segment.nps-detractors{background:#ef4444;border-radius:6px 0 0 6px}.nps-bar-segment.nps-passives{background:#f59e0b}.nps-bar-segment.nps-promoters{background:#22c55e;border-radius:0 6px 6px 0}.nps-bar-segment:only-child{border-radius:6px}.nps-legend{display:flex;gap:20px;flex-wrap:wrap}.nps-legend-item{display:flex;align-items:center;gap:6px;font-size:.8125rem}.nps-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.nps-legend-dot.nps-detractors{background:#ef4444}.nps-legend-dot.nps-passives{background:#f59e0b}.nps-legend-dot.nps-promoters{background:#22c55e}.nps-legend-text{color:var(--text-primary)}.nps-legend-count{color:var(--text-secondary);font-size:.75rem}.analytics-filter-bar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1rem}.analytics-filter-group{display:flex;align-items:center;gap:8px}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.analytics-card{border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;border:none;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000a;transition:box-shadow .2s}.analytics-card:hover{box-shadow:0 2px 6px #0000001a,0 8px 24px #00000014}.analytics-card-top{display:flex;align-items:center;gap:6px}.analytics-card-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.analytics-card-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.analytics-card--blue{background:#eff6ff}.analytics-card--blue .analytics-card-top{color:#3b82f6}.analytics-card--purple{background:#f5f3ff}.analytics-card--purple .analytics-card-top{color:#8b5cf6}.analytics-card--green{background:#f0fdf4}.analytics-card--green .analytics-card-top{color:#22c55e}.analytics-card--amber{background:#fffbeb}.analytics-card--amber .analytics-card-top{color:#f59e0b}.analytics-card--teal{background:#f0fdfa}.analytics-card--teal .analytics-card-top{color:#14b8a6}.analytics-trends-section{margin-top:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.analytics-trends-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analytics-trends-header h3{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0}.analytics-trends-controls{display:flex;align-items:center;gap:8px}.trends-metric-select,.trends-range-select{padding:6px 32px 6px 12px;min-width:fit-content;border:1px solid var(--border);border-radius:8px;background:var(--bg-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text-primary);font-size:.8125rem;font-family:inherit;outline:none;cursor:pointer;transition:border-color .2s;appearance:none;-webkit-appearance:none}.trends-metric-select:focus,.trends-range-select:focus{border-color:var(--accent, #6366f1)}.trends-metric-select:disabled,.trends-range-select:disabled{opacity:.5;cursor:not-allowed}.analytics-trends-chart-wrapper{position:relative;min-height:300px}.trends-empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-secondary);font-size:.875rem}.trends-locked-overlay{position:relative;border-radius:8px;overflow:hidden}.trends-chart-blurred{filter:blur(6px);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.trends-lock-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;z-index:2}.trends-lock-content>svg{color:#a855f7}.trends-lock-content h4{font-size:1.0625rem;font-weight:600;color:var(--text-primary);margin:0}.trends-lock-content p{font-size:.875rem;color:var(--text-secondary);margin:0}.btn-upgrade-inline{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 20px;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-upgrade-inline:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px #a855f780}.dropoff-table-container{overflow-x:auto}.dropoff-table{width:100%;border-collapse:separate;border-spacing:0}.dropoff-table th,.dropoff-table td{padding:.75rem 1rem;text-align:left;font-size:.875rem;border-bottom:1px solid var(--border)}.dropoff-table th{font-weight:500;color:var(--text-secondary);font-size:.8125rem;background:transparent}.dropoff-table th:nth-child(n+2),.dropoff-table td:nth-child(n+2){text-align:right}.dropoff-table tbody tr:last-child td{border-bottom:none}.dropoff-table tbody tr:hover{background:var(--bg-secondary, #f8fafc)}.dropoff-question-cell{display:flex;align-items:center;gap:10px;max-width:400px}.dropoff-index{width:24px;height:24px;border-radius:6px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropoff-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.dropoff-percent-cell{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:160px}.dropoff-bar-track{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;max-width:100px}.dropoff-bar-fill{height:100%;background:#ef4444;border-radius:3px;min-width:0;transition:width .3s ease}.dropoff-value{font-size:.8125rem;font-weight:600;color:var(--text-secondary);min-width:36px}.dropoff-value.medium{color:#f59e0b}.dropoff-value.high{color:#ef4444}.view-toggle{display:flex;gap:0;margin-bottom:1.5rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow:hidden;width:fit-content}.toggle-btn{padding:.75rem 1.5rem;background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;gap:6px}.toggle-btn:hover{background:var(--bg-secondary)}.toggle-btn.active{background:var(--accent);color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--accent);background:var(--bg-secondary)}.toggle-btn.locked{cursor:pointer;opacity:.8}.toggle-btn.locked:hover{background:var(--bg-secondary)}.toggle-btn .pro-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:4px;text-transform:uppercase}.progress-indicator{display:flex;align-items:center;gap:8px;min-width:80px}.progress-bar-mini{height:6px;background:var(--accent);border-radius:3px;min-width:4px;max-width:50px;transition:width .3s ease}.partial-row{background:rgba(var(--accent-rgb, 99, 102, 241),.03)}.partial-row:hover{background:rgba(var(--accent-rgb, 99, 102, 241),.08)}.results-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-grey{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);font-size:.8125rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-grey:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn-grey:disabled{opacity:.5;cursor:not-allowed}.attachment-btn-wrapper{position:relative}.attachment-popover{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 18px;min-width:210px;white-space:nowrap;box-shadow:0 4px 16px #0000001a;z-index:50;animation:popoverIn .15s ease-out}.attachment-popover p{margin:0;font-size:.8125rem;font-weight:500;color:var(--text-primary)}.attachment-popover-close{position:absolute;top:8px;right:8px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.attachment-popover-close:hover{color:var(--text-primary)}.attachment-popover-row{display:flex;align-items:center;gap:8px}.attachment-check-icon{color:#22c55e;flex-shrink:0}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dark .analytics-card--blue{background:#3b82f61f}.dark .analytics-card--purple{background:#8b5cf61f}.dark .analytics-card--green{background:#22c55e1f}.dark .analytics-card--amber{background:#f59e0b1f}.dark .analytics-card--teal{background:#14b8a61f}.dark .analytics-card{box-shadow:0 1px 3px #0003,0 4px 12px #0000001a}.dark .analytics-card:hover{box-shadow:0 2px 6px #00000040,0 8px 24px #00000026}.dark .dropoff-index{background:var(--bg-secondary)}.public-summary-page{--text-primary: #1e293b;--text-secondary: #64748b;--text-main: #1e293b;--text-muted: #64748b;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--accent: #6366f1;--border: #e2e8f0;color:#1e293b}.public-summary-download{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.public-summary-download:hover{background:#f8fafc;border-color:#cbd5e1}@media print{.public-summary-page{padding:1rem!important;background:#fff!important}.public-summary-download{display:none!important}.summary-card{break-inside:avoid;box-shadow:none;border:1px solid #e2e8f0}}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:8px 16px;background:var(--text);color:var(--bg-card);font-size:13px;font-weight:500;border-radius:8px;z-index:9999;animation:toastFadeInOut 2s ease-in-out;pointer-events:none}@keyframes toastFadeInOut{0%{opacity:0;transform:translate(-50%) translateY(8px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.form-block-node{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);padding:12px 16px;min-width:250px;max-width:280px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.form-block-node:hover{box-shadow:var(--shadow-md)}.form-block-node.selected{box-shadow:0 0 0 3px #6366f126}.form-block-node.has-logic{border-style:solid}.form-block-node .node-content{display:flex;align-items:center;gap:10px}.form-block-node .node-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.form-block-node .node-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-block-node .node-label{flex:1;font-size:14px;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-block-node .logic-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;color:#fff;border-radius:12px;font-size:11px;font-weight:600;flex-shrink:0}.form-block-node .action-badge{display:flex;align-items:center;padding:4px 6px;background:var(--success, #22c55e);color:#fff;border-radius:12px;font-size:11px;flex-shrink:0}.form-block-node .react-flow__handle{width:10px;height:10px;border:2px solid var(--bg-card)}.end-node{background:var(--success);border:2px solid var(--success);border-radius:var(--radius-lg);padding:12px 24px;color:#fff;box-shadow:var(--shadow-sm)}.end-node-content{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.end-node .react-flow__handle{width:10px;height:10px;background:#fff;border:2px solid var(--success)}.logic-edge-label{background:var(--primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-sm)}.logic-editor-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-card);border-left:1px solid var(--border);overflow:hidden}.logic-editor-panel .panel-header{padding:16px;border-bottom:1px solid var(--border)}.logic-editor-panel .panel-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.logic-editor-panel .panel-subtitle{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.logic-editor-panel .panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px;text-align:center;color:var(--text-muted)}.logic-editor-panel .rules-container{flex:1;overflow-y:auto;padding:16px}.logic-editor-panel .no-rules{text-align:center;padding:24px;color:var(--text-muted)}.logic-editor-panel .no-rules p{margin:0}.logic-editor-panel .no-rules .hint{font-size:12px;margin-top:8px}.logic-editor-panel .rules-list{display:flex;flex-direction:column;gap:12px}.logic-editor-panel .rule-card{position:relative;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:10px}.logic-editor-panel .rule-row{display:flex;align-items:center;gap:8px}.logic-editor-panel .rule-label{font-size:12px;color:var(--text-muted);white-space:nowrap}.logic-editor-panel .rule-row select,.logic-editor-panel .rule-row input{flex:1;padding:8px 10px;font-size:13px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main)}.logic-editor-panel .rule-row select:focus,.logic-editor-panel .rule-row input:focus{outline:none;border-color:var(--primary)}.logic-editor-panel .rule-destination{padding-top:8px;border-top:1px dashed var(--border);color:var(--primary)}.logic-editor-panel .rule-destination .rule-label{color:var(--primary)}.logic-editor-panel .delete-rule-btn{position:absolute;top:8px;right:8px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s ease}.logic-editor-panel .delete-rule-btn:hover{color:var(--error);background:#ef44441a}.logic-editor-panel .add-rule-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.logic-editor-panel .add-rule-btn:hover{background:var(--primary-hover)}.variables-section{border-bottom:1px solid var(--border)}.variables-header{display:flex;align-items:center;gap:6px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-main);text-align:left}.variables-header:hover{background:var(--bg-main)}.variables-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-main);padding:1px 6px;border-radius:10px}.variables-body{padding:0 16px 12px;display:flex;flex-direction:column;gap:6px}.variable-row{display:flex;align-items:center;gap:6px}.variable-name-input{flex:1;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);font-family:monospace}.variable-name-input:disabled{background:var(--bg-main);color:var(--text-muted);cursor:default}.variable-default-input{width:60px;padding:6px 8px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main);text-align:right}.variable-name-input:focus,.variable-default-input:focus{outline:none;border-color:var(--primary)}.variable-delete-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s ease}.variable-delete-btn:hover{color:var(--error)}.add-variable-btn{display:flex;align-items:center;gap:4px;padding:6px 8px;margin-top:4px;background:none;border:1px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-muted);transition:all .2s ease}.add-variable-btn:hover{color:var(--primary);border-color:var(--primary)}.variables-hint{margin:4px 0 0;font-size:11px;color:var(--text-muted);line-height:1.4}.variables-hint code{font-size:10px;background:var(--bg-main);padding:1px 4px;border-radius:3px}.source-toggle-row{padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:2px}.source-toggle{display:flex;gap:2px;background:var(--bg-main);border-radius:var(--radius-sm);padding:2px;flex:1}.source-btn{flex:1;padding:4px 6px;font-size:11px;font-weight:500;background:none;border:none;border-radius:3px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.source-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.source-btn:hover:not(.active){color:var(--text-main)}.actions-section{padding:8px 0;border-top:1px dashed var(--border)}.actions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.add-action-btn-inline{background:none;border:1px solid var(--border);padding:2px 4px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center}.add-action-btn-inline:hover{color:var(--primary);border-color:var(--primary)}.action-row{display:flex;align-items:center;gap:4px;margin-bottom:4px}.action-row select,.action-row input{padding:5px 6px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-main)}.action-row select:focus,.action-row input:focus{outline:none;border-color:var(--primary)}.action-operator{width:78px;flex-shrink:0}.action-value{flex:1;min-width:0}.action-value-type-btn{background:var(--bg-main);border:1px solid var(--border);padding:4px 6px;cursor:pointer;font-size:11px;font-weight:600;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s ease;white-space:nowrap;flex-shrink:0}.action-value-type-btn:hover{color:var(--primary);border-color:var(--primary)}.action-to-label{font-size:11px;color:var(--text-muted);flex-shrink:0}.action-variable{width:72px;flex-shrink:0}.action-delete-btn{background:none;border:none;padding:3px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.action-delete-btn:hover{color:var(--error)}.logic-panel-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card);margin-top:auto;flex-shrink:0;animation:slideUpFooter .2s ease}@keyframes slideUpFooter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.logic-discard-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.logic-discard-btn:hover{background:var(--bg-main)}.logic-save-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.logic-save-btn:hover{background:var(--primary-hover)}.flowchart-logic-builder{display:flex;width:100%;height:100%;background:var(--bg-main);overflow:hidden}.flowchart-logic-builder .flowchart-container{flex:1;height:100%;min-width:0}.flowchart-logic-builder .logic-panel-container{width:320px;flex-shrink:0;height:100%;overflow:hidden}.flowchart-logic-builder .flowchart-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted);font-size:14px}.flowchart-logic-builder .react-flow__panel{margin:12px}.flowchart-logic-builder .react-flow__controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.flowchart-logic-builder .react-flow__controls-button{background:var(--bg-card);border:none;border-bottom:1px solid var(--border);color:var(--text-main);width:28px;height:28px}.flowchart-logic-builder .react-flow__controls-button:last-child{border-bottom:none}.flowchart-logic-builder .react-flow__controls-button:hover{background:var(--bg-main)}.flowchart-logic-builder .react-flow__controls-button svg{fill:currentColor}.flowchart-logic-builder .react-flow__minimap{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important}.flowchart-logic-builder .react-flow__attribution{display:none}.flowchart-logic-builder .react-flow__edge-path{stroke-width:2}.flowchart-logic-builder .react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}}@media(max-width:900px){.flowchart-logic-builder{flex-direction:column}.flowchart-logic-builder .flowchart-container{height:60%}.flowchart-logic-builder .logic-panel-container{width:100%;height:40%;border-left:none;border-top:1px solid var(--border)}}.public-form-container{--primary: #5c6bc0;--primary-hover: #4e5ba6;--primary-light: #e8eaf6;--secondary: #263238;--bg-main: #f8fafc;--bg-card: transparent;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--success-hover: #059669;--danger: #ef4444;--danger-light: #fee2e2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);min-height:100vh;display:flex;flex-direction:column;background-color:#fff}.public-form-header{padding:20px 40px;display:flex;align-items:center;gap:8px;color:var(--text-main);font-family:Outfit,sans-serif;font-weight:700;font-size:1.25rem}.public-form-lang-switcher{padding:6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#334155;font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.public-form-lang-switcher:hover{border-color:#0003}.public-form-lang-switcher:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.public-form-container.custom-design .public-form-lang-switcher{background:#ffffff26;border-color:#fff3;color:var(--public-question-color, #334155)}.public-form-container.custom-design .public-form-lang-switcher:hover{background:#ffffff40}.public-form-container.custom-design .public-form-lang-switcher:focus{border-color:var(--public-button-color, #6366f1);box-shadow:0 0 0 2px #6366f126}.public-form-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 40px;background:var(--border)}.toolbar-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--border);border:none;border-radius:8px;cursor:pointer;color:var(--text-main);transition:all .2s}.toolbar-button:hover{background:var(--primary-light);transform:translateY(-1px)}.public-form-content{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.block-image-stack{width:100%;margin-bottom:32px;border-radius:12px;overflow:hidden}.block-image-stack img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.public-form-content.content-split{flex-direction:row;padding:0;max-width:100%}.block-image-split{width:50%;flex-shrink:0;overflow:hidden}.block-image-split img{width:100%;height:100%;object-fit:cover;display:block}.content-split .question-card{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:60px 80px}.question-card{background:transparent;border-radius:0;box-shadow:none;padding:60px;max-width:700px;width:100%;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-number-badge{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:16px}.question-title{font-family:Outfit,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-main);margin:0 0 8px;line-height:1.3}.question-description{font-size:1.125rem;color:var(--text-muted);margin:0 0 32px}.question-input{width:100%;font-size:1.25rem;padding:16px 0;border:none;border-bottom:2px solid var(--border);background:transparent;outline:none;transition:border-color .3s}.question-input:focus{border-bottom-color:var(--primary)}.question-input::placeholder{color:#94a3b8}.question-textarea{width:100%;font-size:1.125rem;padding:16px;border:2px solid var(--border);border-radius:12px;background:transparent;outline:none;resize:none;min-height:120px;transition:border-color .3s;font-family:inherit}.question-textarea:focus{border-color:var(--primary)}.options-list{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:2px solid var(--border);border-radius:12px;font-size:1.125rem;text-align:left;cursor:pointer;transition:all .2s;color:var(--text-main)}.option-button:hover{border-color:var(--primary);background:var(--primary-light)}.option-button.selected{border-color:var(--primary);background:var(--primary);color:#fff}.option-key{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--border);border-radius:6px;font-weight:600;font-size:.875rem}.option-button.selected .option-key{background:#fff3}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:transparent;border:2px solid var(--border);border-radius:12px;transition:all .2s}.ranking-row:hover{border-color:var(--primary);background:var(--primary-light)}.ranking-row-label{font-size:1.125rem;color:var(--text-main);flex:1;min-width:0}.ranking-dropdown{appearance:auto;padding:8px 12px;font-size:1rem;font-weight:600;border:2px solid var(--border);border-radius:8px;background:transparent;color:var(--text-main);cursor:pointer;min-width:60px;text-align:center;transition:border-color .2s}.ranking-dropdown:focus{outline:none;border-color:var(--primary)}.other-text-input{margin-top:4px;font-size:1.125rem;padding:14px 20px;border:2px solid var(--primary);border-radius:12px;background:transparent;animation:fadeInUp .3s ease}.question-actions{display:flex;align-items:center;gap:16px;margin-top:40px}.prev-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:var(--text-main);border:2px solid var(--border);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.prev-button:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px)}.next-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.next-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.keyboard-hint{font-size:.875rem;color:var(--text-muted)}.keyboard-hint strong{background:var(--border);padding:2px 6px;border-radius:4px;font-family:monospace}.progress-container{padding:0 40px 20px}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.thank-you-card{text-align:center;padding:80px}.thank-you-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.thank-you-title{font-family:Outfit,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text-main);margin:0 0 12px}.thank-you-message{font-size:1.125rem;color:var(--text-muted);margin:0}.error-card{text-align:center;padding:60px}.error-card h2{color:var(--text-main)}.error-icon{width:80px;height:80px;background:var(--danger-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--danger)}.loading-card{text-align:center;padding:60px}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.branded-loading{display:flex;align-items:center;justify-content:center;min-height:300px}.branded-loading-content{position:relative;display:flex;flex-direction:column;align-items:center}.branded-loading-logo{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;animation:pulse-logo 2s ease-in-out infinite}@keyframes pulse-logo{0%,to{transform:scale(1);box-shadow:0 4px 20px #667eea4d}50%{transform:scale(1.05);box-shadow:0 8px 30px #667eea80}}.branded-loading-text{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;align-items:center;white-space:nowrap;gap:0;font-size:1.125rem;color:var(--text-muted);margin:0 0 16px;opacity:0;animation:fade-in-branding .6s ease-out forwards}@keyframes fade-in-branding{0%{opacity:0}to{opacity:1}}.branded-loading-logo-img{height:120px;width:auto;min-width:120px;object-fit:contain}.branded-loading-bar{width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.branded-loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:loading-bar 1s ease-out forwards}@keyframes loading-bar{0%{width:0%}to{width:100%}}.public-form-footer{position:fixed;bottom:20px;left:20px;z-index:100}.powered-by{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;text-decoration:none;color:#1e293b;font-size:.75rem;font-weight:500;box-shadow:0 4px 12px #0000001a;transition:transform .2s,background .2s}.powered-by:hover{transform:translateY(-2px);background:#fff}.navigation-controls{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:row;gap:8px}.nav-arrow-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:8px;cursor:pointer;color:#1e293b;box-shadow:0 4px 12px #0000001a;transition:all .2s}.nav-arrow-button:hover:not(:disabled){transform:translateY(-2px);background:#fff;box-shadow:0 6px 16px #00000026}.nav-arrow-button:disabled{opacity:.4;cursor:not-allowed}.public-form-container.custom-design{--text-main: var(--public-question-color, #1e293b);--text-muted: var(--public-answer-color, #64748b);--border: var(--public-answer-color, #e2e8f0);background-color:var(--public-bg, #ffffff)}.public-form-container.custom-design .public-form-header{color:var(--text-main)}.public-form-container.custom-design .question-title{color:var(--public-question-color, var(--text-main));font-family:var(--public-font-family, "Outfit", sans-serif);font-size:var(--public-font-size, 2rem)}.public-form-container.custom-design .question-description{color:var(--public-answer-color, var(--text-muted));font-family:var(--public-font-family, inherit)}.public-form-container.custom-design .question-number-badge{background:var(--public-button-color, var(--primary));color:var(--public-button-text-color, white)}.public-form-container.custom-design .question-input,.public-form-container.custom-design .question-textarea{color:var(--public-answer-color, var(--text-main));font-family:var(--public-font-family, inherit);border-color:var(--border)}.public-form-container.custom-design .question-input:focus,.public-form-container.custom-design .question-textarea:focus{border-color:var(--public-button-color, var(--primary))}.public-form-container.custom-design .question-input::placeholder{color:var(--text-muted)}.public-form-container.custom-design input[type=date],.public-form-container.custom-design input[type=time]{color-scheme:light}.public-form-container.custom-design .option-button{color:var(--public-answer-color, var(--text-main));font-family:var(--public-font-family, inherit);border-color:var(--border)}.public-form-container.custom-design .option-button:hover{border-color:var(--public-button-color, var(--primary));background:#0000000a}.public-form-container.custom-design .option-button.selected{background:var(--public-button-color, var(--primary));border-color:var(--public-button-color, var(--primary));color:var(--public-button-text-color, white)}.public-form-container.custom-design .option-key{background:#0000000f}.public-form-container.custom-design .ranking-row{border-color:var(--border)}.public-form-container.custom-design .ranking-row:hover{border-color:var(--public-button-color, var(--primary));background:#0000000a}.public-form-container.custom-design .ranking-row-label{color:var(--public-answer-color, var(--text-main));font-family:var(--public-font-family, inherit)}.public-form-container.custom-design .ranking-dropdown{color:var(--public-answer-color, var(--text-main));border-color:var(--border);background:transparent}.public-form-container.custom-design .ranking-dropdown:focus{border-color:var(--public-button-color, var(--primary))}.public-form-container.custom-design .prev-button{background:transparent;color:var(--text-main);border-color:var(--border)}.public-form-container.custom-design .prev-button:hover{background:#0000000a;border-color:var(--public-button-color, var(--primary))}.public-form-container.custom-design .next-button{background:var(--public-button-color, var(--primary));color:var(--public-button-text-color, white)}.public-form-container.custom-design .next-button:hover{background:var(--public-button-color, var(--primary-hover));filter:brightness(.9)}.public-form-container.custom-design .keyboard-hint strong{background:#0000000f}.public-form-container.custom-design .progress-bar{background:var(--border)}.public-form-container.custom-design .progress-fill{background:var(--public-button-color, var(--primary))}.public-form-container.custom-design .loading-spinner{border-color:var(--border);border-top-color:var(--public-button-color, var(--primary))}.public-form-container.custom-design [style*="color: #fbbf24"],.public-form-container.custom-design [style*="color: rgb(251, 191, 36)"]{color:var(--public-star-color, #fbbf24)!important}.file-upload-container{width:100%}.file-upload-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.question-input.input-error{border-color:#ef4444;background:#ef44440d}.input-error-message{display:flex;align-items:center;gap:6px;margin-top:8px;color:#ef4444;font-size:13px}.country-code-trigger{display:flex;align-items:center;gap:4px;padding:12px 10px;border:none;border-bottom:2px solid var(--border, #e5e7eb);background:transparent;cursor:pointer;transition:border-color .3s;font-size:1.25rem;line-height:1;white-space:nowrap}.country-code-trigger:hover{border-bottom-color:var(--primary, #3b82f6)}.country-code-trigger.input-error{border-color:#ef4444;background:#ef44440d}.country-code-dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--card-bg, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:8px;max-height:280px;overflow-y:auto;width:300px;box-shadow:0 4px 16px #0000001f;margin-top:4px}.country-code-search{width:100%;padding:8px 10px;border:1px solid var(--border, #e5e7eb);border-radius:6px;font-size:.875rem;outline:none;background:transparent;color:inherit}.country-code-search:focus{border-color:var(--primary, #3b82f6)}.country-code-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:.9375rem;transition:background .15s}.country-code-option:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.country-code-option.selected{background:var(--primary-light, rgba(59, 130, 246, .08))}.file-upload-dropzone{border:2px dashed var(--border, #e5e7eb);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--public-answer-color, var(--text-muted, #6b7280))}.file-upload-dropzone:hover{border-color:var(--public-button-color, var(--primary, #3b82f6));background:color-mix(in srgb,var(--public-button-color, var(--primary, #3b82f6)) 5%,transparent)}.file-upload-dropzone.dragging{border-color:var(--public-button-color, var(--primary, #3b82f6));background:color-mix(in srgb,var(--public-button-color, var(--primary, #3b82f6)) 10%,transparent)}.file-upload-dropzone.has-file{border-style:solid;border-color:#10b981;background:#10b9810d}.file-upload-dropzone.uploading{cursor:wait;opacity:.8}.file-upload-text{color:var(--public-question-color, var(--text-main, #374151));margin:0;font-size:1rem}.file-upload-hint{color:var(--public-answer-color, var(--text-muted, #6b7280));opacity:.7;font-size:14px;margin:0}.file-upload-spinner{animation:spin 1s linear infinite}.signature-canvas-container{position:relative;width:100%;border:2px dashed var(--border, #e5e7eb);border-radius:12px;overflow:hidden}.signature-canvas{display:block;width:100%;height:200px;touch-action:none;cursor:crosshair}.signature-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;color:var(--text-muted, #64748b);opacity:.6;font-size:1rem;pointer-events:none}.signature-clear-btn{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#0000000d;border:none;border-radius:6px;font-size:.8rem;color:var(--text-muted, #64748b);cursor:pointer;transition:all .2s}.signature-clear-btn:hover{background:#ef44441a;color:#ef4444}.public-form-container.custom-design .signature-canvas-container{border-color:var(--border)}.public-form-container.custom-design .signature-placeholder{color:var(--text-muted)}.public-form-container.custom-design .signature-clear-btn{background:#0000000a;color:var(--text-muted)}.public-form-container.custom-design .signature-clear-btn:hover{background:#00000014;color:var(--text-main)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 4s ease-in-out forwards}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px;transform:rotate(45deg)}@keyframes confetti-fall{0%{top:-10px;opacity:1;transform:translate(0) rotate(0)}to{top:100vh;opacity:0;transform:translate(calc(-50px + 100px * var(--random, .5))) rotate(720deg)}}[dir=rtl] .option-button,[dir=rtl] .question-input,[dir=rtl] .question-textarea{text-align:right}[dir=rtl] .next-button{flex-direction:row-reverse}[dir=rtl] .navigation-controls{right:auto;left:20px}[dir=rtl] .country-code-trigger{border-right:none;border-left:2px solid var(--border)}[dir=rtl] .required-star{margin-left:0;margin-right:4px}@media(max-width:767px){.public-form-header{padding:16px 20px;font-size:1rem}.public-form-toolbar{padding:10px 16px;gap:8px}.toolbar-button{width:44px;height:44px}.public-form-content{padding:20px 16px;align-items:center}.public-form-content.content-split{flex-direction:column;padding:0}.content-split .block-image-split{width:100%;max-height:200px}.content-split .question-card{padding:32px 24px}.question-card{padding:32px 20px;border-radius:0;max-width:100%}.question-number-badge{padding:4px 10px;font-size:.8rem;margin-bottom:12px}.question-description{font-size:1rem;margin-bottom:24px}.question-input{font-size:1rem;padding:14px 0}.question-textarea{font-size:1rem;padding:14px;min-height:100px}.options-list{gap:10px}.option-button{padding:14px 16px;font-size:1rem;gap:12px;min-height:44px}.option-key{width:28px;height:28px;font-size:.8rem}.ranking-list{gap:10px}.ranking-row{padding:14px 16px;gap:12px}.ranking-row-label{font-size:1rem}.ranking-dropdown{padding:6px 10px;font-size:.9rem;min-width:52px}.question-actions{flex-direction:column;gap:12px;margin-top:32px}.prev-button,.next-button{width:100%;justify-content:center;padding:16px 24px;min-height:48px}.keyboard-hint{display:none}.progress-container{padding:0 16px 16px}.thank-you-card{padding:48px 24px}.thank-you-icon{width:64px;height:64px}.thank-you-message{font-size:1rem}.error-card,.loading-card{padding:40px 24px}.navigation-controls{bottom:16px;right:16px}.nav-arrow-button{width:44px;height:44px}.public-form-footer{bottom:16px;left:16px}.powered-by{padding:6px 10px;font-size:.7rem}.file-upload-dropzone{padding:32px 16px}.file-upload-text{font-size:.9rem}.file-upload-hint{font-size:.8rem}.signature-canvas{height:160px}.branded-loading-text{font-size:1rem}.branded-loading-logo-img{height:100px}.branded-loading-bar{width:160px}}@media(min-width:768px)and (max-width:1023px){.public-form-header{padding:18px 32px}.public-form-content{padding:32px}.question-card{padding:48px 40px;max-width:700px}.thank-you-card{padding:60px 48px}}@media(max-width:479px){.public-form-header{padding:12px 16px;font-size:.9rem}.question-card{padding:24px 16px;border-radius:0}.question-number-badge{padding:3px 8px;font-size:.75rem}.option-button{padding:12px 14px;font-size:.95rem}.ranking-row{padding:12px 14px}.ranking-row-label{font-size:.95rem}.prev-button,.next-button{padding:14px 20px;font-size:.95rem}.thank-you-card{padding:36px 16px}.navigation-controls{bottom:12px;right:12px;gap:6px}.nav-arrow-button{width:40px;height:40px}.public-form-footer{bottom:12px;left:12px}}.design-panel-overlay{position:fixed;inset:0;background:transparent;z-index:99}.design-panel-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--properties-width);max-width:100vw;z-index:100;background:var(--bg-card);border-left:1px solid var(--border);box-shadow:-4px 0 24px #0000001f;transform:translate(100%);transition:transform .25s ease;overflow:hidden}.design-panel-drawer.open{transform:translate(0)}.design-panel-close-btn{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.design-panel-close-btn:hover{background:var(--border);color:var(--text-main)}.design-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-card);overflow:hidden}.design-panel-header{padding:20px 56px 20px 24px;border-bottom:1px solid var(--border)}.design-panel-header h2{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:4px}.design-panel-header p{font-size:13px;color:var(--text-muted)}.design-panel-content{flex:1;overflow-y:auto;padding:12px 0}.design-section{border-bottom:1px solid var(--border)}.design-section:last-child{border-bottom:none}.design-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 24px;background:transparent;cursor:pointer;transition:background-color .15s ease}.design-section-header:hover{background:var(--bg-secondary)}.section-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-main)}.design-section-header svg{color:var(--text-muted)}.design-section-content{padding:12px 24px 20px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--bg-card)}.theme-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card.active{border-color:var(--primary)}.theme-preview{width:100%;height:60px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px}.theme-preview-text{font-size:18px;font-weight:600}.theme-preview-button{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.theme-name{display:block;padding:8px;font-size:12px;font-weight:500;color:var(--text-main);text-align:center;background:var(--bg-secondary);width:100%}.theme-check{position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;color:#fff}.color-picker-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.color-picker-row:last-child{border-bottom:none}.color-picker-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main)}.color-picker-label svg{color:var(--text-muted)}.color-picker-input-group{display:flex;align-items:center;gap:8px}.color-picker-native{width:32px;height:32px;padding:0;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:transparent}.color-picker-native::-webkit-color-swatch-wrapper{padding:2px}.color-picker-native::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-hex{width:80px;padding:6px 10px;font-size:13px;font-family:monospace;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-main);text-transform:uppercase;box-shadow:0 1px 3px #0000000f}.color-picker-hex:focus{outline:none;border-color:var(--primary);box-shadow:0 1px 3px #6366f11f}.typography-row{margin-bottom:16px}.typography-row:last-child{margin-bottom:0}.typography-row label{display:block;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:8px}.font-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-main);cursor:pointer;appearance:none;box-shadow:0 1px 3px #0000000f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.font-select:focus{outline:none;border-color:var(--primary);box-shadow:0 1px 3px #6366f11f}.font-size-control{display:flex;align-items:center;gap:12px}.font-size-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.font-size-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.font-size-value{min-width:45px;font-size:13px;font-weight:500;color:var(--text-muted);text-align:right}.label-with-badge{display:flex;align-items:center;gap:8px}.pro-badge-inline{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;text-transform:capitalize;letter-spacing:.5px;color:#a855f7;background:linear-gradient(135deg,#a855f726,#8b5cf626);border-radius:10px}.pro-badge-inline svg{color:#a855f7}.upload-area.small{padding:16px;gap:6px}.upload-area.small span{font-size:12px}.custom-font-preview{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.custom-font-name{font-size:13px;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-custom-font-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.remove-custom-font-btn:hover{background:var(--border);color:var(--danger, #ef4444)}.pro-feature-prompt{display:flex;align-items:center;gap:8px;padding:12px 14px;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border:1px dashed rgba(168,85,247,.4);border-radius:var(--radius-md);color:#a855f7;font-size:13px;font-weight:500}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.upload-area span{font-size:13px}.upload-area.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hidden-input{display:none}.background-preview-container{position:relative;margin-bottom:16px}.background-preview{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border)}.remove-background-btn{position:absolute;top:8px;right:8px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;background:#0009;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.remove-background-btn:hover{background:#000c}.coming-soon-container{text-align:center}.coming-soon-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.5px;color:var(--primary);background:var(--primary-light);border-radius:20px;margin-bottom:12px}.coming-soon-text{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px}.design-panel-content::-webkit-scrollbar{width:6px}.design-panel-content::-webkit-scrollbar-track{background:transparent}.design-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.design-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.design-panel-footer{display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.design-footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.design-footer-btn.discard{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-main)}.design-footer-btn.discard:hover{background:var(--border)}.design-footer-btn.save{background:var(--primary);border:1px solid var(--primary);color:#fff}.design-footer-btn.save:hover{opacity:.9}.design-footer-btn.save:disabled{opacity:.6;cursor:not-allowed}.embed-url-input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--text);box-shadow:0 1px 3px #0000000f;transition:border-color .2s,box-shadow .2s}.embed-url-input:focus{outline:none;border-color:var(--primary);box-shadow:0 1px 3px #6366f11f}.embed-url-input::placeholder{color:var(--text-muted)}.embed-hint{font-size:12px;color:var(--text-muted);margin-top:8px;margin-bottom:0}@media(max-width:767px){.design-panel-header{padding:16px}.design-panel-header h2{font-size:16px}.design-section-header{padding:12px 16px}.design-section-content{padding:12px 16px 16px}.theme-grid{grid-template-columns:1fr;gap:10px}.color-picker-row{flex-direction:column;align-items:flex-start;gap:10px}.color-picker-input-group{width:100%}.color-picker-hex{flex:1}.font-size-control{flex-wrap:wrap}.upload-area{padding:20px}.typography-row label{font-size:14px}.font-select{font-size:16px;padding:12px;min-height:44px}.design-panel-footer{padding:12px 16px}}.settings-panel{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg-secondary);overflow:hidden}.settings-panel-header{padding:32px 48px 24px;background:var(--bg-card);border-bottom:1px solid var(--border)}.settings-panel-header h2{font-size:24px;font-weight:600;color:var(--text-main);margin-bottom:8px}.settings-panel-header>p{font-size:14px;color:var(--text-muted);margin:0}.settings-panel-content{flex:1;display:flex;overflow:hidden;padding:32px 48px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:32px 48px}.settings-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:16px 32px 16px 0;overflow-y:auto;border-right:1px solid var(--border);margin-right:32px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-main);transition:all .2s}.settings-nav-item:hover,.settings-nav-item.active{background:var(--bg-secondary)}.settings-content{flex:1;overflow-y:auto;padding:16px 0}.settings-section{width:100%}.settings-section-header{margin-bottom:24px}.settings-section-header h3{font-size:18px;font-weight:600;color:var(--text-main);margin:0 0 6px}.settings-section-header p{font-size:14px;color:var(--text-muted);margin:0}.settings-section-body{background:var(--bg-card);border-radius:var(--radius-lg, 12px);border:1px solid var(--border);overflow:hidden}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 24px;gap:16px;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-row.disabled{opacity:.6}.toggle-info{flex:1}.toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-main);margin-bottom:4px}.toggle-description{font-size:13px;color:var(--text-muted);line-height:1.4;margin:0}.toggle-switch{display:flex;align-items:center;padding:0;background:transparent;border:none;cursor:pointer;flex-shrink:0}.toggle-switch:disabled{cursor:not-allowed;opacity:.5}.toggle-track{display:block;position:relative;width:44px;height:24px;background:var(--border);border-radius:12px;transition:background .2s ease;overflow:hidden}.toggle-switch.active .toggle-track{background:#22c55e}.toggle-thumb{display:block;position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle-switch.active .toggle-thumb{transform:translate(16px)}.language-settings-fields{padding:20px 24px}.language-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.language-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--text-main);transition:all .15s ease}.language-chip.default{background:var(--primary-light, rgba(99, 102, 241, .1));border-color:var(--primary)}.language-chip .default-star{color:#f59e0b;flex-shrink:0}.language-chip-name{flex:1}.language-chip-remove{display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);transition:color .15s ease;margin-left:2px}.language-chip-remove:hover{color:var(--danger, #ef4444)}.toggle-row-with-sub{border-bottom:1px solid var(--border)}.toggle-row-with-sub:last-child{border-bottom:none}.toggle-row-with-sub .toggle-row{border-bottom:none}.toggle-sub-field{padding:16px 24px 18px;background:var(--bg-secondary);border-top:1px solid var(--border)}.email-settings-fields{padding:20px 24px;border-top:1px solid var(--border);background:var(--bg-secondary)}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:8px}.settings-input,.settings-select,.settings-textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-main);transition:border-color .2s ease}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{outline:none;border-color:var(--primary)}.settings-input::placeholder,.settings-textarea::placeholder{color:var(--text-muted)}.settings-input:disabled,.settings-select:disabled,.settings-textarea:disabled{opacity:.6;cursor:not-allowed}.settings-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.field-hint{font-size:12px;color:var(--text-muted);margin-top:6px;margin-bottom:0;line-height:1.4}.field-hint.pro-hint{color:#a855f7}.system-messages-section{margin-top:28px}.system-messages-header{margin-bottom:16px}.system-messages-header h4{font-size:15px;font-weight:600;color:var(--text-main);margin:0 0 4px}.system-messages-header p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.4}.system-messages-category{border:1px solid var(--border);border-radius:var(--radius-md, 8px);margin-bottom:8px;overflow:hidden}.system-messages-category:last-child{margin-bottom:0}.system-messages-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px 8px;font-size:13px;font-weight:600;color:var(--text-main)}.system-messages-category-title{flex:1}.system-messages-reset-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:12px;color:var(--text-muted);transition:all .15s ease}.system-messages-reset-btn:hover:not(:disabled){color:var(--danger, #ef4444);border-color:var(--danger, #ef4444);background:#ef44440d}.system-messages-reset-btn.disabled{opacity:.4;cursor:default}.system-messages-fields{padding:0 16px 16px;display:flex;flex-direction:column;gap:16px}.system-messages-field{display:flex;flex-direction:column}.system-messages-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.system-messages-field-header label{font-size:12px;font-weight:500;color:var(--text-muted);margin:0;line-height:1.3}.system-messages-field-reset{display:flex;align-items:center;justify-content:center;padding:3px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:4px;transition:all .15s ease}.system-messages-field-reset:hover{color:var(--danger, #ef4444);background:#ef444414}.system-messages-input-custom{border-color:var(--primary, #6366f1)!important;background:#6366f108}.system-messages-field-meta{display:flex;justify-content:flex-end;margin-top:4px}.system-messages-char-count{font-size:11px;color:var(--text-muted);opacity:.7}.link-settings-fields{padding:20px 24px}.image-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;color:var(--text-muted);font-size:13px}.image-upload-area:hover:not(.disabled){border-color:var(--primary);background:#6366f10a;color:var(--primary)}.image-upload-area.disabled{opacity:.6;cursor:not-allowed}.image-upload-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.image-upload-preview img{width:120px;height:63px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.image-upload-preview.favicon-preview img{width:32px;height:32px;object-fit:contain;border-radius:4px}.image-upload-remove{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm, 6px);cursor:pointer;font-size:12px;color:var(--text-muted);transition:all .15s ease}.image-upload-remove:hover:not(:disabled){color:var(--danger, #ef4444);border-color:var(--danger, #ef4444);background:#ef44440d}.image-upload-remove:disabled{opacity:.5;cursor:not-allowed}.settings-content::-webkit-scrollbar,.settings-sidebar::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track,.settings-sidebar::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb,.settings-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover,.settings-sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:900px){.settings-panel-content{flex-direction:column;padding:24px 16px;margin:24px 16px}.settings-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:0 0 16px;margin:0 0 16px;border-right:none;border-bottom:1px solid var(--border)}.settings-nav-item{white-space:nowrap}.settings-content{padding:0}.settings-section{max-width:none}}@media(max-width:767px){.settings-panel-content{margin:16px}.settings-panel-header{padding:20px 16px}.settings-panel-header h2{font-size:20px}.toggle-row,.email-settings-fields{padding:16px}.settings-input,.settings-select{font-size:16px;padding:12px;min-height:44px}}.webhook-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:webhookFadeIn .2s ease-out}.webhook-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:webhookSlideUp .3s ease-out}.webhook-modal-header{position:relative;padding:24px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between}.webhook-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8f4fd;color:#06c}[data-theme=dark] .webhook-modal-icon{background:#06c3;color:#60a5fa}.webhook-modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.webhook-modal-close-btn:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-main)}.webhook-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.webhook-modal-body{padding:0 24px 24px}.webhook-modal-body h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 8px}.webhook-modal-body>p{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.6}.webhook-input-group{margin-bottom:20px}.webhook-input-group label{display:block;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:6px}.webhook-input-group input{width:100%;padding:12px 14px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-main);color:var(--text-main);transition:border-color .2s,box-shadow .2s}.webhook-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.webhook-input-group input:disabled{opacity:.6;cursor:not-allowed}.webhook-input-group input::placeholder{color:var(--text-muted)}.webhook-input-error{display:block;font-size:12px;color:#ef4444;margin-top:6px}.webhook-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-size:13px}.webhook-info strong{display:block;color:var(--text-main);margin-bottom:8px}.webhook-info ul{margin:0;padding-left:18px;color:var(--text-muted);line-height:1.7}.webhook-info li{margin-bottom:2px}.webhook-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.webhook-modal-footer .btn-secondary{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.webhook-modal-footer .btn-secondary:hover:not(:disabled){background-color:var(--bg-main)}.webhook-modal-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.webhook-modal-footer .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px;justify-content:center}.webhook-modal-footer .btn-primary:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}.webhook-modal-footer .btn-primary:disabled{opacity:.6;cursor:not-allowed}.webhook-modal-footer .spinner{animation:spin 1s linear infinite}@keyframes webhookFadeIn{0%{opacity:0}to{opacity:1}}@keyframes webhookSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.webhook-modal{width:95%;margin:16px}.webhook-modal-header,.webhook-modal-body{padding-left:16px;padding-right:16px}.webhook-modal-footer{padding:16px;flex-direction:column-reverse}.webhook-modal-footer .btn-secondary,.webhook-modal-footer .btn-primary{width:100%;justify-content:center}}.integrate-panel{display:flex;width:100%;height:100%;background:var(--bg-secondary);overflow:hidden;justify-content:center;align-items:center}.integrate-panel-content{display:flex;flex-direction:column;align-items:center;padding:48px;max-height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.integrate-panel-header{text-align:center;margin-bottom:32px}.integrate-panel-header h2{display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:600;color:var(--text-main);margin-bottom:8px}.integrate-panel-header>p{font-size:14px;color:var(--text-muted);margin:0}.back-button{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.back-button:hover{color:var(--text-main)}.integrate-detail-content{width:100%;max-width:560px}.integrations-grid-container{width:100%;max-width:900px}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.integration-card{display:flex;align-items:center;gap:14px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,box-shadow .2s;cursor:pointer;text-align:left}.integration-card:hover:not(.coming-soon){border-color:var(--primary);box-shadow:0 2px 8px #6366f11a}.integration-card.connected{border-color:#22c55e}.integration-card.coming-soon{opacity:.6;cursor:default}.integration-icon.airtable{background:#e8f0fe;color:#1a73e8}.integration-info h4{font-size:15px;font-weight:600;margin:0 0 4px;color:var(--text-main)}.integration-info p{font-size:13px;color:var(--text-muted);margin:0}.integration-arrow{color:var(--text-muted);flex-shrink:0}.coming-soon-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);background:var(--bg-secondary);padding:4px 8px;border-radius:4px;flex-shrink:0}.connected-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:#22c55e;background:#22c55e1a;padding:4px 8px;border-radius:4px;flex-shrink:0}.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;color:#a855f7;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border-radius:12px}.integrate-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;border:none}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-muted)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #4f46e5)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger-outline{background:transparent;border:1px solid var(--danger, #ef4444);color:var(--danger, #ef4444)}.btn-danger-outline:hover:not(:disabled){background:#ef44441a}.btn-danger-outline:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%;justify-content:center}.btn-google{background:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:500}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px #00000014}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-google .google-icon{flex-shrink:0}.sheets-connected{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:24px}.sheets-connected-status{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-main);margin-bottom:8px}.sheets-connected-status .status-icon{color:#22c55e;flex-shrink:0}.sheets-link{display:inline-flex;align-items:center;gap:4px;color:var(--primary);text-decoration:none;font-weight:500}.sheets-link:hover{text-decoration:underline}.sheets-link svg{flex-shrink:0;opacity:.7}.sheets-connected-date{font-size:12px;color:var(--text-muted);display:block;margin-bottom:20px}.sheets-connected-actions{display:flex;gap:12px;flex-wrap:wrap}.sheets-connect{display:flex;flex-direction:column;gap:24px}.sheets-message{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.4;margin-bottom:16px}.sheets-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.sheets-message.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2);margin-top:16px;margin-bottom:0}.sheets-message svg{flex-shrink:0;margin-top:1px}.sheets-authorized-text{display:flex;align-items:center;gap:8px;font-size:13px;color:#22c55e;margin-bottom:16px;padding:10px 12px;background:#22c55e1a;border-radius:8px}.sheets-authorized-text .authorized-icon{flex-shrink:0}.sheets-instructions{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:24px}.sheets-instructions h4{font-size:14px;font-weight:600;color:var(--text-main);margin:0 0 14px}.sheets-instructions ol{margin:0;padding-left:18px;color:var(--text-muted);font-size:13px;line-height:1.8}.sheets-instructions li{margin-bottom:4px}.pro-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#a855f7;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.pro-badge-small{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;color:#a855f7;background:linear-gradient(135deg,#a855f71a,#8b5cf61a);border-radius:10px;flex-shrink:0}.integration-card.clickable{cursor:pointer}.integration-card.clickable:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f11a}.zapier-setup{display:flex;flex-direction:column;gap:24px}.zapier-info-card{background:linear-gradient(135deg,#fff4e5,#ffe8cc);border-color:#ffcc80}.zapier-header{display:flex;align-items:flex-start;gap:16px}.zapier-icon-large{color:#ff4a00;flex-shrink:0}.zapier-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-main)}.zapier-header p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.zapier-steps{background:var(--bg-card);border-radius:12px;border:1px solid var(--border);padding:24px}.zapier-steps h4{font-size:14px;font-weight:600;color:var(--text-main);margin:0 0 16px}.zapier-steps ol{margin:0;padding:0;list-style:none;counter-reset:zapier-step}.zapier-steps li{counter-increment:zapier-step;margin-bottom:16px}.zapier-steps li:last-child{margin-bottom:0}.step-content{display:flex;align-items:flex-start;gap:12px}.step-content svg{flex-shrink:0;color:var(--primary);margin-top:2px}.step-content strong{display:block;font-size:14px;font-weight:500;color:var(--text-main);margin-bottom:2px}.step-content span{display:block;font-size:13px;color:var(--text-muted);line-height:1.4}.step-content a{color:var(--primary);text-decoration:none}.step-content a:hover{text-decoration:underline}.zapier-actions{display:flex;gap:12px;flex-wrap:wrap}.zapier-actions .btn{text-decoration:none}.sync-modal-options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.sync-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.sync-option:hover{border-color:var(--primary)}.sync-option:has(input:checked){background:var(--primary-light, rgba(99, 102, 241, .1));border-color:var(--primary)}.sync-option input[type=radio]{width:18px;height:18px;margin:2px 0 0;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.sync-option-content{display:flex;flex-direction:column;gap:2px}.sync-option-content strong{font-size:14px;font-weight:500;color:var(--text-main)}.sync-option-content span{font-size:12px;color:var(--text-muted)}.integrate-panel-content::-webkit-scrollbar{display:none}.webhook-setup{display:flex;flex-direction:column;gap:24px}.webhook-info-card{background:linear-gradient(135deg,#e8f4fd,#d1e8fc);border-color:#a3d0f5}[data-theme=dark] .webhook-info-card{background:linear-gradient(135deg,#0066cc26,#0066cc1a);border-color:#0066cc4d}.webhook-setup-header{display:flex;align-items:flex-start;gap:16px}.webhook-icon-large{color:#06c;flex-shrink:0}.webhook-setup-header h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-main)}.webhook-setup-header p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.webhook-list{display:flex;flex-direction:column;gap:12px}.webhook-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s}.webhook-item:hover{border-color:var(--primary)}.webhook-item.inactive{opacity:.7}.webhook-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.webhook-item-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.webhook-item-status .status-active{color:#22c55e}.webhook-item-status .status-inactive{color:#f59e0b}.webhook-item-status span.active{color:#22c55e}.webhook-item-status span.inactive{color:#f59e0b}.webhook-item-actions{display:flex;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s}.btn-icon:hover:not(:disabled){background:var(--bg-main);color:var(--text-main)}.btn-icon.danger:hover:not(:disabled){background:#ef44441a;color:#ef4444}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.webhook-item-url{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);background:var(--bg-secondary);padding:10px 12px;border-radius:8px;margin-bottom:10px;overflow:hidden}.webhook-item-url svg{flex-shrink:0;color:var(--primary)}.webhook-item-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-item-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted)}.webhook-item-meta .failure-count{color:#ef4444}@media(max-width:767px){.integrate-panel-header h2{font-size:20px}.integrate-panel-content{padding:24px 16px}.integrations-grid{grid-template-columns:1fr}.integrations-grid-container{max-width:100%}.integration-card,.integrate-card,.sheets-connected,.sheets-instructions{padding:16px}.sheets-connected-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.version-history-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:vhFadeIn .2s ease-out}.version-history-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:vhSlideUp .3s ease-out}.version-history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.version-history-header h2{font-size:18px;font-weight:600;color:var(--text-main);margin:0}.version-history-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s}.version-history-close:hover{background:var(--bg-main);color:var(--text-main)}.version-history-body{flex:1;overflow-y:auto;padding:16px 24px}.version-history-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.version-history-empty p{margin:8px 0 0;font-size:14px}.version-history-loading{display:flex;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-muted);gap:8px;font-size:14px}.version-list{display:flex;flex-direction:column;gap:2px}.version-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:background .15s;cursor:default}.version-item:hover{background:var(--bg-main)}.version-item-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.version-item-dot.current{background:#16a34a;box-shadow:0 0 0 3px #16a34a33}.version-item-content{flex:1;min-width:0}.version-item-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}.version-item-time{font-size:13px;font-weight:600;color:var(--text-main)}.version-item-badge{font-size:11px;font-weight:500;padding:1px 6px;border-radius:4px;background:#dcfce7;color:#16a34a}.version-item-summary{font-size:13px;color:var(--text-muted);line-height:1.4}.version-item-questions{font-size:12px;color:var(--text-muted);opacity:.7;margin-top:2px}.version-item-actions{flex-shrink:0;margin-top:2px}.version-restore-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:transparent;border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .2s;white-space:nowrap}.version-restore-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.version-restore-btn:disabled{opacity:.5;cursor:not-allowed}.version-restore-confirm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:#fffbeb;border-top:1px solid #fde68a}.version-restore-confirm p{font-size:13px;color:#92400e;margin:0}.version-restore-confirm-actions{display:flex;gap:8px;flex-shrink:0}.version-restore-confirm-actions button{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.version-restore-cancel{background:transparent;border:1px solid #d4a574;color:#92400e}.version-restore-cancel:hover{background:#0000000d}.version-restore-apply{background:var(--primary);border:none;color:#fff}.version-restore-apply:hover{opacity:.9}@keyframes vhFadeIn{0%{opacity:0}to{opacity:1}}@keyframes vhSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.version-history-modal{width:95%;max-height:85vh}.version-history-header{padding:16px}.version-history-body{padding:12px 16px}.version-restore-confirm{flex-direction:column;align-items:flex-start;padding:12px 16px}}.translate-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:tmFadeIn .2s ease-out}.translate-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:tmSlideUp .3s ease-out}.translate-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.translate-header-left{display:flex;align-items:center;gap:10px}.translate-header h2{font-size:18px;font-weight:600;color:var(--text-main);margin:0}.translate-header p{font-size:13px;color:var(--text-muted);margin:2px 0 0}.translate-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:all .2s}.translate-close:hover{background:var(--bg-main);color:var(--text-main)}.translate-body{flex:1;overflow-y:auto;padding:20px 24px}.translate-field{margin-bottom:20px}.translate-field label{display:block;font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:6px}.translate-existing-list{display:flex;flex-direction:column;gap:4px}.translate-existing-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface, var(--bg-main));border-radius:8px;border:1px solid var(--border)}.translate-existing-name{font-size:13px;font-weight:500;color:var(--text-main)}.translate-existing-actions{display:flex;gap:4px}.translate-existing-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;background:transparent}.translate-existing-btn.view{color:var(--primary)}.translate-existing-btn.view:hover{background:var(--primary-light, rgba(99, 102, 241, .1))}.translate-existing-btn.delete{color:var(--text-muted)}.translate-existing-btn.delete:hover{color:#dc2626;background:#dc26261a}.translate-select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-main);font-size:14px;cursor:pointer;transition:border-color .2s}.translate-select:focus{outline:none;border-color:var(--primary)}.translate-summary{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface, var(--bg-main));border-radius:8px;font-size:13px;color:var(--text-muted)}.translate-summary svg{flex-shrink:0;color:var(--primary)}.translate-error{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:#dc2626;margin-bottom:16px}.translate-error svg{flex-shrink:0;margin-top:1px}.translate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:16px;text-align:center}.translate-loading-spinner{animation:tmSpin 1s linear infinite;color:var(--primary)}.translate-loading p{font-size:14px;color:var(--text-muted);margin:0}.translate-loading p:last-child{font-size:12px;opacity:.7}.translate-preview-list{display:flex;flex-direction:column;gap:12px}.translate-preview-item{border:1px solid var(--border);border-radius:8px;overflow:hidden}.translate-preview-item-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface, var(--bg-main));font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.translate-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.translate-preview-cell{padding:10px 12px;font-size:13px;background:var(--bg-card);line-height:1.5}.translate-preview-cell.original{color:var(--text-muted)}.translate-preview-cell.translated{color:var(--text-main);font-weight:500}.translate-preview-cell-label{font-size:11px;font-weight:500;color:var(--text-muted);opacity:.7;margin-bottom:2px}.translate-preview-options{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.translate-preview-option{padding:2px 8px;background:var(--surface, var(--bg-main));border-radius:4px;font-size:12px}.translate-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.translate-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.translate-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-main)}.translate-btn-secondary:hover{background:var(--bg-main)}.translate-btn-primary{background:var(--primary, #6366f1);border:none;color:#fff}.translate-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.translate-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.translate-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;text-align:center}.translate-success-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#16a34a}.translate-success h3{font-size:16px;font-weight:600;color:var(--text-main);margin:0}.translate-success p{font-size:13px;color:var(--text-muted);margin:0}@keyframes tmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tmSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:767px){.translate-modal{width:95%;max-height:85vh}.translate-header,.translate-body{padding:16px}.translate-footer{padding:12px 16px}.translate-preview-row{grid-template-columns:1fr}}.builder-preview-modal{position:fixed;inset:0;z-index:50;background-color:var(--bg-main)}.builder-preview-modal.mobile-preview{background-color:#1e1e1e}.preview-device-toggle{position:fixed;top:16px;left:16px;z-index:60;display:flex;align-items:center;gap:4px;padding:4px;background-color:#fffffff2;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a}.builder-preview-modal.mobile-preview .preview-device-toggle{background-color:#2d2d2d;border-color:#404040}.preview-device-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s}.preview-device-btn:hover{color:#374151;background-color:#f3f4f6}.preview-device-btn.active{color:#fff;background-color:#4f46e5}.builder-preview-modal.mobile-preview .preview-device-btn{color:#9ca3af}.builder-preview-modal.mobile-preview .preview-device-btn:hover{color:#e5e7eb;background-color:#374151}.builder-preview-modal.mobile-preview .preview-device-btn.active{color:#fff;background-color:#4f46e5}.preview-skip-validation{position:fixed;top:16px;right:64px;z-index:60;display:flex;align-items:center;background-color:#fffffff2;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;box-shadow:0 2px 8px #0000001a}.preview-toggle-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.preview-toggle-switch{position:relative;width:36px;height:20px;background-color:#d1d5db;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s;padding:0;flex-shrink:0}.preview-toggle-switch.active{background-color:#4f46e5}.preview-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.preview-toggle-switch.active .preview-toggle-knob{transform:translate(16px)}.builder-preview-modal.mobile-preview .preview-skip-validation{background-color:#2d2d2d;border-color:#404040}.builder-preview-modal.mobile-preview .preview-toggle-label{color:#9ca3af}.builder-preview-modal.mobile-preview .preview-toggle-switch{background-color:#4b5563}.builder-preview-modal.mobile-preview .preview-toggle-switch.active{background-color:#4f46e5}.builder-preview-close-btn{position:fixed;top:16px;right:16px;z-index:60;width:36px;height:36px;padding:0;background-color:#fffffff2;border-radius:50%;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#6b7280;box-shadow:0 2px 8px #0000001a}.builder-preview-close-btn:hover{background-color:#f3f4f6;color:#374151}.builder-preview-modal.mobile-preview .builder-preview-close-btn{background-color:#2d2d2d;border-color:#404040;color:#9ca3af}.builder-preview-modal.mobile-preview .builder-preview-close-btn:hover{background-color:#374151;color:#e5e7eb}.builder-preview-content{width:100%;height:100%;overflow-y:auto}.builder-preview-modal.mobile-preview .builder-preview-content{display:flex;justify-content:center;align-items:flex-start;padding:80px 24px 24px}.builder-preview-modal.mobile-preview .builder-preview-content>*{width:375px;max-width:375px;min-height:calc(100vh - 104px);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;background-color:var(--bg-main)}.builder-form-name{font-size:14px;font-weight:600;color:var(--text);background:transparent;border:1px solid transparent;border-radius:4px;padding:4px 8px;max-width:200px;outline:none;text-overflow:ellipsis}.builder-form-name:hover{border-color:var(--border)}.builder-form-name:focus{border-color:var(--primary);background:var(--bg-card)}.builder-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.link-btn{color:var(--primary);text-decoration:underline;background:none;border:none;cursor:pointer;font-size:1rem}.btn-preview{background-color:#eef2ff;color:#6366f1;border:1px solid #c7d2fe}.btn-preview:hover{background-color:#e0e7ff}.btn-copy-link{background-color:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.btn-copy-link:hover{background-color:#cce8fb}.btn-publish{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.btn-publish:hover{background-color:#cef5da}.btn-publish.published{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.btn-publish.published:hover{background-color:#e9eaed}.builder-toolbar-wrapper{position:absolute;top:68px;left:calc(var(--sidebar-width) + (100% - var(--sidebar-width) - var(--properties-width)) / 2);transform:translate(-50%);z-index:20;display:flex;align-items:center;width:calc(100% - var(--sidebar-width) - var(--properties-width) - 48px);max-width:860px;padding:5px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px #0000001a}.builder-toolbar{display:flex;align-items:center;gap:4px}.toolbar-right{display:flex;align-items:center;gap:6px;margin-left:auto}.toolbar-save-btn{display:flex;align-items:center;justify-content:center;padding:6px 14px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.toolbar-save-btn:hover{opacity:.9}.toolbar-save-btn:disabled{opacity:.6;cursor:not-allowed}.buy-pro-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #f59e0b4d;transition:all .2s}.buy-pro-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 3px 12px #f59e0b66;transform:translateY(-1px)}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:5px;cursor:pointer;color:var(--text-muted);transition:all .2s}.toolbar-btn:hover{background:var(--primary-light);color:var(--primary)}.toolbar-btn-label{width:auto;padding:0 10px;gap:4px}.toolbar-btn-label span{font-size:12px;font-weight:500}.toolbar-btn-new-block{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:6px}.toolbar-btn-new-block:hover{background:var(--bg-secondary);color:var(--text-primary)}.toolbar-divider{width:1px;height:16px;background:var(--border);flex-shrink:0}.app-container .canvas{padding-top:60px}.mobile-fab{display:none}@media(max-width:767px){.mobile-fab{display:flex;position:fixed;bottom:80px;right:16px;width:56px;height:56px;background:var(--primary);color:#fff;border:none;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;cursor:pointer;z-index:45;transition:transform .2s,box-shadow .2s}.mobile-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #6366f180}.mobile-fab:active{transform:scale(.95)}}@media(max-width:767px){.builder-toolbar-wrapper{display:none}.app-container .canvas{padding-top:40px}.preview-device-toggle{top:12px;left:12px}.preview-device-btn{width:40px;height:40px}.preview-skip-validation{top:12px;right:56px}.builder-preview-close-btn{top:12px;right:12px;width:40px;height:40px}.builder-preview-modal.mobile-preview .builder-preview-content{padding:72px 16px 16px}.builder-preview-modal.mobile-preview .builder-preview-content>*{width:100%;max-width:100%;border-radius:0;min-height:calc(100vh - 88px)}}@media(min-width:768px)and (max-width:1023px){.builder-toolbar-wrapper{top:68px}.app-container .canvas{padding-top:80px}}.integrate-panel{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow-y:auto;background:var(--bg-main)}.integrate-content{max-width:600px;width:100%}.integrate-content h2{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--text)}.integrate-content>p{color:var(--text-muted);margin-bottom:32px}.integrate-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.integrate-section h3{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text)}.integrate-section>p{color:var(--text-muted);font-size:14px;margin-bottom:16px}.code-block{background:var(--bg-main);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.code-block code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:var(--text);word-break:break-all;white-space:pre-wrap}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.integration-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color .2s,box-shadow .2s}.integration-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f11a}.integration-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;flex-shrink:0}.integration-icon.zapier{background:#fff4e5;color:#ff4a00}.integration-icon.webhook{background:#e8f4fd;color:#06c}.integration-icon.sheets{background:#e6f4ea;color:#0f9d58}.integration-icon.slack{background:#f4e8ff;color:#611f69}.integration-icon.email{background:#ffeaea;color:#dc2626}.integration-icon.database{background:#e8f0fe;color:#1a73e8}.integration-info{flex:1;min-width:0}.integration-info h3{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text)}.integration-info p{font-size:12px;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-sm{padding:6px 12px;font-size:12px;flex-shrink:0}.integration-card.coming-soon{opacity:.7}.integration-card.coming-soon:hover{border-color:var(--border);box-shadow:none}.coming-soon-badge{font-size:11px;font-weight:500;color:var(--text-muted);background:var(--bg-main);padding:4px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.copy-link-wrapper{position:relative;display:inline-flex}.copied-message{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:#1e293b;color:#fff;font-size:11px;font-weight:500;border-radius:4px;white-space:nowrap;animation:copiedFadeInOut 2s ease-in-out forwards;z-index:9999;pointer-events:none;box-shadow:0 2px 8px #00000026}@keyframes copiedFadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}@media(max-width:767px){.integrate-panel{padding:24px 16px}.integrate-content h2{font-size:20px}.integrations-grid{grid-template-columns:1fr}.integrate-section{padding:16px}.code-block{padding:12px}.code-block code{font-size:12px}}.share-page{min-height:100vh;background:var(--bg-main);display:flex;flex-direction:column}.builder-form-name-static{font-size:14px;color:var(--text-main);font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-content{flex:1;padding:32px 24px;overflow-y:auto}.share-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.share-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.section-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.section-icon.embed-icon{background:linear-gradient(135deg,#10b981,#059669)}.section-icon.domain-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.section-title-group h2{margin:0;font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--text-main)}.section-title-group p{margin:0;font-size:14px;color:var(--text-muted)}.publish-card{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.publish-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px}.publish-info{flex:1}.publish-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:8px}.publish-status.published{background:#10b98126;color:#10b981}.publish-status.draft{background:#fbbf2426;color:#fbbf24}.publish-description{margin:0;font-size:13px;color:var(--text-muted)}.publish-btn{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.publish-btn.publish{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.publish-btn.publish:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.publish-btn.unpublish{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.publish-btn.unpublish:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.publish-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.url-card{margin-bottom:20px}.url-card label{display:block;font-size:14px;font-weight:600;letter-spacing:.3px;color:var(--text-main);margin-bottom:12px}.url-input-group{display:flex;align-items:center;background:var(--bg-main);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease;margin-bottom:12px}.url-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #5c6bc01a}.url-icon{padding:0 12px;color:var(--primary)}.url-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:14px;padding:14px 0;outline:none}.copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;margin:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.copy-btn.copied{background:#10b98133;color:#10b981;border-color:#10b9814d}.share-actions-row{display:flex;gap:8px;flex-wrap:wrap}.share-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:all .2s ease}.share-action-btn:hover{background:var(--bg-main);color:var(--primary);border-color:var(--primary)}.qr-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;max-width:360px;width:90%}.qr-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.qr-modal-close:hover{background:var(--bg-main);color:var(--text-main)}.qr-modal h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-main)}.qr-modal p{margin:0 0 24px;font-size:14px;color:var(--text-muted)}.qr-modal-preview{margin-bottom:24px}.qr-modal-preview img{width:200px;height:200px;border-radius:12px;background:#fff;padding:12px}.qr-modal-download{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.qr-modal-download:hover{opacity:.9}.embed-disabled-notice{display:flex;align-items:center;gap:12px;padding:20px;background:var(--bg-main);border:1px dashed var(--border);border-radius:12px;color:var(--text-muted)}.embed-disabled-notice p{margin:0;font-size:14px}.embed-inline-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-size:14px;font-weight:400;color:var(--text-main)}.embed-inline-header span:first-child{font-weight:600}.embed-select{padding:6px 10px;background:var(--bg-main);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;appearance:auto;transition:border-color .2s ease}.embed-select:hover{border-color:var(--primary)}.embed-select:focus{outline:none;border-color:var(--primary)}.embed-content{background:var(--bg-main);border:1px solid var(--border);border-radius:12px;padding:20px}.code-block{position:relative;background:#1e293b;border-radius:8px;overflow:hidden}.code-block pre{margin:0;padding:16px 60px 16px 16px;overflow-x:auto}.code-block code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#e2e8f0;white-space:pre-wrap;word-break:break-all}.code-copy-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;transition:all .2s ease}.code-copy-btn:hover{background:#fff3;color:#fff}.code-copy-btn.copied{background:#10b98133;color:#10b981}.coming-soon-card{background:var(--bg-main);border:1px dashed var(--border);border-radius:12px;padding:24px;text-align:center}.coming-soon-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.coming-soon-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-main)}.coming-soon-card>p{font-size:14px;color:var(--text-muted);line-height:1.6;max-width:500px;margin:0 auto 20px}.coming-soon-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.coming-soon-features li{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:13px;color:var(--text-muted)}.coming-soon-features li:before{content:"✓";color:var(--primary);font-weight:700}.share-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}@media(max-width:768px){.share-content,.share-section{padding:16px}.section-header{flex-direction:column;gap:12px}.publish-toggle{flex-direction:column;align-items:stretch;gap:12px}.publish-btn{width:100%}.qr-content{flex-direction:column;text-align:center}.qr-info{display:flex;flex-direction:column;align-items:center}.embed-inline-header{flex-wrap:wrap}.coming-soon-features{flex-direction:column;align-items:stretch}}.members-list-container{width:100%}.members-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.header-info h2{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.header-info p{color:var(--text-secondary);margin:0;font-size:14px}.add-member-btn{display:flex;align-items:center;gap:8px;background:var(--primary-color, #6366f1);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.add-member-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.members-list{display:flex;flex-direction:column;gap:12px}.member-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card, transparent);transition:all .2s ease}.member-item:hover{border-color:#6366f14d}.member-item.invite-item{opacity:.85}.member-item.expired{opacity:.5}.member-info{display:flex;align-items:center;gap:16px}.member-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.member-avatar.invite-avatar{background:linear-gradient(135deg,#94a3b8,#64748b)}.member-details{display:flex;flex-direction:column;gap:4px}.member-name{font-weight:500;font-size:15px;color:var(--text-primary)}.member-email{font-size:13px;color:var(--text-secondary)}.member-email.invite-status{display:flex;align-items:center;gap:6px}.invite-workspaces{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-top:2px}.invite-workspaces svg{color:var(--primary-color, #6366f1)}.member-actions{display:flex;align-items:center;gap:12px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.role-badge.owner{background:#fbbf2426;color:#fbbf24}.role-badge.admin{background:#6366f126;color:#818cf8}.role-badge.member{background:#94a3b826;color:#94a3b8}.role-badge.creator{background:#22c55e26;color:#22c55e}.role-dropdown-container{position:relative}.role-badge-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.role-badge-btn.owner{background:#fbbf2426;color:#fbbf24}.role-badge-btn.admin{background:#6366f126;color:#818cf8}.role-badge-btn.member{background:#94a3b826;color:#94a3b8}.role-badge-btn:hover{filter:brightness(1.1)}.role-badge-btn:disabled{opacity:.7;cursor:not-allowed}.role-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card, #1e293b);border:1px solid var(--border-color);border-radius:10px;padding:6px;min-width:140px;box-shadow:0 10px 40px #0000004d;z-index:100;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.role-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;border-radius:6px;transition:all .15s ease;text-align:left}.role-dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.role-dropdown-item.selected{background:#6366f11a;color:#818cf8}.delete-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-btn:hover{color:#ef4444;background:#ef44441a}.delete-btn:disabled{opacity:.5;cursor:not-allowed}.invites-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.invites-divider:before,.invites-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary);text-align:center}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state p{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--text-primary)}.empty-state span{font-size:14px}@media(max-width:640px){.members-list-header{flex-direction:column;gap:16px}.add-member-btn{width:100%;justify-content:center}.member-item{flex-direction:column;align-items:flex-start;gap:12px}.member-actions{width:100%;justify-content:flex-end}}.delete-account-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.delete-account-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.delete-account-modal-header{position:relative;padding:24px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between}.delete-account-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fee2e2;color:#dc2626}[data-theme=dark] .delete-account-modal-icon{background-color:#dc262633;color:#fca5a5}.delete-account-modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.delete-account-modal-close-btn:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-main)}.delete-account-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.delete-account-modal-body{padding:0 24px 24px}.delete-account-modal-body h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 12px}.delete-account-modal-body .warning-text{font-size:14px;color:var(--text-muted);margin:0 0 16px;line-height:1.6}.deletion-list{margin:0 0 16px;padding-left:20px;font-size:14px;color:var(--text-muted);line-height:1.8}.deletion-list li{margin-bottom:4px}.email-notice{font-size:14px;color:var(--text-muted);background:var(--bg-secondary);padding:12px;border-radius:8px;margin:0}.confirm-instruction{font-size:14px;color:var(--text-muted);margin:0 0 16px;line-height:1.6}.confirm-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;font-size:16px;font-family:monospace;letter-spacing:2px;background:var(--bg-main);color:var(--text-main);text-align:center;transition:border-color .2s}.confirm-input:focus{outline:none;border-color:#dc2626}.confirm-input:disabled{opacity:.5;cursor:not-allowed}.error-message{margin-top:12px;padding:12px;background-color:#fee2e2;color:#dc2626;border-radius:8px;font-size:14px}[data-theme=dark] .error-message{background-color:#dc262633;color:#fca5a5}.delete-account-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.delete-account-modal-footer .btn-secondary{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.delete-account-modal-footer .btn-secondary:hover:not(:disabled){background-color:var(--bg-main)}.delete-account-modal-footer .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{padding:10px 20px;border-radius:8px;border:1px solid #DC2626;background:transparent;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background-color:#fee2e2}[data-theme=dark] .btn-danger-outline:hover{background-color:#dc262633}.btn-danger{padding:10px 20px;border-radius:8px;border:none;background-color:#dc2626;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.analytics-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.analytics-title-row h1{font-size:1.25rem;font-weight:700;margin:0}.analytics-actions{display:flex;align-items:center;gap:12px}.date-range-selector{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-md);background-color:var(--bg-main);border:1px solid var(--border);font-size:.875rem;color:var(--text-main)}.date-range-select{border:none;background:transparent;color:var(--text-main);font-size:.875rem;outline:none;cursor:pointer;font-family:inherit}.date-range-select option{background-color:var(--bg-card);color:var(--text-main)}.export-btn{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;gap:8px}.export-btn:hover:not(:disabled){opacity:.9}.export-btn:disabled{opacity:.6;cursor:not-allowed}.analytics-content{flex:1;padding:32px;width:100%;max-width:1280px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:32px}.stat-card{background-color:var(--bg-card);padding:1.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-top{display:flex;align-items:center;gap:6px}.stat-label{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-main);line-height:1.2}.forms-performance{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h3{font-size:1.125rem;font-weight:600;margin:0}.table-search{position:relative}.table-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.table-search input{padding:8px 16px 8px 40px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-main);color:var(--text-main);font-size:.875rem;outline:none;width:240px;font-family:inherit}.table-search input:focus{border-color:var(--primary)}.performance-table-wrapper{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse}.performance-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.performance-table td{padding:16px;font-size:.875rem;border-bottom:1px solid var(--border)}.performance-table tbody tr:last-child td{border-bottom:none}.performance-table tbody tr:hover{background-color:var(--bg-main)}.form-name-cell{display:flex;align-items:center;gap:12px;font-weight:500;min-width:200px}.form-name-cell svg{color:var(--primary);flex-shrink:0}.form-name-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numeric-cell{font-variant-numeric:tabular-nums;white-space:nowrap}.submissions-cell{font-weight:600;color:var(--text-main)}.time-cell{color:var(--text-muted);font-size:.875rem;white-space:nowrap}.details-cell{text-align:right;white-space:nowrap}.details-link{background:none;border:none;color:var(--primary);font-size:.8125rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md);transition:all .15s}.details-link:hover{background-color:var(--primary-light, rgba(99, 102, 241, .08));text-decoration:underline}.empty-table{text-align:center;padding:48px!important;color:var(--text-muted)}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-muted)}.analytics-loading .spinner{animation:spin 1s linear infinite;color:var(--primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-inline{animation:spin 1s linear infinite}@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.analytics-header{padding:16px 20px;height:auto;min-height:80px;flex-direction:column;gap:16px}.header-left,.header-right{width:100%;justify-content:space-between}.header-right{flex-wrap:wrap}.analytics-content{padding:24px 16px}.stats-grid{grid-template-columns:1fr 1fr}.export-btn span{display:none}.performance-table-wrapper{overflow-x:scroll}.performance-table{min-width:800px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}