.layout{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border)}.header-content{max-width:1400px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;text-decoration:none}.logo-icon{font-size:var(--font-size-2xl)}.nav{display:flex;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.nav-icon{font-size:var(--font-size-base)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.nav-link.active{color:var(--color-accent-primary);background:#6366f11a}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.user-name{font-weight:500;color:var(--color-text-primary)}.main-content{flex:1;padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.header-content{flex-wrap:wrap;gap:var(--spacing-md)}.nav{order:3;width:100%;justify-content:center}.user-name{display:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);position:relative;overflow:hidden}.auth-container{width:100%;max-width:420px;padding:var(--spacing-xl);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.auth-form{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-form h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);text-align:center}.auth-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.form-group input{height:48px}.auth-btn{width:100%;height:48px;font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.auth-switch a{color:var(--color-accent-primary);font-weight:500}.auth-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.decoration-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.orb-1{width:400px;height:400px;background:var(--color-accent-primary);top:-200px;right:-100px;animation:float 8s ease-in-out infinite}.orb-2{width:300px;height:300px;background:var(--color-accent-secondary);bottom:-150px;left:-100px;animation:float 6s ease-in-out infinite reverse}.orb-3{width:200px;height:200px;background:#a855f7;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.welcome-page{max-width:1200px;margin:0 auto}.welcome-header{text-align:center;margin-bottom:var(--spacing-2xl)}.welcome-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.welcome-header p{color:var(--color-text-tertiary);font-size:var(--font-size-lg)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.service-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base);display:flex;flex-direction:column}.service-card:hover:not(.disabled){border-color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.service-card.disabled{opacity:.6}.service-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.service-card>p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);flex-grow:1}.service-features{list-style:none;margin-bottom:var(--spacing-xl)}.service-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.feature-check{color:var(--color-success);font-weight:700}.service-btn{width:100%;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-base)}.service-btn.btn-primary{background:var(--color-accent-gradient);color:#fff;border:none;box-shadow:0 4px 15px #6366f166}.service-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f180}.welcome-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);padding:var(--spacing-xl);border-radius:var(--radius-xl)}.stat{text-align:center}.stat-value{display:block;font-size:var(--font-size-3xl);font-weight:700}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media (max-width: 768px){.welcome-stats{flex-direction:column;gap:var(--spacing-lg)}}.tetris-game-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:660px;background:#0a0a0f;border:1px solid var(--color-border, #2a2a3a);border-radius:var(--radius-lg, .75rem);overflow:hidden}.tetris-status-banner{display:flex;align-items:center;min-height:40px;padding:6px 16px;background:#111118;border-bottom:1px solid var(--color-border, #2a2a3a);flex-shrink:0;overflow-x:auto}.tetris-status-banner.article-ready{background:#10b9811f;border-bottom-color:#10b98166;cursor:pointer;animation:tetrisBannerPulse 2s ease-in-out infinite}@keyframes tetrisBannerPulse{0%,to{background:#10b9811a}50%{background:#10b98133}}.tetris-banner-ready{font-weight:600;color:var(--color-success, #10b981);text-shadow:0 0 8px rgba(16,185,129,.5);font-size:.95rem}.tetris-status-banner.article-failed{background:#ef44441a;border-bottom-color:#ef444466;cursor:pointer}.tetris-banner-failed{font-weight:600;color:#ef4444;font-size:.95rem}.tetris-banner-steps{display:flex;flex-wrap:wrap;gap:6px}.tetris-step-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;color:var(--color-text-tertiary, #64748b);background:var(--color-bg-secondary, #12121a);border:1px solid var(--color-border, #2a2a3a);white-space:nowrap}.tetris-step-chip.past{color:var(--color-text-secondary, #94a3b8);background:#10b9811f;border-color:#10b9814d}.tetris-step-chip.active{color:var(--color-accent-primary, #6366f1);background:#6366f11f;border-color:var(--color-accent-primary, #6366f1);font-weight:600}.tetris-main{display:flex;flex:1;min-height:0}.tetris-canvas-wrapper{flex:2;display:flex;align-items:center;justify-content:center;position:relative;padding:12px;min-width:0}.tetris-canvas-wrapper canvas{display:block;border-radius:6px;max-width:100%;max-height:100%}.tetris-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px}.tetris-overlay-content{text-align:center}.tetris-overlay-content h2{font-size:2rem;color:#06b6d4;text-shadow:0 0 20px rgba(6,182,212,.6);margin:0 0 8px;font-family:Courier New,monospace}.tetris-final-score{font-size:1.4rem;color:var(--color-text-primary, #f8fafc);font-family:Courier New,monospace;margin:0 0 6px}.tetris-final-level{color:var(--color-text-secondary, #94a3b8);font-size:.95rem;margin:0 0 12px}.tetris-restart-hint{color:var(--color-text-tertiary, #64748b);font-size:.85rem;margin:0}.tetris-side-panel{flex:1;display:flex;flex-direction:column;border-left:1px solid var(--color-border, #2a2a3a);background:#0e0e15;min-width:220px;max-width:340px}.tetris-panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary, #64748b);margin:0 0 6px;font-weight:600}.tetris-score-block{display:flex;flex-direction:column;padding:12px 14px;border-bottom:1px solid var(--color-border, #2a2a3a);flex-shrink:0;gap:6px}.tetris-score-row{display:flex;align-items:baseline;gap:10px}.tetris-score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary, #64748b);font-weight:600;min-width:42px}.tetris-score-value{font-size:1.8rem;font-weight:700;font-family:Courier New,monospace;color:#06b6d4;text-shadow:0 0 12px rgba(6,182,212,.5);line-height:1}.tetris-level-value,.tetris-lines-value{font-size:1.2rem}.tetris-next-piece{padding:10px 14px;border-bottom:1px solid var(--color-border, #2a2a3a);flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}.tetris-next-piece canvas{display:block;border-radius:4px;align-self:center}.tetris-live-log{flex:1;display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid var(--color-border, #2a2a3a);min-height:0;overflow:hidden}.tetris-log-entries{flex:1;overflow-y:auto;font-family:Courier New,monospace;font-size:.75rem;line-height:1.55}.tetris-log-entry{display:flex;gap:8px;padding:2px 0}.tetris-log-time{color:#475569;flex-shrink:0}.tetris-log-msg{color:#06b6d4}.tetris-leaderboard{padding:10px 14px;flex-shrink:0;max-height:220px;overflow-y:auto}.tetris-lb-table{width:100%;border-collapse:collapse;font-size:.78rem}.tetris-lb-table th{text-align:left;color:var(--color-text-tertiary, #64748b);font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 6px;border-bottom:1px solid var(--color-border, #2a2a3a)}.tetris-lb-table td{padding:4px 6px;color:var(--color-text-secondary, #94a3b8)}.tetris-lb-table th:last-child,.tetris-lb-table td:last-child{text-align:right}.tetris-lb-top td{color:#fbbf24}.tetris-lb-me td{color:#06b6d4;font-weight:600}.tetris-lb-empty{color:var(--color-text-tertiary, #64748b);font-size:.8rem;margin:4px 0 0}.tetris-lb-you{margin-top:6px;padding:4px 6px;font-size:.75rem;color:#06b6d4;border-top:1px dashed var(--color-border, #2a2a3a);font-family:Courier New,monospace}@media (max-width: 700px){.tetris-main{flex-direction:column}.tetris-side-panel{max-width:none;border-left:none;border-top:1px solid var(--color-border, #2a2a3a);max-height:200px}}.blog-writer{max-width:1000px;margin:0 auto}.blog-writer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;height:400px;gap:var(--spacing-md);color:var(--color-text-primary)}.blog-writer-loading .spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%}.bw-header{text-align:center;margin-bottom:var(--spacing-xl)}.bw-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs)}.bw-header p{color:var(--color-text-tertiary)}.btn-small{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer}.btn-small:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.btn-small.danger{border-color:transparent;background:#ef444426;color:#f87171}.btn-small.danger:hover{background:#ef444440;color:#fca5a5}.btn-small.icon{min-width:2rem;padding:var(--spacing-xs)}.bw-steps{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.bw-step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);background:var(--color-bg-tertiary);cursor:pointer;transition:all var(--transition-fast)}.bw-step.active{background:var(--color-accent-gradient)}.bw-step.completed{background:#10b98133;border:1px solid var(--color-success)}.step-number{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600}.step-label{font-size:var(--font-size-sm);font-weight:500}.bw-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.bw-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.section-desc{color:var(--color-text-tertiary);margin-bottom:var(--spacing-xl)}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.blog-card{background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast);position:relative}.blog-card:hover{border-color:var(--color-accent-primary)}.blog-card.selected{border-color:var(--color-accent-primary);background:#6366f11a}.blog-card.add-new{border-style:dashed;color:var(--color-text-tertiary)}.blog-avatar{width:60px;height:60px;border-radius:50%;background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;margin:0 auto var(--spacing-md)}.blog-delete{position:absolute;top:8px;right:8px;border:1px solid rgba(239,68,68,.45);background:#ef444429;color:#f87171;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.blog-delete:hover{background:#ef444447;transform:scale(1.05)}.blog-clickable{cursor:pointer}.blog-card h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.blog-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.blog-url{font-size:var(--font-size-xs);color:var(--color-text-tertiary);word-break:break-all}.add-icon{font-size:2rem;display:block;margin-bottom:var(--spacing-md)}.bw-section-footer{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.bw-section-footer h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.providers-grid{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.provider-card{flex:1;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.provider-card:hover:not(.disabled){border-color:var(--color-accent-primary)}.provider-card.selected{border-color:var(--color-accent-primary);background:#6366f11a}.provider-card.disabled{opacity:.5;cursor:not-allowed}.provider-icon{font-size:1.5rem;display:block;margin-bottom:var(--spacing-xs)}.provider-name{font-weight:500;font-size:var(--font-size-sm)}.provider-hint{display:block;margin-top:4px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.coming-soon{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:var(--color-warning);color:#000;font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.persona-editor{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);background:var(--color-bg-tertiary);margin-bottom:var(--spacing-xl)}.persona-header{display:flex;justify-content:space-between;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-lg)}.persona-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn-secondary.danger{border-color:transparent;background:#ef44441f;color:#f87171}.btn-secondary.danger:hover{background:#ef444433;color:#fecaca}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.persona-field textarea,.persona-field input{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary)}.persona-reference{margin-top:var(--spacing-xl)}.persona-reference-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.persona-reference-header span{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.reference-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md)}.reference-card{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-bg-primary)}.reference-card.editable{border-style:solid}.reference-card .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.reference-card .form-group input,.reference-card .form-group textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md)}.reference-actions{display:flex;justify-content:flex-end}.reference-card h5{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md)}.reference-card p{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.reference-empty{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.panel-loading.inline{display:flex;align-items:center;gap:var(--spacing-sm)}.prompts-editor{display:flex;flex-direction:column;gap:var(--spacing-xl)}.prompt-section label{display:block;margin-bottom:var(--spacing-sm)}.prompt-label{display:block;font-weight:600;color:var(--color-accent-primary);margin-bottom:var(--spacing-xs)}.prompt-hint{display:block;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.prompt-section textarea{min-height:100px;resize:vertical}.bw-actions{display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}@keyframes cta-pulse{0%,to{box-shadow:0 4px 20px #6366f140}50%{box-shadow:0 4px 28px #6366f173}}@keyframes cta-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.generate-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 40px;font-size:var(--font-size-lg);font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);background:var(--color-accent-gradient);background-size:200% 100%;color:#fff}.generate-btn:not(:disabled){animation:cta-pulse 2.5s ease-in-out infinite}.generate-btn:hover:not(:disabled){animation:cta-shimmer 1.5s ease-in-out infinite;box-shadow:0 6px 35px #6366f180;transform:translateY(-1px)}.generate-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 10px #6366f14d}.generate-btn:disabled{animation:none;opacity:.5;background-size:100% 100%}.generate-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.spinner.inline{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-text-primary);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px}.promo-input{margin-bottom:var(--spacing-md)}.promo-input textarea{min-height:150px}.settings-dock{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md)}.settings-dock>.format-settings,.settings-dock>.image-settings,.settings-dock>.structure-editor,.settings-dock>.research-settings-section{margin:0;border:none;border-radius:0;border-bottom:1px solid var(--color-border)}.settings-dock>*:last-child{border-bottom:none}.settings-dock-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);padding:10px 16px;background:var(--color-bg-secondary);border:none;border-top:1px solid var(--color-border);cursor:pointer;text-align:left}.settings-dock-toggle:hover{background:var(--color-bg-tertiary)}.settings-dock-toggle.open{color:var(--color-text-secondary)}.settings-dock-toggle .toggle-arrow{font-size:.65rem;opacity:.7;transition:transform .18s ease}.settings-dock-toggle.open .toggle-arrow{transform:rotate(0)}.settings-dock-body{padding:var(--spacing-md) var(--spacing-lg)}.format-settings,.image-settings{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg)}.structure-editor{margin:var(--spacing-md) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--color-bg-tertiary)}.settings-dock>.structure-editor{margin:0;border:none;border-radius:0;border-bottom:1px solid var(--color-border)}.structure-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.structure-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:4px}.structure-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:420px;overflow-y:auto}.structure-item{display:grid;grid-template-columns:1fr auto;align-items:start;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);gap:var(--spacing-sm)}.structure-item.type-promo{border-color:#6366f159;background:#6366f10d}.structure-item.type-intro{border-color:#10b98159;background:#10b9810f}.structure-label{display:flex;flex-direction:column;gap:2px}.structure-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);font-weight:600;font-size:var(--font-size-sm)}.structure-sub{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.structure-buttons{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-end}.structure-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.attachment-row{display:flex;align-items:center;gap:8px;margin-top:4px}.attachment-row select{min-width:180px;height:34px}.block-settings-summary{margin-top:4px}.block-settings-panel{grid-column:1 / -1;border-top:1px solid var(--color-border);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.setting-item label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.setting-item select{height:38px}.ratio-selector{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ratio-selector>label{font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.ratio-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.ratio-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font:inherit;color:inherit}.ratio-card:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary)}.ratio-card.selected{border-color:var(--color-accent-primary);background:#6366f11a}.ratio-thumbnail{width:28px;background:var(--color-text-tertiary);border-radius:2px;opacity:.5}.ratio-card.selected .ratio-thumbnail{opacity:.9;background:var(--color-accent-primary)}.ratio-label{font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap}.ratio-card.selected .ratio-label{color:var(--color-text-primary)}.style-presets{margin-top:var(--spacing-md)}.style-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.style-header label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.style-header-actions{display:flex;gap:var(--spacing-md)}.style-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400}.btn-link{background:none;border:none;padding:0;color:var(--color-accent-primary);font-size:inherit;cursor:pointer}.btn-link:hover{text-decoration:underline;color:var(--color-accent-secondary)}.style-presets>label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.styles-grid{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.styles-grid.multi-select .style-card{position:relative;min-width:100px;flex:0 1 auto}.style-card{flex:1;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.style-card:hover{border-color:var(--color-accent-primary)}.style-card.selected{border-color:var(--color-accent-primary);background:#6366f126}.style-check{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--color-success);border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.style-icon{display:block;font-size:1.25rem;margin-bottom:4px}.style-name{font-size:var(--font-size-xs);font-weight:500;display:block}.style-info{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.status-steps{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.status-step{flex:1;min-width:140px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);opacity:.5}.status-step.active{border-color:var(--color-accent-primary);background:#7269ef26;opacity:1}.status-detail{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.status-step.completed{opacity:.85}.status-step-index{width:24px;height:24px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs)}.status-step.active .status-step-index,.status-step.completed .status-step-index{background:var(--color-accent-primary);color:#fff}.status-step-label{font-size:var(--font-size-sm);font-weight:600}.results-section h2{margin-bottom:var(--spacing-xl)}.results-grid{display:grid;gap:var(--spacing-xl)}.result-article h3,.result-images h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.article-meta{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.article-stats{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.article-content{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:400px;overflow-y:auto;margin-bottom:var(--spacing-md)}.article-content pre{white-space:pre-wrap;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.6}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.image-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-xs);border:1px solid var(--color-border);padding:var(--spacing-sm);cursor:pointer}.image-card.selected-for-upscale{border-color:var(--color-accent-primary, #6366f1);box-shadow:0 0 0 2px var(--color-accent-primary, #6366f1)}.image-placeholder{background:var(--color-bg-hover);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.image-preview{width:100%;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border)}.image-style{display:block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:left}.image-meta{display:flex;align-items:center;justify-content:space-between}.real-photos-empty{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.real-photo-progress{border:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.real-photo-progress-head{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.real-photo-progress-bar{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.real-photo-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),#38bdf8);transition:width .2s ease}.real-photo-progress-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.real-photo-progress-message{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.real-edit-panel{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.real-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.real-edit-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.real-edit-status{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.real-edit-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-sm)}.real-edit-list{display:grid;gap:var(--spacing-sm)}.real-edit-item{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.real-edit-item input[type=text]{width:100%;background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm)}.real-edit-item input[type=text]::placeholder{color:var(--color-text-tertiary)}.real-edit-actions{margin-top:var(--spacing-md);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.real-edit-empty{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary)}.result-images-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.result-images-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:var(--spacing-xs) 0}.email-preview-wrap{margin-bottom:var(--spacing-lg)}.email-preview-wrap h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg)}.email-preview-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0 0 var(--spacing-md)}.email-preview{max-width:640px;margin:0 auto;padding:var(--spacing-lg);background:var(--color-bg-secondary, #fff);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:70vh;overflow-y:auto}.email-preview-text{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-md);white-space:pre-wrap;word-break:break-word}.email-preview-marker{display:block;font-family:ui-monospace,monospace;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs)}.email-preview-hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.email-preview-image-wrap{display:flex;flex-direction:column;gap:var(--spacing-xs)}.email-preview-image-wrap.email-preview-single{margin-bottom:var(--spacing-md)}.email-preview-img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border);object-fit:cover}.email-preview-placeholder{background:var(--color-bg-hover);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.email-preview-placement{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-primary);margin-top:var(--spacing-xs)}.email-preview-filename{font-size:var(--font-size-xs);color:var(--color-text-tertiary);word-break:break-all}@media (max-width: 768px){.bw-steps,.providers-grid,.styles-grid{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.ratio-thumbnail{width:22px}.email-preview-hero{grid-template-columns:1fr}}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:all var(--transition-fast);border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:all var(--transition-fast);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.style-card.disabled{opacity:.4;cursor:pointer;border-style:dashed}.style-card.disabled:hover{border-color:var(--color-border)}.style-toggle-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:var(--spacing-xs);gap:2px}.style-card-actions{display:flex;gap:2px}.btn-edit-style,.btn-delete-style{width:26px;height:26px;border-radius:50%;border:none;background:transparent;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;opacity:.6;transition:all .18s ease}.btn-edit-style:hover{opacity:1;background:#6366f11f}.btn-delete-style:hover:not(:disabled){opacity:1;background:#ef44441f;color:#f87171}.btn-delete-style:disabled{cursor:not-allowed;opacity:.2}.setting-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.style-modal{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:var(--font-size-lg);margin:0}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-tertiary);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl)}.image-zoom{width:90vw;max-width:1100px;max-height:90vh}.image-zoom .modal-body{display:flex;flex-direction:column;gap:12px}.image-zoom .zoomed-img{width:100%;height:auto;max-height:70vh;object-fit:contain;background:#0c0e16;border-radius:10px}.template-modal .modal-body{max-height:60vh;overflow-y:auto}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-weight:500;margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit}.form-group textarea{resize:vertical;min-height:120px}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400}.modal-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border)}.template-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:center}.template-card h4{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base)}.template-card p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.template-card-actions{display:flex;gap:var(--spacing-sm)}.template-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-secondary)}.template-loading .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%}.promo-section{margin-bottom:1.5rem}.promo-fields-container{display:flex;flex-direction:column;gap:1rem;margin:.75rem 0}.promo-field-wrapper{background:#6366f10d;border:1px solid rgba(99,102,241,.35);border-radius:8px;padding:1rem}.promo-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.promo-number{font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.promo-field-wrapper textarea{width:100%;border:1px solid var(--color-border);border-radius:4px;padding:.75rem;font-family:inherit;font-size:.95rem;resize:vertical;background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-secondary.small{padding:.5rem 1rem;font-size:.9rem;background:var(--secondary-bg, #6c757d);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-secondary.small:hover{background:var(--secondary-hover, #5a6268)}.btn-ghost.small{padding:.5rem .9rem;background:transparent;color:var(--color-text-secondary, #4b5563);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .2s}.btn-ghost.small:hover{border-color:var(--color-accent-primary, #6366f1);color:var(--color-accent-primary, #6366f1)}.btn-ghost.danger.small{padding:.25rem .5rem;background:transparent;color:var(--danger-color, #dc3545);border:1px solid var(--danger-color, #dc3545);border-radius:4px;font-size:1.2rem;line-height:1;cursor:pointer;transition:all .2s}.btn-ghost.danger.small:hover{background:var(--danger-color, #dc3545);color:#fff}.readability-panel{margin:12px 0 16px;padding:12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-tertiary)}.readability-fallback{color:var(--color-text-tertiary);margin:0}.readability-error{color:var(--color-warning);margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm)}.readability-warning-badge{display:inline-block;margin-bottom:var(--spacing-sm);padding:8px 12px;background:#f59e0b26;border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:500}.results-section.progress-placeholder{margin-top:var(--spacing-md)}.progress-placeholder-card{max-width:560px;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);text-align:center}.progress-placeholder-card h3{margin:0 0 var(--spacing-sm);font-size:1.1rem;color:var(--color-text-primary)}.progress-placeholder-message{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.progress-steps-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-bottom:var(--spacing-md)}.progress-step-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.progress-step-chip.past{color:var(--color-text-secondary);background:#22c55e1f;border-color:#22c55e59}.progress-step-chip.active{color:var(--color-primary);background:#3b82f61f;border-color:var(--color-primary);font-weight:500}.progress-placeholder-hint{margin:0;font-size:.8rem;color:var(--color-text-tertiary)}.stage-timings-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.stage-timings-item{display:flex;align-items:center;gap:6px}.stage-timings-name{color:var(--color-text-secondary)}.stage-timings-sec{color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.readability-summary-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600;color:var(--color-text-primary)}.readability-pill{padding:4px 10px;border-radius:999px;font-size:.9rem}.readability-pill.pass{background:#10b98126;color:var(--color-success)}.readability-pill.fail{background:#f59e0b26;color:var(--color-warning)}.readability-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:10px}.readability-metric{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:8px 10px}.metric-label{font-size:.85rem;color:var(--color-text-tertiary)}.metric-value{font-weight:700;color:var(--color-text-primary)}.readability-highlights{margin-top:12px}.highlights-title{font-weight:600;margin-bottom:6px}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}.highlight-item{background:#fff;border:1px dashed var(--color-border, #e5e7eb);border-radius:8px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;min-width:160px}.highlight-key{color:var(--color-text-secondary, #4b5563)}.highlight-value{font-weight:600;color:var(--color-text, #111827)}.highlight-raw{max-height:220px;overflow:auto;background:#0f172a;color:#e2e8f0;border-radius:8px;padding:10px;font-size:.9rem}.highlight-error{background:#fff4e6;color:#c05621;border:1px solid #fdba74;border-radius:8px;padding:8px 10px}.highlighted-text-block{margin-top:12px}.highlighted-html{max-height:260px;overflow:auto;padding:10px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:#0f172a;color:#e5e7eb;line-height:1.6}.highlighted-html .highlight_warn{color:#f59e0b;font-weight:600}.highlighted-html .highlight_bad{color:#f97316;font-weight:700}.highlighted-html .highlight_long_word,.highlighted-html .highlight_hard_word{color:#d946ef}.highlighted-html .highlight_adverb{color:#22c55e}.highlighted-html .highlight_passive{color:#38bdf8}.highlighted-html .highlight_grammar{color:#ef4444;text-decoration:underline}.style-preview-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;margin-top:16px;background:#11131a;border:1px solid #252739;border-radius:12px;padding:16px}.style-preview-left{display:flex;flex-direction:column;gap:8px}.style-preview-left h3{margin:0}.style-preview-right{background:#0c0e16;border-radius:10px;padding:12px;min-height:200px}.preview-status{display:flex;align-items:center;gap:12px;margin-bottom:8px}.preview-status .error{margin:0}.preview-grid.tall{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.preview-card{background:#151826;border:1px solid #1f2233;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.preview-card img{width:100%;height:180px;object-fit:cover;background:#0c0e16}.preview-prompt{margin:0;padding:8px;white-space:pre-wrap;font-family:var(--font-mono, monospace);font-size:12px;color:#cdd2e0}.muted{color:var(--color-text-tertiary)}.chat-window.tall{height:220px;overflow-y:auto;padding:8px;background:#0c0e16;border:1px solid #1f2233;border-radius:8px}.chat-msg{padding:8px 10px;border-radius:8px;border:1px solid #1f2233;background:#121624;margin-bottom:8px}.chat-msg:last-child{margin-bottom:0}.chat-msg.assistant{background:#141c2c;border-color:#2c3450}.chat-msg-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:4px}.chat-msg-body{white-space:pre-wrap;color:var(--color-text-secondary)}.chat-msg.assistant.highlight{background:#141c2c;border:1px solid #2c3450;padding:6px;border-radius:6px}.chat-actions{display:flex;gap:8px;align-items:center}.research-settings-section{margin-top:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.research-settings-section.step3{opacity:.7}.research-settings-section.step3.research-settings-open{opacity:1}.research-settings-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:none;color:var(--color-text-primary);cursor:pointer;font-size:1rem;text-align:left}.research-settings-toggle:hover{background:var(--color-bg-secondary)}.research-settings-panel{padding:var(--spacing-md);background:var(--color-bg-primary);border-top:1px solid var(--color-border)}.research-settings-panel .setting-item{margin-bottom:var(--spacing-sm)}.research-settings-panel .bw-input{width:100%;min-height:60px}.research-settings-panel .date-range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.research-settings-panel label input[type=checkbox]{margin-right:8px;cursor:pointer}.toggle-arrow{font-size:.75rem;opacity:.8}.news-selection-panel{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary)}.news-selection-panel h3{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1.05rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.news-shortfall-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;background:#f59e0b20;color:#d97706;border:1px solid #f59e0b40;white-space:nowrap}.news-selection-hint{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.4}.news-selection-hint.news-selection-ttl{margin-bottom:var(--spacing-sm);font-size:.8rem;color:var(--color-text-tertiary)}.news-candidates-list{list-style:none;padding:0;margin:0 0 var(--spacing-lg);max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.news-candidates-list li{margin:0;padding:0}.news-candidates-list label{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-md) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);transition:border-color .15s,box-shadow .15s}.news-candidates-list label:hover{border-color:var(--color-text-tertiary)}.news-candidates-list input[type=checkbox]{margin-top:3px;flex-shrink:0;width:18px;height:18px;accent-color:var(--color-primary)}.news-candidate-body{flex:1;min-width:0}.news-candidate-source{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);margin-bottom:4px}.news-candidate-snippet{display:block;font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-primary);margin-bottom:6px}.news-candidate-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.news-candidate-scope,.news-candidate-date,.news-candidate-url,.news-candidate-why{margin:0}.news-candidate-url{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-selection-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.news-selection-empty{padding:var(--spacing-lg) 0;text-align:center}.news-selection-empty p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.article-editor-modal{max-width:900px;width:95%;max-height:92vh;display:flex;flex-direction:column;overflow-y:visible}.modal-title{flex:1;font-size:1rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.save-indicator{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap;transition:color var(--transition-fast)}.save-indicator--saving{color:var(--color-warning)}.save-indicator--saved{color:var(--color-success)}.save-indicator--error{color:var(--color-error)}.download-zip-btn{margin-left:auto;margin-right:var(--spacing-sm);white-space:nowrap}.article-editor-body{flex:1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.editor-loading{color:var(--color-text-secondary);padding:var(--spacing-xl);text-align:center}.tiptap-wrapper{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-tertiary)}.tiptap-toolbar{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-wrap:wrap}.toolbar-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:4px 8px;cursor:pointer;font-size:.85rem;line-height:1;transition:all var(--transition-fast)}.toolbar-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.toolbar-btn.is-active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.tiptap-editor .ProseMirror{padding:var(--spacing-md);min-height:300px;max-height:55vh;overflow-y:auto;outline:none;color:var(--color-text-primary);font-size:.95rem;line-height:1.7}.tiptap-editor .ProseMirror p{margin:0 0 var(--spacing-sm)}.tiptap-editor .ProseMirror h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:var(--spacing-lg) 0 var(--spacing-xs)}.tiptap-editor .ProseMirror h3{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin:var(--spacing-md) 0 var(--spacing-xs)}.tiptap-editor .ProseMirror ul{padding-left:var(--spacing-lg);margin:0 0 var(--spacing-sm)}.tiptap-editor .ProseMirror li{margin-bottom:var(--spacing-xs)}.tiptap-editor .ProseMirror blockquote{border-left:3px solid var(--color-accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-sm) 0;color:var(--color-text-secondary);font-style:italic}.tiptap-editor .ProseMirror p.is-editor-empty:first-child:before{content:"Start editing…";color:var(--color-text-muted);pointer-events:none;float:left;height:0}.editor-images-section{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.editor-images-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.editor-images-heading{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-top:4px}.editor-ratio-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.editor-ratio-label{font-size:.72rem;font-weight:500;color:var(--color-text-tertiary);white-space:nowrap}.editor-ratio-options{display:flex;flex-wrap:wrap;gap:3px}.editor-ratio-btn{display:flex;align-items:center;gap:4px;padding:3px 7px;font-size:.68rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.editor-ratio-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary)}.editor-ratio-btn.active{border-color:var(--color-accent-primary);background:#6366f11a;color:var(--color-text-primary)}.editor-ratio-thumb{display:block;width:14px;background:currentColor;border-radius:1px;opacity:.35}.editor-ratio-btn.active .editor-ratio-thumb{opacity:.6}.editor-ratio-value{line-height:1}.editor-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.editor-image-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.editor-image-preview{background:var(--color-bg-primary);overflow:hidden;display:flex;align-items:center;justify-content:center}.editor-image-preview img{width:100%;height:auto;display:block}.editor-image-placeholder{font-size:.75rem;color:var(--color-text-muted)}.editor-image-controls{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.editor-image-prompt{width:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.78rem;padding:var(--spacing-xs);resize:vertical;font-family:inherit;box-sizing:border-box}.editor-image-prompt:focus{outline:none;border-color:var(--color-border-focus)}.editor-image-actions{display:flex;gap:var(--spacing-xs)}.editor-image-actions .btn-secondary{flex:1;font-size:.75rem}.editor-image-busy{display:flex;align-items:center;justify-content:center;width:100%;padding:6px 0;font-size:.8rem;color:var(--color-accent, #34d399);animation:pulse-busy 1.2s ease-in-out infinite}@keyframes pulse-busy{0%,to{opacity:1}50%{opacity:.4}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-2xl)}.dashboard-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs)}.dashboard-header p{color:var(--color-text-tertiary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.dashboard-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.panel-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.panel-loading .spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary)}.article-list{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:var(--spacing-md);max-height:520px;overflow-y:auto}.article-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;justify-content:space-between;gap:var(--spacing-md);align-items:center}.article-item.active{border-color:var(--color-accent-primary);background:#6366f11a}.article-item h3{margin:0 0 var(--spacing-xs)}.article-meta-row{display:flex;gap:var(--spacing-md);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.log-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:520px;overflow-y:auto;padding-right:4px}.log-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.log-card-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.log-action{font-weight:600;text-transform:capitalize}.log-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.log-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.log-chip{font-size:var(--font-size-xs);padding:4px 8px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.article-details{margin-top:var(--spacing-xl)}.article-status{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.article-details-header h3{margin:0 0 var(--spacing-xs)}.article-details-content{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.article-details-content pre{margin:0;white-space:pre-wrap;font-size:var(--font-size-sm);line-height:1.5;font-family:inherit}.details-images h4{margin-bottom:var(--spacing-md)}.details-images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.details-image-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--color-bg-tertiary)}.image-meta{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.image-path{font-size:var(--font-size-xs);color:var(--color-text-tertiary);word-break:break-all;margin:0}.details-image-preview{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-border);object-fit:cover}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}}.snake-game-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:520px;background:#0a0a0f;border:1px solid var(--color-border, #2a2a3a);border-radius:var(--radius-lg, .75rem);overflow:hidden}.snake-status-banner{display:flex;align-items:center;min-height:40px;padding:6px 16px;background:#111118;border-bottom:1px solid var(--color-border, #2a2a3a);flex-shrink:0;overflow-x:auto}.snake-status-banner.article-ready{background:#10b9811f;border-bottom-color:#10b98166;cursor:pointer;animation:snakeBannerPulse 2s ease-in-out infinite}@keyframes snakeBannerPulse{0%,to{background:#10b9811a}50%{background:#10b98133}}.snake-banner-ready{font-weight:600;color:var(--color-success, #10b981);text-shadow:0 0 8px rgba(16,185,129,.5);font-size:.95rem}.snake-status-banner.article-failed{background:#ef44441a;border-bottom-color:#ef444466;cursor:pointer}.snake-banner-failed{font-weight:600;color:#ef4444;font-size:.95rem}.snake-banner-steps{display:flex;flex-wrap:wrap;gap:6px}.snake-step-chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;color:var(--color-text-tertiary, #64748b);background:var(--color-bg-secondary, #12121a);border:1px solid var(--color-border, #2a2a3a);white-space:nowrap}.snake-step-chip.past{color:var(--color-text-secondary, #94a3b8);background:#10b9811f;border-color:#10b9814d}.snake-step-chip.active{color:var(--color-accent-primary, #6366f1);background:#6366f11f;border-color:var(--color-accent-primary, #6366f1);font-weight:600}.snake-main{display:flex;flex:1;min-height:0}.snake-canvas-wrapper{flex:2;display:flex;align-items:center;justify-content:center;position:relative;padding:12px;min-width:0}.snake-canvas-wrapper canvas{display:block;border-radius:6px;max-width:100%;max-height:100%}.snake-game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px}.snake-game-over-content{text-align:center}.snake-game-over-content h2{font-size:2rem;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6);margin:0 0 8px;font-family:Courier New,monospace}.snake-final-score{font-size:1.4rem;color:var(--color-text-primary, #f8fafc);font-family:Courier New,monospace;margin:0 0 6px}.snake-new-best{color:#fbbf24;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.5);margin:0 0 12px;font-size:.95rem}.snake-restart-hint{color:var(--color-text-tertiary, #64748b);font-size:.85rem;margin:0}.snake-side-panel{flex:1;display:flex;flex-direction:column;border-left:1px solid var(--color-border, #2a2a3a);background:#0e0e15;min-width:220px;max-width:340px}.snake-panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary, #64748b);margin:0 0 6px;font-weight:600}.snake-score-display{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-bottom:1px solid var(--color-border, #2a2a3a);flex-shrink:0}.snake-score-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-tertiary, #64748b);font-weight:600}.snake-score-value{font-size:1.8rem;font-weight:700;font-family:Courier New,monospace;color:#34d399;text-shadow:0 0 12px rgba(52,211,153,.5);line-height:1}.snake-live-log{flex:1;display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid var(--color-border, #2a2a3a);min-height:0;overflow:hidden}.snake-log-entries{flex:1;overflow-y:auto;font-family:Courier New,monospace;font-size:.75rem;line-height:1.55}.snake-live-log-entry{display:flex;gap:8px;padding:2px 0}.snake-log-time{color:#475569;flex-shrink:0}.snake-log-msg{color:#34d399}.snake-leaderboard{padding:10px 14px;flex-shrink:0;max-height:220px;overflow-y:auto}.snake-lb-table{width:100%;border-collapse:collapse;font-size:.78rem}.snake-lb-table th{text-align:left;color:var(--color-text-tertiary, #64748b);font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;padding:4px 6px;border-bottom:1px solid var(--color-border, #2a2a3a)}.snake-lb-table td{padding:4px 6px;color:var(--color-text-secondary, #94a3b8)}.snake-lb-table th:last-child,.snake-lb-table td:last-child{text-align:right}.snake-lb-top td{color:#fbbf24}.snake-lb-me td{color:#34d399;font-weight:600}.snake-lb-empty{color:var(--color-text-tertiary, #64748b);font-size:.8rem;margin:4px 0 0}@media (max-width: 700px){.snake-main{flex-direction:column}.snake-side-panel{max-width:none;border-left:none;border-top:1px solid var(--color-border, #2a2a3a);max-height:200px}}.blog-dashboard{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.blog-dashboard-header{margin-bottom:var(--spacing-xl)}.blog-dashboard-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .25rem}.blog-dashboard-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.25rem;transition:border-color var(--transition-base),box-shadow var(--transition-base);display:flex;flex-direction:column;gap:.75rem}.blog-card:hover{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-glow)}.blog-card.generating{border-color:var(--color-accent-secondary);box-shadow:0 0 0 1px #8b5cf640}.blog-card.ready{box-shadow:0 0 0 2px var(--color-success),0 0 16px var(--color-success-glow);animation:card-ready-pulse 2s ease-in-out infinite}@keyframes card-ready-pulse{0%,to{box-shadow:0 0 0 2px var(--color-success),0 0 16px var(--color-success-glow)}50%{box-shadow:0 0 0 2px var(--color-success),0 0 28px #10b9818c}}.blog-card-ready-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--color-success);background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:999px;padding:.2rem .65rem}.blog-card-error-msg{font-size:.78rem;color:var(--color-error);margin:0}.blog-card-header{display:flex;align-items:center;gap:.75rem}.blog-card-avatar{width:2.5rem;height:2.5rem;border-radius:.625rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;letter-spacing:.02em}.blog-card-identity{flex:1;min-width:0}.blog-card-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-card-url{font-size:.8rem;color:var(--color-text-tertiary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,monospace}.blog-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--color-text-secondary)}.blog-card-meta-sep{color:var(--color-border)}.blog-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}.blog-card-generating-badge{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--color-accent-secondary);font-weight:500}.compact-panel{border-top:1px solid var(--color-border);padding-top:.875rem;display:flex;flex-direction:column;gap:.75rem;animation:panel-slide-in .15s ease}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.compact-panel-field{display:flex;flex-direction:column;gap:.25rem}.compact-panel-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.compact-panel-input,.compact-panel-textarea{background:var(--color-bg-main, #0d0d14);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);font-size:.875rem;padding:.5rem .625rem;width:100%;box-sizing:border-box;transition:border-color var(--transition-base);font-family:inherit;resize:none}.compact-panel-input:focus,.compact-panel-textarea:focus{outline:none;border-color:var(--color-accent-primary)}.compact-panel-textarea{min-height:3.5rem;max-height:7rem}.compact-panel-promo-row{display:flex;align-items:flex-start;gap:.375rem;margin-bottom:.5rem}.compact-panel-promo-row .compact-panel-textarea{flex:1;margin-bottom:0}.compact-panel-promo-remove{flex-shrink:0;width:1.75rem;height:1.75rem;border:1px solid var(--color-border);border-radius:.375rem;background:transparent;color:var(--color-text-tertiary);font-size:.7rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;margin-top:.375rem}.compact-panel-promo-remove:hover{border-color:var(--color-error);color:var(--color-error)}.compact-panel-add-promo{background:none;border:1px dashed var(--color-border);border-radius:.5rem;color:var(--color-text-secondary);font-size:.78rem;padding:.35rem .75rem;cursor:pointer;transition:all var(--transition-base);width:100%}.compact-panel-add-promo:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.compact-panel-footer{display:flex;justify-content:flex-end;gap:.5rem}.blog-dashboard-empty{text-align:center;padding:4rem 2rem;color:var(--color-text-secondary)}.blog-dashboard-empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.blog-dashboard-empty h3{color:var(--color-text-primary);margin-bottom:.5rem}.blog-dashboard-empty p{margin-bottom:1.5rem;font-size:.9rem}.blog-dashboard-snake{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.blog-dashboard-snake-label{font-size:.85rem;color:var(--color-text-secondary);margin:0}.blog-dashboard-snake-score{font-size:.8rem;color:var(--color-text-tertiary);margin:0}.blog-dashboard-tetris{margin-top:2rem}.blog-dashboard-tetris-score{text-align:center;color:var(--color-text-tertiary, #64748b);font-size:.85rem;margin-top:.5rem}.compact-ratio-grid{display:flex;flex-wrap:wrap;gap:4px}.compact-ratio-btn{padding:3px 8px;font-size:.7rem;background:var(--color-bg-tertiary);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:inherit}.compact-ratio-btn:hover{background:var(--color-bg-hover);border-color:var(--color-text-tertiary)}.compact-ratio-btn.selected{border-color:var(--color-accent-primary);background:#6366f11a;color:var(--color-text-primary)}.blog-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--color-text-secondary)}.utm-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.utm-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.utm-header h1{font-size:var(--font-size-3xl);margin:var(--spacing-xs) 0}.utm-header .badge{display:inline-block;background:#6366f126;color:var(--color-accent-primary);padding:2px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600}.utm-header .subtitle{color:var(--color-text-secondary);max-width:640px}.header-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#ffffff05}.header-stats .stat-value{display:block;font-size:var(--font-size-2xl);font-weight:600}.header-stats .stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.utm-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--spacing-xl)}.utm-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-soft)}.column-panel{grid-column:span 1}.utm-panel h2{margin-bottom:var(--spacing-sm)}.panel-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.stacked-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stacked-label input,.stacked-label select{padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:inherit}.template-save{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.template-save input{flex:1}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.column-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.utm-column-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:var(--color-bg-elevated)}.column-card-header{display:flex;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.two-input-row{display:flex;gap:var(--spacing-md)}.two-input-row label{flex:1}.column-actions{display:flex;gap:var(--spacing-xs)}.column-actions .btn-ghost{padding:var(--spacing-xs) var(--spacing-sm)}.column-actions .danger{color:var(--color-danger)}.column-preset-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.column-preset-row>div{display:flex;gap:var(--spacing-sm);align-items:flex-end}.utm-table-editor{display:flex;flex-direction:column;gap:var(--spacing-sm)}.utm-table-header,.utm-table-row{display:grid;grid-template-columns:repeat(2,1fr) auto;gap:var(--spacing-sm);align-items:center}.utm-table-header{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-tertiary);letter-spacing:.08em}.utm-table-row input{padding:var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-card)}.utm-two-column{display:flex;gap:var(--spacing-md)}.utm-two-column label{flex:1}.btn-secondary{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:inherit}.generator-grid{display:flex;gap:var(--spacing-lg);align-items:flex-end}.button-stack{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-ready{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.status-line{margin-top:var(--spacing-sm)}.preview-table{margin-top:var(--spacing-lg)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.table-scroll{overflow-x:auto}.preview-table table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}.preview-table th,.preview-table td{border:1px solid var(--color-border);padding:10px 14px;font-size:var(--font-size-sm);line-height:1.4;white-space:nowrap}.utm-alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:500}.utm-alert.error{background:#ef444426;color:var(--color-danger)}.utm-alert.success{background:#10b98126;color:var(--color-success)}.utm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);height:50vh}.empty-state{color:var(--color-text-tertiary)}.history-panel{border:1px solid var(--color-border-strong, var(--color-border))}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.history-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.history-title{display:flex;flex-direction:column;gap:2px}.history-filename{font-weight:600;font-size:var(--font-size-base)}.history-date{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.history-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.history-actions{display:flex;align-items:center}.btn-download{background:var(--color-accent-primary);color:#0b1021;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn-download:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-download:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #6366f140}@media (max-width: 1024px){.utm-layout{grid-template-columns:1fr}.column-card-header,.two-input-row,.generator-grid,.column-preset-row{flex-direction:column;align-items:stretch}.header-stats{flex-direction:column}.history-row{flex-direction:column;align-items:flex-start}}:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a25;--color-bg-card: #16161f;--color-bg-hover: #1e1e2a;--color-accent-primary: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--color-accent-glow: rgba(99, 102, 241, .3);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-muted: #475569;--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .35);--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-border: #2a2a3a;--color-border-focus: #6366f1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--color-accent-glow);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "Fira Code", "SF Mono", "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}input,textarea,select{font-family:var(--font-family);font-size:.85rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 12px;color:var(--color-text-primary);width:100%;transition:all var(--transition-fast)}textarea{font-family:var(--font-family);line-height:1.5}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-glow)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}button{font-family:var(--font-family);font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:10px 20px;transition:all .18s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-accent-primary)}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-accent-gradient);color:#fff;font-weight:600;box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f159,inset 0 1px #ffffff26}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000004d}.btn-secondary{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-text-primary);background:#6366f10a;box-shadow:0 0 12px #6366f114}.btn-ghost{background:transparent;border:none;color:var(--color-text-tertiary);padding:6px 12px}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#ffffff08}.btn-danger{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171}.btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef444466}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.glass{background:#16161fcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:pulse 2s infinite}.spinner{animation:spin 1s linear infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width: 768px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}.structure-settings{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.structure-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.structure-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.structure-name{font-weight:500;color:var(--color-text-primary)}.structure-actions{display:flex;gap:var(--spacing-xs)}.btn-icon{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-hover);color:var(--color-text-secondary);min-width:32px}.btn-icon:hover:not(:disabled){background:var(--color-accent-primary);color:#fff}.btn-icon:disabled{opacity:.3;cursor:not-allowed;background:transparent}.promo-section{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.promo-input-group{margin-bottom:var(--spacing-lg);background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.promo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-small.danger{background:#ef444433;color:var(--color-error);border:1px solid var(--color-error)}.btn-small.danger:hover{background:var(--color-error);color:#fff}.add-promo-btn{width:100%;border-style:dashed}.promo-stat{margin-left:var(--spacing-md)}.promo-stat.warning{color:var(--color-error);font-weight:700}