:root{--body-accent-rgb: 139, 162, 121;--body-secondary-rgb: 111, 134, 93}[data-theme=light]{--body-accent-rgb: 111, 134, 93;--body-secondary-rgb: 85, 150, 60}main{--accent: rgb(139, 162, 121);--accent-hover: rgb(111, 134, 93);--accent-reverse: rgba(139, 162, 121, .9);--accent-hover-reverse: rgba(111, 134, 93, .8);--accent-bg: rgb(139, 162, 121);--accent-hover-bg: rgb(111, 134, 93);--accent-bg-rgb: 139, 162, 121;--secondary: rgba(111, 134, 93, 1);--secondary-hover: rgba(167, 186, 149, 1);--tertiary: rgba(167, 186, 149, .8);--button-primary-text: rgb(30, 35, 35);--hero-text-gradient: linear-gradient(270deg, #8BA279 0%, #A7BA95 15%, #7A9168 35%, #6F865D 60%, #5E7351 80%, #95AA83 100%);--category-accent: rgb(139, 162, 121);--category-bg: rgba(139, 162, 121, .15);--filter-accent: rgb(111, 134, 93);--filter-bg: rgba(139, 162, 121, .9);--accent-rgb: 139, 162, 121;--secondary-rgb: 111, 134, 93;--tertiary-rgb: 167, 186, 149;--generator-primary: var(--accent);--generator-secondary: var(--secondary);--generator-highlight: rgba(var(--accent-rgb), .1)}[data-theme=light] main{--accent: rgb(111, 134, 93);--accent-hover: rgb(65, 115, 40);--accent-rgb: 111, 134, 93;--accent-bg: rgb(111, 134, 93);--accent-hover-bg: rgb(65, 115, 40);--accent-bg-rgb: 111, 134, 93;--hero-text-gradient: linear-gradient(270deg, #47822F 0%, #55963C 15%, #417328 35%, #366020 60%, #2B4D18 80%, #47822F 100%);--category-accent: rgb(65, 115, 40);--filter-accent: rgb(111, 134, 93);--button-primary-text: white;--secondary: rgba(85, 150, 60, 1);--secondary-hover: rgba(50, 95, 30, 1);--secondary-rgb: 85, 150, 60}main .generator-card{box-shadow:var(--glass-shadow),0 0 20px #8ba27914}.video-section{margin:4rem 0;padding:0 1rem}.video-container{max-width:900px;margin:0 auto}.video-title{font-size:2rem;font-weight:700;text-align:center;margin:0 0 .5rem;background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.video-subtitle{text-align:center;color:var(--text-secondary);font-size:1rem;margin:1.5rem 0}.video-player-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000}.video-player{width:100%;display:block;aspect-ratio:16 / 9;background:#000;object-fit:cover}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 70%,transparent 100%);padding:2rem 1rem 1rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.video-player-wrapper:hover .video-controls,.video-controls.show{opacity:1;pointer-events:auto}.video-progress-container{position:relative;width:100%;height:6px;background:#ffffff4d;border-radius:3px;margin-bottom:.75rem;cursor:pointer}.video-progress-bar{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:3px;width:0%;transition:width .1s linear}.video-progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s ease;pointer-events:none;left:0%}.video-progress-container:hover .video-progress-handle{opacity:1}.video-controls-bottom{display:flex;justify-content:space-between;align-items:center}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:.75rem}.video-control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;border-radius:4px}.video-control-btn:hover{opacity:.7}.video-control-btn svg{width:24px;height:24px}.video-time{color:#fff;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.25rem;-webkit-user-select:none;user-select:none}.time-separator{opacity:.6}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:1;transition:opacity .3s ease;pointer-events:auto}.video-play-overlay.hidden{opacity:0;pointer-events:none}.video-play-overlay-btn{background:var(--accent);border:none;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #0000004d}.video-play-overlay-btn:hover{transform:scale(1.1);background:var(--accent-hover)}.video-play-overlay-btn svg{width:32px;height:32px;color:#fff;margin-left:4px}.play-icon.hidden,.pause-icon.hidden,.fullscreen-icon.hidden,.exit-fullscreen-icon.hidden{display:none}@media(max-width:768px){.video-section{margin:0}.video-title{font-size:1.5rem}.video-subtitle{font-size:.9rem}.video-player-wrapper{border-radius:12px}.video-play-overlay-btn{width:64px;height:64px}.video-play-overlay-btn svg{width:24px;height:24px}.video-control-btn svg{width:20px;height:20px}.video-time{font-size:.8rem}}.model-selector{grid-template-columns:1fr 1fr}.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}.model-option.error{border-color:#e74c3c;background:#e74c3c0d}.model-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.model-icon{transition:background-color .2s ease,color .2s ease}@media(max-width:768px){.model-selector{grid-template-columns:1fr}.model-option{padding:1rem}}main .generate-btn,main .btn-primary{background:var(--accent);color:#fff;transition:all .2s ease}@keyframes button-pulse{0%{box-shadow:0 0 rgba(var(--accent-rgb),.8);transform:scale(1)}50%{box-shadow:0 0 0 20px rgba(var(--accent-rgb),0);transform:scale(1.02)}to{box-shadow:0 0 rgba(var(--accent-rgb),0);transform:scale(1)}}main .btn-primary.pulse-once{animation:button-pulse 2s ease-out infinite}main .btn-primary:disabled{background:var(--text-secondary)!important;opacity:.5;cursor:not-allowed}.post-export-cards{margin-bottom:2rem}main .generate-btn:before,main .btn-primary:before,.start-card-action:before,.make-card-action:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)!important}main .generate-btn:hover,main .btn-primary:hover{background:var(--accent-hover);color:#fff}.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-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-input-wrapper input[type=text],.color-input-wrapper .coloris{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.9em;height:3rem;line-height:1.5;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.color-input-wrapper input[type=text]:focus,.color-input-wrapper .coloris:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2)}.form-group{padding-bottom:.9rem}.form-group textarea{min-height:80px}main #export-btn{margin-top:2rem}main .upvote-pill{background-color:rgba(var(--accent-rgb),.1);border-color:rgba(var(--accent-rgb),.2)}main .upvote-pill:hover{background-color:rgba(var(--accent-rgb),.15);border-color:rgba(var(--accent-rgb),.3)}main .tool-card{background:linear-gradient(135deg,#8ba2790d,#55963c14);border-color:#8ba27933}main .tool-card .tool-icon{background:var(--accent);color:#fff}main .tool-card .btn-primary{background:var(--accent);color:#fff;border:none;transition:all .2s ease}main .tool-card .btn-primary:hover{background:var(--accent-hover);color:#fff}main .tool-card .card-icon{background:var(--accent);color:#fff}@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}.make-features{grid-template-columns:1fr}}main .faq-section .faq-search-icon:hover,main .faq-section .faq-chevron,main .faq-section .faq-answer-content code,main .faq-section .faq-answer-content a,main .faq-section .no-results svg{color:#8ba279}main .faq-section .faq-category.active,main .faq-section .faq-category:hover{background:#8ba279;border-color:#8ba279}main .faq-section .faq-search-input-container:focus-within{border-color:#8ba279;box-shadow:0 0 0 3px #8ba2791a}main .faq-section .faq-question:hover{background:#8ba2790d}main .faq-section .faq-title{background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}main .faq-category-btn.active,main .faq-category-btn:hover{color:var(--button-primary-text)}.eye-icon.eye-open.hidden-initial,.format-tabs.hidden-initial{display:none}.show-block{display:block!important}.show-none{display:none!important}.btn-success{background:#27ae60!important;color:#fff!important}.btn-error,.model-icon.connected{background:#e74c3c!important;color:#fff!important}