.exit-intent-popup-generator{min-height:auto;background:linear-gradient(135deg,#fef3c7,#fef9c3,#fef3c7);padding:24px}.eip-header{text-align:center;margin-bottom:32px}.eip-header h1{font-size:2.5rem;font-weight:700;color:var(--gray-800);margin:0 0 8px}.eip-header p{font-size:1.1rem;color:var(--gray-500);margin:0}.eip-layout{display:grid;grid-template-columns:var(--tool-controls-width, 420px) 1fr;gap:24px;max-width:1600px;margin:0 auto}@media (max-width: 1200px){.eip-layout{grid-template-columns:1fr}}.eip-controls{display:flex;flex-direction:column;gap:16px;max-height:none;overflow-y:auto;padding-right:8px}.eip-controls::-webkit-scrollbar{width:6px}.eip-controls::-webkit-scrollbar-track{background:transparent}.eip-controls::-webkit-scrollbar-thumb{background:#d97706;border-radius:3px}.eip-section{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.eip-section h3{font-size:1.15rem;font-weight:700;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary);letter-spacing:.03em}.eip-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.eip-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.eip-preset-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:.85rem;color:#92400e;cursor:pointer;transition:all .2s}.eip-preset-btn:hover{background:#fef3c7;border-color:var(--warning)}.eip-preset-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.eip-field{margin-bottom:14px}.eip-field:last-child{margin-bottom:0}.eip-field label{display:block;font-size:.85rem;font-weight:500;color:var(--gray-700);margin-bottom:6px}.eip-field input[type=text],.eip-field input[type=email],.eip-field input[type=url],.eip-field input[type=number],.eip-field textarea,.eip-field select{width:100%;padding:10px 12px;font-size:.9rem;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);color:var(--gray-800);transition:all .2s}.eip-field input:focus,.eip-field textarea:focus,.eip-field select:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.eip-field input[type=range]{width:100%;height:6px;border-radius:3px;background:var(--gray-200);outline:none;-webkit-appearance:none}.eip-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#d97706;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.eip-field textarea{resize:vertical;min-height:80px}.eip-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eip-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.eip-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#d97706;cursor:pointer}.eip-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.eip-color-field label{display:block;font-size:.8rem;font-weight:500;color:var(--gray-700);margin-bottom:4px}.eip-color-input{display:flex;gap:6px}.eip-color-input input[type=color]{width:36px;height:36px;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;padding:2px}.eip-color-input input[type=text]{flex:1;min-width:0;padding:8px;font-size:.8rem;border:1px solid var(--gray-200);border-radius:6px;background:var(--gray-50)}.eip-main{display:flex;flex-direction:column;gap:24px}.eip-preview{background:#f9fafb;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.eip-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #fcd34d;box-shadow:0 1px 3px #0000001a}.eip-preview-header h3{font-size:1rem;font-weight:600;color:#92400e;margin:0}.eip-toggle-preview{padding:6px 12px;background:#f9fafb;color:var(--white);border:2px solid #d1d5db;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s;box-shadow:0 1px 3px #0000001a}.eip-toggle-preview:hover{background:#b45309}.eip-preview-content{padding:0;min-height:500px;display:flex;align-items:center;justify-content:center;background:#f9fafb;box-shadow:0 1px 3px #0000001a}.eip-preview-popup{width:100%;height:100%;min-height:500px}.eip-preview-overlay{width:100%;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;padding:20px;background:#f9fafb;box-shadow:0 1px 3px #0000001a}.eip-preview-modal{position:relative;width:100%;box-shadow:0 25px 50px -12px #00000040;text-align:center}.eip-preview-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#f9fafb;border:2px solid #d1d5db;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.eip-preview-close:hover{background:#0000000d}.eip-preview-image{width:calc(100% + 80px);height:180px;object-fit:cover}.eip-preview-icon{width:64px;height:64px;border:2px solid #d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.eip-preview-headline{font-size:28px;font-weight:700;margin:0 0 8px;line-height:1.2}.eip-preview-subheadline{font-size:20px;font-weight:600;margin:0 0 16px}.eip-preview-body{font-size:16px;margin:0 0 24px;line-height:1.5}.eip-preview-timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;margin-bottom:24px;font-weight:600;box-shadow:0 1px 3px #0000001a}.eip-preview-form{display:flex;flex-direction:column;gap:12px}.eip-preview-form input{width:100%;padding:14px 16px;font-size:16px;border:1px solid;border-radius:8px;outline:none}.eip-preview-primary-btn{width:100%;padding:16px 24px;background:#f9fafb;font-size:18px;font-weight:600;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.eip-preview-primary-btn:hover{opacity:.9}.eip-preview-secondary-btn{background:#f9fafb;border:2px solid #d1d5db;font-size:14px;cursor:pointer;padding:12px;margin-top:8px;box-shadow:0 1px 3px #0000001a}.eip-preview-privacy{font-size:13px;margin-top:16px}.eip-export{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.eip-export h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 16px}.eip-export-buttons{display:flex;flex-wrap:wrap;gap:10px}.eip-export-btn{padding:10px 20px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:.9rem;font-weight:500;color:#92400e;cursor:pointer;transition:all .2s}.eip-export-btn:hover{background:#fef3c7;border-color:var(--warning)}.eip-export-btn.copied,.eip-download-btn{background:#d97706;color:var(--white);border-color:#d97706}.eip-download-btn:hover{background:#b45309;border-color:#b45309}.eip-tips{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.eip-tips h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0 0 16px}.eip-tips ul{margin:0;padding:0;list-style:none}.eip-tips li{position:relative;padding:8px 0 8px 24px;font-size:.9rem;color:var(--gray-600);line-height:1.5}.eip-tips li:before{content:"";position:absolute;left:0;top:14px;width:8px;height:8px;background:#d97706;border-radius:50%}.eip-tips li strong{color:var(--gray-800)}@media (max-width: 768px){.exit-intent-popup-generator{padding:16px}.eip-header h1{font-size:1.75rem}.eip-controls{max-height:none;overflow-y:visible}.eip-presets,.eip-row,.eip-color-grid{grid-template-columns:1fr}.eip-export-buttons{flex-direction:column}.eip-export-btn{width:100%;text-align:center}}