.generator{display:flex;flex-direction:column;gap:var(--space-xl);max-width:1400px;margin:0 auto;}.output{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl) 0;min-height:200px;position:relative;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);}.output:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);}.output__placeholder{text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--space-md);}.output__icon{font-size:3rem;opacity:0.6;}.output__content{}.output__content--visible{display:block;}.output__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-lg);color:var(--primary-color);display:flex;align-items:center;gap:var(--space-sm);}.output__prompt{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;min-height:120px;margin-bottom:var(--space-lg);position:relative;}.output__prompt::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-md) var(--radius-md) 0 0;}.output__actions{display:flex;gap:var(--space-md);justify-content:flex-end;flex-wrap:wrap;}.output__action{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);}.output__action:hover{background:var(--primary-color);color:var(--white);transform:translateY(-1px);}.output__action--primary{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);}.output__action--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);}.output__tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-lg);}.tag{background:var(--primary-color);color:var(--white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-xs);}.tag--secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary);}.output__description{color:var(--text-secondary);font-style:italic;margin-bottom:var(--space-md);line-height:1.5;}.prompt-generator{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);}.generator-header{text-align:center;margin-bottom:var(--space-xl);}.generator-title{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-md) 0;color:var(--text-primary);}.generator-description{color:var(--text-secondary);margin:0;line-height:1.6;}.generation-controls{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;}.generate-btn{background:var(--gradient-primary);color:var(--white);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:var(--space-sm);position:relative;overflow:hidden;}.generate-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}.generate-btn:hover::before{left:100%;}.generate-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.generate-btn:active{transform:translateY(0);}.generate-btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);}.generate-btn--secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color);}.prompt-result{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);transition:all var(--transition-fast);position:relative;}.prompt-result--generated{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1);animation:result-highlight 0.6s ease-out;}@keyframes result-highlight{0%{transform:scale(0.98);opacity:0.8;}50%{transform:scale(1.02);}100%{transform:scale(1);opacity:1;}}.prompt-text{font-family:var(--font-mono);font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);margin:0;word-wrap:break-word;white-space:pre-wrap;}.prompt-placeholder{color:var(--text-tertiary);font-style:italic;text-align:center;font-size:var(--text-lg);}.prompt-actions{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs);}.action-btn:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-1px);}.action-btn--primary{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);}.action-btn--primary:hover{background:var(--primary-hover);}.action-btn--success{background:var(--success-color);color:var(--white);border-color:var(--success-color);}.templates-section{margin-bottom:var(--space-xl);}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);}.template-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;}.template-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-fast);}.template-card:hover::before{transform:scaleX(1);}.template-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color);}.template-card--active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,0.1);}.template-card--active::before{transform:scaleX(1);}.template-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--text-primary);}.template-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5;}.template-icon{font-size:2rem;margin-bottom:var(--space-sm);display:block;}.generation-stats{display:flex;justify-content:center;gap:var(--space-lg);margin:var(--space-xl) 0;flex-wrap:wrap;}.stat-item{text-align:center;padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);min-width:120px;}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--primary-color);display:block;margin-bottom:var(--space-xs);}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);}.progress-indicator{position:fixed;top:0;left:0;right:0;height:3px;background:var(--bg-tertiary);z-index:var(--z-modal);opacity:0;transition:opacity var(--transition-fast);}.progress-indicator--visible{opacity:1;}.progress-bar{height:100%;background:var(--gradient-primary);width:0%;transition:width 0.3s ease;border-radius:0 3px 3px 0;}.prompt-stats{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);}.stat-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color);}.stat-icon{font-size:var(--text-2xl);}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--primary-color);}.stat-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-xs) 0;}.stat-fill{height:100%;background:var(--gradient-primary);transition:width 0.5s ease;border-radius:var(--radius-full);}.quality-score{font-size:var(--text-3xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.uniqueness-meter{width:100%;height:8px;background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden;position:relative;}.meter-fill{height:100%;width:75%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width 0.5s ease;}.quick-actions{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);}.action-row{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;}.quick-templates{margin-top:var(--space-lg);}.templates-header{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);}.templates-icon{font-size:var(--text-xl);}.quick-action{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);}.quick-action:hover{background:var(--primary-color);color:var(--white);transform:translateY(-1px);}@media (min-width:1200px){.generator{padding:0 var(--space-lg);}}@media (max-width:1024px){.generator{gap:var(--space-lg);}}@media (max-width:768px){.generator{gap:var(--space-md);}.quick-actions{padding:var(--space-lg);}.action-row{flex-direction:column;align-items:stretch;gap:var(--space-sm);}.action-row .btn{width:100%;}.quick-templates{flex-direction:column;align-items:stretch;}.templates-label{text-align:center;margin-bottom:var(--space-sm);}.prompt-generator{padding:var(--space-lg);}.generation-controls{gap:var(--space-sm);}.generate-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);}.prompt-result{padding:var(--space-lg);}.prompt-text{font-size:var(--text-base);}.templates-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);}.generation-stats{gap:var(--space-sm);}.stat-item{min-width:100px;padding:var(--space-sm);}.stat-value{font-size:var(--text-xl);}.output__actions{flex-direction:column;}.stats-grid{grid-template-columns:1fr;}}@media (max-width:480px){.prompt-actions,.quick-actions{flex-direction:column;align-items:center;padding:var(--space-md);}.action-btn,.quick-action{width:100%;max-width:200px;justify-content:center;}.generation-stats{flex-direction:column;align-items:center;}.stat-item{width:100%;max-width:200px;}.templates-grid{grid-template-columns:1fr;}}