.generator-page{--primary:#ff6b35;--primary-dark:#e55a2b;--primary-light:#ff8f66;--accent:#00d4aa;--bg-dark:#0d1117;--bg-card:#161b22;--bg-card-hover:#1c2128;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--border:#30363d;position:relative;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;padding:48px 16px}.generator-page .close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);transition:all .2s ease;z-index:100}.generator-page .close-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-secondary)}.generator-page .card{background:var(--bg-card)!important;border:1px solid var(--border)!important}.generator-page .card,.generator-page .label-text,.generator-page h2,.generator-page h3{color:var(--text-primary)}.generator-page .muted-text{color:var(--text-secondary)}.generator-page .dropzone{background:var(--bg-dark);border-color:var(--border)}.generator-page .dropzone.dragging,.generator-page .dropzone:hover{border-color:var(--primary);background:rgba(255,107,53,.05)}.generator-page .dropzone-add{background:var(--bg-card);border-color:var(--border)}.generator-page .dropzone-add:hover{border-color:var(--primary);background:var(--bg-card-hover)}.generator-page .image-preview{background:var(--bg-card-hover);border-color:var(--border)}.generator-page .toggle-btn{background:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-secondary)!important}.generator-page .toggle-btn:hover{background:var(--bg-card-hover)!important;border-color:var(--text-secondary)!important}.generator-page .toggle-btn[data-state=on]{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.generator-page .select-trigger{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.generator-page .select-trigger:hover{border-color:var(--text-secondary)}.generator-page .textarea{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.generator-page .textarea::placeholder{color:var(--text-muted)}.generator-page .textarea:focus{border-color:var(--primary)}.generator-page .btn-primary{background:var(--primary)!important;color:#fff!important}.generator-page .btn-primary:hover{background:var(--primary-dark)!important}.generator-page .btn-outline{background:transparent;border-color:var(--border);color:var(--text-primary)}.generator-page .btn-outline:hover{background:var(--bg-card-hover);border-color:var(--text-secondary)}.generator-page .results-empty{background:var(--bg-card);color:var(--text-secondary)}.generator-page .result-item{background:var(--bg-card);border-color:var(--border)}.generator-page .result-item:hover{border-color:var(--text-secondary)}.generator-page .result-title{color:var(--text-primary)}.generator-page .result-text{color:var(--text-secondary)}.generator-page .skeleton{background:var(--bg-card-hover)!important}.generator-page .warning-msg{background:rgba(255,107,53,.1);border-color:rgba(255,107,53,.3);color:var(--primary-light)}.generator-page .divider{border-color:var(--border)}.generator-page .link{color:var(--primary)}.generator-page .link:hover{color:var(--primary-light)}