main{--transition-speed:0.3s;--accent:rgb(120, 185, 95);--accent-hover:rgb(85, 150, 60);--accent-reverse:rgba(120, 185, 95, 0.9);--accent-hover-reverse:rgba(85, 150, 60, 0.8);--secondary:rgba(85, 150, 60, 1);--secondary-hover:rgba(140, 205, 115, 1);--tertiary:rgba(140, 205, 115, 0.8);--hero-text-gradient:linear-gradient(270deg, 
    #78B95F 0%,    /* Lush green base */
    #8CCD73 15%,   /* Light green */
    #6AA54B 35%,   /* Medium sage */
    #55963C 60%,   /* Rich sage green */
    #47822F 80%,   /* Deep green */
    #82C767 100%   /* Bright green finish */
  );--category-accent:rgb(120, 185, 95);--category-bg:rgba(120, 185, 95, 0.15);--filter-accent:rgb(85, 150, 60);--filter-bg:rgba(120, 185, 95, 0.9);--accent-rgb:120,185,95;--secondary-rgb:85,150,60;--tertiary-rgb:140,205,115;--generator-primary:var(--accent);--generator-secondary:var(--secondary);--generator-highlight:rgba(var(--accent-rgb), 0.1)}main .generator-card{box-shadow:var(--glass-shadow),0 0 20px rgba(120,185,95,.08)}.model-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.model-option.connected{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.model-option .model-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.model-option .model-title{font-weight:600;color:var(--text-primary);margin:0}.model-option .model-description{color:var(--text-secondary);font-size:.875rem;margin:0}.accordion-body,.accordion-section{position:relative}.section-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--bg-primary-rgb,255,255,255),.85);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}[data-theme=dark] .section-overlay{background:rgba(30,35,35,.9)}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.overlay-spinner{width:32px;height:32px;border:3px solid rgba(var(--accent-rgb),.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.overlay-message{color:var(--text-primary);font-weight:500;text-align:center}.model-option.error{border-color:#e74c3c;background:rgba(231,76,60,.05)}.section-error-message{background:rgba(231,76,60,.1);border:1px solid #e74c3c;border-radius:8px;padding:12px 16px;margin-top:16px;color:#c0392b;font-weight:500;display:none}.model-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.model-icon{transition:background-color .2s ease,color .2s ease}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.model-selector{grid-template-columns:1fr;gap:.75rem}.model-option{padding:1rem}}main .btn-primary,main .generate-btn{background:linear-gradient(135deg,#78b95f 0,#55963c 100%)}main .btn-primary:hover,main .generate-btn:hover{background:linear-gradient(135deg,#55963c 0,#8ccd73 100%)}main .upvote-counter{background-color:rgba(120,185,95,.1);border-color:rgba(120,185,95,.2)}[data-theme=light] main{--accent:rgb(65, 115, 40);--accent-hover:rgb(85, 150, 60);--accent-rgb:65,115,40;--hero-text-gradient:linear-gradient(270deg, 
    #47822F 0%,    /* Deep green */
    #55963C 15%,   /* Rich sage */
    #417328 35%,   /* Medium dark green */
    #366020 60%,   /* Dark forest green */
    #2B4D18 80%,   /* Very dark green */
    #47822F 100%   /* Deep green finish */
  );--category-accent:rgb(65, 115, 40);--filter-accent:rgb(85, 150, 60);--secondary:rgba(85, 150, 60, 1);--secondary-hover:rgba(50, 95, 30, 1);--secondary-rgb:85,150,60}.accordion-container{background:var(--bg-secondary);border-radius:16px;padding:0;margin-bottom:2rem;border:var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden}.accordion-section{border-bottom:1px solid var(--border);transition:all var(--transition-speed, .3s) ease}.accordion-section:last-child{border-bottom:none}.accordion-section.disabled{opacity:.6;pointer-events:none}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;cursor:pointer;transition:all var(--transition-speed, .3s) ease;background:var(--bg-primary);user-select:none}.accordion-header:hover{background:var(--bg-primary)}.accordion-header-content{display:flex;align-items:center;gap:1rem;flex:1;text-align:left}.section-indicator{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-speed, .3s) ease;flex-shrink:0}.section-number{font-weight:700;font-size:1rem;color:var(--text-secondary);transition:all var(--transition-speed, .3s) ease}.section-checkmark{width:18px;height:18px;color:#fff;opacity:0;transform:scale(0);transition:all var(--transition-speed, .3s) ease;position:absolute}.section-info{display:flex;flex-direction:column;gap:.25rem;flex:1;text-align:left}.accordion-header .section-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0;text-align:left}.accordion-header .section-status{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.3;text-align:left}.accordion-chevron{transition:all var(--transition-speed, .3s) ease;color:var(--text-secondary);flex-shrink:0}.accordion-chevron svg{transition:transform .3s ease}.accordion-section.active .section-indicator{border-color:var(--accent);background:var(--accent)}.accordion-section.active .section-number{color:#fff}.accordion-section.active .accordion-header .section-status{color:var(--accent);font-weight:500}.accordion-section.active .accordion-chevron{color:var(--accent)}.accordion-section.active .accordion-chevron svg{transform:rotate(180deg)}.accordion-section.completed .section-indicator{border-color:var(--accent);background:var(--accent)}.accordion-section.completed .section-number{opacity:0;transform:scale(0)}.accordion-section.completed .section-checkmark{opacity:1;transform:scale(1)}.accordion-section.completed .accordion-header .section-status{color:var(--accent);font-weight:500}.accordion-content{max-height:0;overflow:hidden;transition:all var(--transition-speed, .4s) cubic-bezier(.4, 0, .2, 1);background:var(--bg-secondary);margin-top:0;border-radius:0 0 12px 12px;border:var(--glass-border);border-top:none;box-shadow:var(--glass-shadow)}.accordion-content.active{max-height:2000px}.accordion-body{padding:2rem}.section-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;border-top:1px solid var(--border)}.section-actions .generate-btn,.section-actions .secondary-action{min-width:150px}.form-navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.form-navigation .generate-btn,.form-navigation .secondary-action{min-width:150px}@media screen and (max-width:768px){.accordion-header{padding:1rem 1.5rem}.accordion-body{padding:0 1.5rem 1.5rem 1.5rem}.accordion-header-content{gap:.75rem}.section-indicator{width:36px;height:36px}.section-number{font-size:.9rem}.section-checkmark{width:16px;height:16px}.section-status{font-size:.8rem}.section-actions{flex-direction:column;gap:1rem}.section-actions .generate-btn,.section-actions .secondary-action{width:100%}.accordion-content.active{max-height:3000px}.accordion-body{padding:1.5rem}.form-navigation{flex-direction:column;gap:1rem}.form-navigation .generate-btn,.form-navigation .secondary-action{width:100%}}.auth-section{background-color:var(--bg-secondary);border-radius:16px;padding:2rem;margin-bottom:2rem;border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:2rem 0}.form-card{background-color:var(--bg-primary);border-radius:12px;padding:1.5rem;border:var(--glass-border);box-shadow:var(--glass-shadow);transition:all var(--transition-speed, .3s) ease;cursor:pointer;position:relative}.form-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15)}.form-card.selected{border-color:var(--accent);background-color:rgba(var(--accent-rgb),.1)}.form-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.3}.form-meta{color:var(--text-secondary);font-size:.85rem;margin-bottom:.75rem}.form-url{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);background:rgba(var(--accent-rgb),.05);padding:.5rem;border-radius:6px;border:1px solid rgba(var(--accent-rgb),.1)}.form-url svg{flex-shrink:0;color:var(--accent)}.form-url .url-text{font-family:inherit;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-url .url-link{color:var(--accent);text-decoration:none;font-family:inherit;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease;cursor:pointer}.form-url .url-link:hover{color:var(--accent-hover);text-decoration:underline}.selection-indicator{position:absolute;top:1rem;right:1rem;width:20px;height:20px;border-radius:50%;border:2px solid var(--border);background-color:var(--bg-primary);transition:all var(--transition-speed, .3s) ease}.form-card.selected .selection-indicator{border-color:var(--accent);background-color:var(--accent)}.selection-indicator::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;background-color:#fff;border-radius:50%;transition:transform .2s ease}.form-card.selected .selection-indicator::after{transform:translate(-50%,-50%) scale(1)}.search-forms{position:relative}input.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem!important;border-radius:8px;border:var(--glass-border);background-color:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-secondary)}.forms-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination-btn{padding:.5rem 1rem;border:var(--glass-border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:6px;cursor:pointer;transition:all var(--transition-speed, .2s) ease}.pagination-btn:hover{background-color:var(--bg-primary)}.pagination-btn.active{background-color:var(--accent);color:var(--button-primary-text);border-color:var(--accent)}.api-key-field-row{display:flex;align-items:center;gap:.75rem;width:100%}.api-key-input{background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;flex:1;font-family:Quicksand,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:.9rem;height:3rem;line-height:1.5;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.api-key-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.api-key-toggle{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;height:3rem;border-radius:8px;transition:all var(--transition-speed, .2s) ease;flex-shrink:0;min-width:48px;box-sizing:border-box}.api-key-toggle:hover{color:var(--accent);background-color:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.3)}.api-key-toggle:focus{outline:0;color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.api-key-section{padding:1.5rem 1.5rem 0 1.5rem;transition:all var(--transition-speed, .3s) ease}.api-key-section .section-description{font-size:.85rem;color:var(--text-tertiary);margin-top:.5rem;margin-bottom:0;line-height:1.4;text-align:left;font-style:italic;opacity:.8;max-width:100%}.color-inputs-grid{display:grid;grid-template-columns:1fr auto 1fr auto;gap:1rem 2rem;align-items:start}.color-column{display:flex;flex-direction:column;gap:.25rem}.color-group{display:flex;flex-direction:column;gap:.5rem}.color-label{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:0}.color-subtitle{color:var(--text-secondary);font-size:.85rem;margin:0}.color-input-wrapper{width:100%}.color-picker-group{display:flex;flex-direction:column;gap:.5rem}.color-picker-label{font-size:.9rem;font-weight:500}.collapsible-section{position:relative}.collapsible-toggle{padding:1rem 1.5rem;background-color:var(--generator-highlight);color:var(--generator-primary);border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.collapsible-content{display:none;padding-top:1.5rem}.collapsible-icon{transition:transform .3s ease}.collapsible-open .collapsible-icon{transform:rotate(180deg)}.form-group{padding-bottom:.9rem}.form-group textarea{min-height:80px}.styled-dropdown-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;transition:transform .2s ease}.styled-dropdown.open .styled-dropdown-arrow{transform:translateY(-50%) rotate(180deg)}.upvote-heart{display:inline-block;font-size:1.1em;animation:glow 2s infinite alternate}@keyframes glow{0%{opacity:.8;transform:scale(1)}100%{opacity:1;transform:scale(1.05)}}main #export-btn{margin-top:2rem;width:100%}main #export-error-message,main #export-success-message{margin-top:1rem}main .upvote-pill{background-color:rgba(120,185,95,.1);border-color:rgba(120,185,95,.2)}main .upvote-pill:hover{background-color:rgba(120,185,95,.15);border-color:rgba(120,185,95,.3)}main .results-feedback{box-shadow:var(--glass-shadow),0 0 20px rgba(120,185,95,.08)}main .feedback-btn.upvote-btn{background:linear-gradient(135deg,#78b95f 0,#55963c 100%);border-color:#78b95f}main .feedback-btn.upvote-btn:hover{background:linear-gradient(135deg,#55963c 0,#8ccd73 100%);border-color:#55963c}main .feedback-submit{background:linear-gradient(135deg,#78b95f 0,#55963c 100%)}main .feedback-submit:hover{background:linear-gradient(135deg,#55963c 0,#8ccd73 100%)}.format-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.format-card{background:var(--bg-primary);border:2px solid var(--border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all var(--transition-speed, .3s) ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:160px}.format-card:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05);box-shadow:0 8px 25px rgba(0,0,0,.1)}.format-card.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 0 1px var(--accent)}.format-card input[type=checkbox]{display:none}.format-preview{margin-bottom:1rem;color:var(--accent);transition:all var(--transition-speed, .3s) ease;display:flex;align-items:center;justify-content:center;width:64px;height:48px;margin:0 auto 1rem}.format-preview img{width:100%;height:100%;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.format-preview svg{width:32px;height:32px}.format-card:hover .format-preview{transform:scale(1.1)}.format-card:hover .format-preview img{box-shadow:0 4px 12px rgba(0,0,0,.2)}.format-details h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem 0;line-height:1.2}.format-details p{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.format-checkmark{position:absolute;top:1rem;right:1rem;width:20px;height:20px;border:2px solid var(--border);border-radius:4px;background:var(--bg-primary);transition:all var(--transition-speed, .3s) ease;display:flex;align-items:center;justify-content:center}.format-card.selected .format-checkmark{background:var(--accent);border-color:var(--accent)}.format-checkmark::after{content:'';width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.format-card.selected .format-checkmark::after{transform:rotate(45deg) scale(1)}.format-checkboxes{display:flex;flex-direction:column;gap:.75rem}.format-checkbox-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all var(--transition-speed, .3s) ease;position:relative}.format-checkbox-item:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.format-checkbox-item input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;position:relative;transition:all var(--transition-speed, .3s) ease;flex-shrink:0;margin-top:2px}.format-checkbox-item input[type=checkbox]:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.checkmark::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform-origin:center;transition:transform .2s ease}.format-checkbox-item input[type=checkbox]:checked+.checkmark::after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.format-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.format-info strong{color:var(--text-primary);font-weight:600;font-size:.95rem}.format-info small{color:var(--text-secondary);font-size:.85rem;line-height:1.3}.loading-spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}.btn-primary.loading .loading-spinner,.generate-btn.loading .loading-spinner{display:inline-block}.btn-primary.loading svg:not(.loading-spinner),.generate-btn.loading svg:not(.loading-spinner){display:none}.main-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}.tab{padding:.75rem 1.5rem;cursor:pointer;border-bottom:2px solid transparent;font-weight:500;transition:all var(--transition-speed, .2s) ease;white-space:nowrap;color:var(--text-secondary)}.tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.tab:hover:not(.active){background-color:rgba(var(--accent-rgb),.05);color:var(--text-primary)}.tab-content{display:none}.tab-content.active{display:block}.format-tabs{display:flex;background:var(--bg-secondary);border-radius:8px;padding:4px;margin-bottom:1rem;flex-wrap:wrap;gap:4px;min-height:48px}.format-tab{flex:1;padding:.5rem 1rem;border:none;background:0 0;color:var(--text-secondary);font-weight:500;border-radius:6px;cursor:pointer;transition:all var(--transition-speed, .3s) ease;font-size:.85rem;white-space:nowrap;min-width:0}.format-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.format-tab:hover:not(.active){background:var(--bg-primary);color:var(--text-primary)}.format-tab.tab-error{border:1px solid rgba(231,76,60,.3);background:rgba(231,76,60,.05);color:var(--text-primary)}.format-tab.tab-error:hover:not(.active){background:rgba(231,76,60,.1);border-color:rgba(231,76,60,.5)}.format-tab.tab-error.active{background:rgba(231,76,60,.9);color:#fff;border-color:#e74c3c;box-shadow:0 2px 8px rgba(231,76,60,.3)}.tab-error-indicator{font-size:.8em;margin-left:4px}.forms-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;min-height:300px;grid-column:1/-1}.forms-error-icon{color:#e74c3c;margin-bottom:1rem}.forms-error-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.forms-error-message{color:var(--text-secondary);margin-bottom:1rem;max-width:500px;line-height:1.5}.forms-error-details{background:var(--bg-secondary);border-radius:4px;padding:.75rem;margin-bottom:1.5rem;font-family:monospace;font-size:.875rem;color:var(--text-secondary);max-width:600px;word-break:break-word}.forms-error-actions{display:flex;gap:.75rem}.pagination{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.25rem;transition:all var(--transition-speed, .2s) ease;min-height:36px}.pagination-btn:hover:not(.disabled){background:var(--bg-secondary);border-color:var(--accent)}.pagination-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-btn.page-number{min-width:36px;justify-content:center}.pagination-ellipsis{color:var(--text-secondary);padding:0 .25rem}.pagination-info{text-align:center;color:var(--text-secondary);font-size:.875rem}@media (max-width:768px){.pagination-controls{gap:.25rem}.pagination-btn{padding:.4rem .6rem;font-size:.8rem;min-height:32px}.pagination-btn.page-number{min-width:32px}}.forms-search.loading{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9c2.03 0 3.89.67 5.39 1.8"/><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 12 12" to="360 12 12" dur="1s" repeatCount="indefinite"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:40px}.forms-search.loading::placeholder{opacity:.5}.make-automation-card{position:relative;background:linear-gradient(135deg,#6d00cc 0,#b02de9 25%,#e90cf9 50%,#f0f 75%,#e90cf9 100%);border-radius:16px;padding:24px;cursor:pointer;transition:all var(--transition-speed, .3s) ease;overflow:hidden;box-shadow:0 8px 32px rgba(109,0,204,.25),0 4px 16px rgba(240,0,255,.15);max-width:400px;min-height:180px}.make-automation-card:hover{box-shadow:0 12px 48px rgba(109,0,204,.35),0 8px 24px rgba(240,0,255,.25);border-color:rgba(255,255,255,.2)}.make-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1}.make-card-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.2) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.15) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 3px,transparent 3px);background-size:40px 40px,60px 60px,80px 80px;background-position:0 0,20px 20px,40px 40px;animation:makePatternFlow 20s linear infinite}@keyframes makePatternFlow{0%{background-position:0 0,20px 20px,40px 40px}100%{background-position:80px 80px,100px 100px,120px 120px}}.make-card-content{position:relative;z-index:2;color:#fff;height:100%;display:flex;flex-direction:column}.make-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.make-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(255,255,255,.75);border-radius:12px;backdrop-filter:blur(10px)}.make-badge{background:rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.make-card-body{flex:1}.make-card-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.make-card-description{font-size:.875rem;line-height:1.5;color:rgba(255,255,255,.9)!important;margin:0}.make-card-action{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(255,255,255,.15);border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-speed, .3s) ease}.make-automation-card:hover .make-card-action{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.3)}.make-action-text{font-weight:600;color:#fff;font-size:.9rem}.make-action-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:6px;transition:transform .3s ease}.make-automation-card:hover .make-action-arrow{transform:translateX(4px);background:rgba(255,255,255,.3)}@media (max-width:768px){.make-automation-card{padding:20px;min-height:160px}.make-card-title{font-size:1.1rem}.make-card-description{font-size:.8rem}}.export-status-container{min-height:200px;display:none;align-items:center;justify-content:center;margin:2rem 0;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary);padding:2rem}.results-actions{padding:2rem;margin-top:2rem;text-align:center}.results-actions h3{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.action-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition-speed, .3s) ease;text-decoration:none;white-space:nowrap}.action-btn:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.action-btn.primary-action{background:var(--accent);border-color:var(--accent);color:#fff}.action-btn.primary-action:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.action-btn.secondary-action{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.action-btn.secondary-action:hover{background:var(--accent);color:#fff}.action-btn.tertiary-action{background:var(--bg-primary);border-color:var(--border);color:var(--text-primary)}.action-btn.tertiary-action:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.secondary-action{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition-speed, .3s) ease;text-decoration:none;white-space:nowrap}.secondary-action:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.export-type-info{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:var(--glass-border)}.export-info-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.export-info-left{flex:1}.export-type-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.export-type-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.4}.export-info-right{flex-shrink:0}.export-actions{display:flex;align-items:center;gap:1rem}@media (max-width:768px){.export-info-content{flex-direction:column;align-items:flex-start;gap:1.5rem}.export-info-right{width:100%}.export-actions{flex-direction:column;width:100%;gap:.75rem}.export-actions .btn-primary,.export-actions .btn-secondary{width:100%;justify-content:center}}.download-content{padding:2rem;text-align:center}.download-content h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}#download-formats-list{display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto}.download-format-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.format-details{flex:1;text-align:left}.format-details h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.format-details p{color:var(--text-secondary);font-size:.9rem;margin:0}.format-actions{display:flex;gap:.75rem;flex-wrap:wrap}main .tool-card{background:linear-gradient(135deg,rgba(120,185,95,.05) 0,rgba(85,150,60,.08) 100%);border-color:rgba(120,185,95,.2)}main .tool-card .tool-icon{background:linear-gradient(135deg,#78b95f,#55963c)}main .tool-card .btn-primary{background:linear-gradient(135deg,#78b95f 0,#55963c 100%);color:#fff;border:none}main .tool-card .btn-primary:hover{background:linear-gradient(135deg,#55963c 0,#8ccd73 100%)}main .tool-card .card-icon{background:linear-gradient(135deg,#78b95f,#55963c)}@media screen and (max-width:768px){.form-group textarea{min-height:185px}.color-inputs-grid{grid-template-columns:1fr;gap:1.5rem}.color-column{text-align:center}.color-input-wrapper{margin-top:.5rem}.forms-grid{grid-template-columns:1fr}.make-features{grid-template-columns:1fr}.upvote-pill{font-size:.8rem;padding:.4rem .8rem}.results-feedback{padding:1.5rem}.feedback-text-area{min-height:70px}.format-checkbox-item{padding:.75rem;gap:.75rem}.format-info strong{font-size:.9rem}.format-info small{font-size:.8rem}.main-tabs{margin-bottom:1rem}.tab{padding:.6rem 1rem;font-size:.9rem}.format-tabs{flex-direction:column;gap:.25rem}.format-tab{flex:none;text-align:center}.action-btns{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:280px;justify-content:center}.download-format-item{flex-direction:column;text-align:center;gap:1rem}.format-details{text-align:center}.format-actions{justify-content:center}.results-actions{padding:1.5rem}.format-cards-grid{grid-template-columns:1fr;gap:.75rem}.format-card{min-height:120px;padding:1rem}.format-details h3{font-size:.9rem}.format-details p{font-size:.8rem}}.preview-header{display:flex;justify-content:flex-end;padding:.5rem;background:var(--bg-secondary);border-top-left-radius:12px;border-top-right-radius:12px}.fullscreen-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed, .2s) ease}.fullscreen-btn:hover{background:var(--bg-tertiary);border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.fullscreen-btn svg{flex-shrink:0}.fullscreen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);z-index:10000;display:flex;flex-direction:column}.fullscreen-modal.hidden{display:none}.fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.fullscreen-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.fullscreen-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:0 0;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed, .2s) ease}.fullscreen-close-btn:hover{background:var(--bg-tertiary);border-color:rgba(var(--accent-rgb),.3);color:var(--accent)}.fullscreen-content{flex:1;padding:1rem;display:flex;flex-direction:column}.fullscreen-preview-frame{width:100%;height:100%;border:1px solid var(--border);border-radius:12px;background:#fff}@media (max-width:768px){.preview-header{padding:.75rem}.fullscreen-btn{font-size:.8rem;padding:.4rem .8rem}.fullscreen-header{padding:1rem}.fullscreen-title{font-size:1rem}.fullscreen-close-btn{width:36px;height:36px}.fullscreen-content{padding:.75rem}}.make-automation-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:20000;display:flex;align-items:center;justify-content:center}.make-automation-modal.hidden{display:none}.make-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.make-modal-container{position:relative;background:var(--bg-primary);border-radius:20px;max-width:700px;width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid var(--border)}.make-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:linear-gradient(135deg,#6d00cc 0,#b02de9 50%,#f0f 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.make-modal-title{display:flex;align-items:center;justify-content:space-between;width:100%;margin-right:16px}.make-logo-section{display:flex;align-items:center;gap:12px}.make-logo-section svg{background:rgba(255,255,255,.9);padding:6px;border-radius:8px}.make-logo-section span{font-size:20px;font-weight:700;color:#fff}.servalian-badge{background:rgba(120,185,95,.2);color:rgba(255,255,255,.9);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(120,185,95,.3)}.make-modal-close{background:0 0;border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed, .2s) ease}.make-modal-close:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}.make-modal-content{padding:32px;overflow-y:auto;max-height:calc(90vh - 100px)}.make-intro-section{text-align:center;margin-bottom:32px}.make-intro-section h3{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.make-intro-section p{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto}.make-workflow-preview{display:flex;align-items:center;justify-content:center;gap:16px;margin:32px 0;padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{position:absolute;top:-8px;left:-8px;background:linear-gradient(135deg,#6d00cc,#b02de9);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:1}.step-content{display:flex;flex-direction:column;align-items:center;gap:12px}.step-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.typeform-icon{background:#262627}.servalian-icon{background:rgba(120,185,95,.1);border:1px solid rgba(120,185,95,.2);padding:8px}.servalian-icon img{width:100%;height:100%;object-fit:contain}.destination-icon{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.step-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;margin:0}.step-info p{font-size:12px;color:var(--text-secondary);margin:0;max-width:120px}.workflow-arrow{color:var(--text-light);flex-shrink:0}.make-instructions{margin:32px 0}.make-instructions h4{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px;text-align:center}.instruction-list{display:flex;flex-direction:column;gap:20px}.instruction-item{display:flex;gap:16px;align-items:flex-start}.instruction-number{background:linear-gradient(135deg,#6d00cc,#b02de9);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.instruction-content{flex:1}.instruction-content strong{display:block;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.instruction-content p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.instruction-content code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:13px;color:var(--text-primary)}.highlight{background:linear-gradient(135deg,#6d00cc,#b02de9);color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.make-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.make-cancel-btn{padding:12px 24px;font-size:14px}.make-template-btn{padding:12px 32px;font-size:14px;background:linear-gradient(135deg,#6d00cc 0,#b02de9 50%,#f0f 100%);border:none;color:#fff;display:flex;align-items:center;gap:8px}.make-template-btn:hover{background:linear-gradient(135deg,#5a00a8 0,#9625c7 50%,#d600d6 100%);transform:translateY(-1px);box-shadow:0 4px 16px rgba(176,45,233,.3)}@media (max-width:768px){.make-modal-container{width:95vw;margin:16px}.make-modal-header{padding:20px 24px}.make-modal-title{flex-direction:column;align-items:flex-start;gap:8px}.make-logo-section span{font-size:18px}.make-modal-content{padding:24px}.make-workflow-preview{flex-direction:column;gap:20px}.workflow-arrow{transform:rotate(90deg)}.instruction-item{flex-direction:column;gap:12px}.instruction-number{align-self:flex-start}.make-modal-actions{flex-direction:column;gap:12px}.make-cancel-btn,.make-template-btn{width:100%;justify-content:center}}main .faq-section .faq-answer-content a,main .faq-section .faq-answer-content code,main .faq-section .faq-chevron,main .faq-section .faq-search-icon,main .faq-section .no-results svg{color:var(--text-secondary)}main .faq-section .faq-answer-content a,main .faq-section .faq-answer-content code,main .faq-section .faq-chevron,main .faq-section .faq-search-icon:hover,main .faq-section .no-results svg{color:#78b95f}main .faq-section .faq-category.active,main .faq-section .faq-category:hover{background:#78b95f;border-color:#78b95f}main .faq-section .faq-search-input-container:focus-within{border-color:#78b95f;box-shadow:0 0 0 3px rgba(120,185,95,.1)}main .faq-section .faq-question:hover{background:rgba(120,185,95,.05)}main .faq-section .faq-title{background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.api-key-section.hidden-initial{display:none}.eye-icon.eye-open.hidden-initial{display:none}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.format-tabs.hidden-initial{display:none}.preview-frame{width:100%;height:600px;border:none;background:#fff}.show-block{display:block!important}.show-flex{display:flex!important}.show-none{display:none!important}.btn-success{background:#27ae60!important;color:#fff!important}.btn-error{background:#e74c3c!important;color:#fff!important}.model-icon.connected{background:#e74c3c!important;color:#fff!important}.description-success{color:var(--accent)!important;font-weight:500!important}.progress-10{width:10%!important}.progress-30{width:30%!important}.progress-70{width:70%!important}.progress-95{width:95%!important}.progress-100{width:100%!important}.progress-0{width:0%!important}.body-no-scroll{overflow:hidden!important}.toast-progress.animate-out{width:0%!important;transition-duration:inherit}