:root{--bg-base:#0a0a0f;--bg-surface:#12121a;--bg-elevated:#1c1c28;--bg-hover:#252535;--bg-active:#2a2a3e;--border:#2a2a3a;--border-light:#353548;--accent:#7c6ff0;--accent-hover:#8d80ff;--accent-dim:#7c6ff026;--text-primary:#e8e8f0;--text-secondary:#9999b0;--text-muted:#5a5a72;--success:#5cb85c;--warning:#f0a040;--error:#e05050;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-base);color:var(--text-primary);box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow:hidden}button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-xs{padding:.2rem .5rem;font-size:.7rem}.btn-danger{background:var(--danger,#c0392b);color:#fff;cursor:pointer;border:none;border-radius:4px}.btn-danger:hover{background:var(--danger-hover,#e74c3c)}input,textarea,select{background:var(--bg-base);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{border-color:var(--accent)}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.01em;font-weight:600}.app-layout{--sidebar-width:280px;grid-template-columns:280px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.sidebar-steps{flex:1;padding:.5rem 0;overflow-y:auto}.step-phase-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem 1.25rem .25rem;font-size:.7rem;font-weight:600}.step-item{color:var(--text-secondary);cursor:pointer;border-left:2px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1.25rem .5rem 1.5rem;font-size:.85rem;transition:all .1s;display:flex}.step-item:hover{background:var(--bg-hover);color:var(--text-primary)}.step-item.active{background:var(--accent-dim);color:var(--text-primary);border-left-color:var(--accent)}.step-status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.step-status.pending{background:var(--text-muted)}.step-status.running{background:var(--warning);box-shadow:0 0 0 0 var(--warning);animation:1.5s infinite pulse}.step-status.awaiting_review{background:var(--accent)}.step-status.completed,.step-status.approved{background:var(--success)}.step-status.error{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.gen-progress-strip{z-index:9999;background:0 0;height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.gen-progress-bar{background:linear-gradient(90deg, transparent, var(--accent), var(--warning), var(--accent), transparent);background-size:200% 100%;border-radius:0 2px 2px 0;width:40%;height:100%;animation:1.4s ease-in-out infinite gen-slide,2s linear infinite gen-shimmer;position:absolute;top:0;left:0}@keyframes gen-slide{0%{left:-40%}to{left:100%}}@keyframes gen-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.gen-indicator-chip{background:linear-gradient(135deg, var(--accent-dim), #ffc80014);border:1px solid var(--accent);color:var(--accent);white-space:nowrap;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.78rem;font-weight:600;animation:2s ease-in-out infinite chip-glow;display:flex}@keyframes chip-glow{0%,to{box-shadow:0 0 4px #5ec8e04d}50%{box-shadow:0 0 14px #5ec8e099}}.gen-spinner{border:2px solid #5ec8e033;border-top-color:var(--accent);border-right-color:var(--warning);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}.main-area{background:var(--bg-base);flex-direction:column;display:flex;overflow:hidden}.main-header{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-bar{border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;gap:0;display:flex}.tab{color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;padding:.625rem 1.25rem;font-size:.85rem;transition:all .1s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.stream-area{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;flex:1;padding:1.5rem 2rem;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.7;overflow-y:auto}.file-tree{padding:.5rem 0}.file-tree-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;padding:.35rem .6rem .35rem 1rem;font-size:.82rem;display:flex}.file-tree-item:hover{background:var(--bg-hover);color:var(--text-primary)}.file-tree-item.active{background:var(--accent-dim);color:var(--text-primary)}.cover-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem;display:grid}.cover-card{border:2px solid var(--border);cursor:pointer;border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.cover-card:hover{border-color:var(--border-light)}.cover-card.selected{border-color:var(--accent)}.cover-card img{width:100%;display:block}.cover-badge{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex;position:absolute;top:.5rem;right:.5rem}.meta-form{flex:1;padding:1.5rem 2rem;overflow-y:auto}.meta-field{margin-bottom:1.25rem}.meta-label{color:var(--text-muted);margin-bottom:.35rem;font-size:.8rem;font-weight:500;display:block}.meta-tags{flex-wrap:wrap;gap:.4rem;display:flex}.meta-tag{background:var(--bg-elevated);color:var(--text-secondary);border-radius:4px;padding:.2rem .6rem;font-size:.8rem}.export-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.export-btn{justify-content:center;width:320px;padding:1rem 1.5rem;font-size:1rem}.loading-spinner{border:3px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-toggle{z-index:1001;background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:none;position:fixed;top:.5rem;left:.5rem}.sidebar-overlay{display:none}@media (width<=1024px){.app-layout{--sidebar-width:220px;grid-template-columns:220px 1fr}.sidebar-header{padding:.75rem 1rem}.sidebar-steps{padding:.25rem 0}.step-phase-label{padding:.5rem 1rem .15rem;font-size:.65rem}.main-header{padding:.6rem 1rem}.stream-area{padding:1rem 1.25rem;font-size:.85rem}.main-content{padding-bottom:0}.sidebar{overflow-y:auto}.sidebar-steps{min-height:0}}@media (width<=768px){.sidebar-toggle{display:flex}.app-layout{--sidebar-width:0px;grid-template-columns:1fr}.sidebar{z-index:1000;width:280px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-layout.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.main-header{flex-wrap:wrap;gap:.3rem;padding:.5rem .5rem .5rem 3rem}.main-header>div:last-child{flex-wrap:wrap;gap:.3rem;max-width:100%}.main-header h2{font-size:.95rem}.main-header p{font-size:.72rem}.main-header>div:last-child{flex-wrap:wrap;gap:.3rem}.main-header .btn-sm{padding:.3rem .5rem;font-size:.72rem}.stream-area{padding:.75rem;font-size:.82rem;line-height:1.6}.tab-bar{overflow-x:auto}.tab{white-space:nowrap;padding:.5rem .75rem;font-size:.78rem}.gen-indicator-chip{padding:.25rem .6rem;font-size:.68rem}.cover-grid{grid-template-columns:1fr}}@media (width<=480px){.main-header h2{font-size:.85rem}.main-header{padding-left:2.75rem}.stream-area{padding:.5rem;font-size:.78rem}.tab{padding:.4rem .6rem;font-size:.72rem}.step-item{padding:.35rem .6rem;font-size:.78rem}.step-phase-label{padding:.4rem .6rem .1rem;font-size:.6rem}}.nb-popup{z-index:1200;background:var(--bg-elevated,#1b1b27);border:1px solid var(--border,#2a2a3a);width:min(360px,100vw - 1.5rem);color:var(--text-primary,#e8e8f0);border-radius:12px;font-family:inherit;animation:.18s ease-out nb-rise;position:fixed;bottom:1.1rem;right:1.1rem;overflow:hidden;box-shadow:0 10px 32px #00000073}.nb-popup-head{border-bottom:1px solid var(--border,#2a2a3a);background:linear-gradient(180deg, var(--bg-elevated,#1f1f2e), var(--bg-surface,#15151f));align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.nb-logo{font-size:.9rem;line-height:1}.nb-title{color:var(--text-primary,#e8e8f0);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;font-weight:700;overflow:hidden}.nb-phase{color:var(--accent,#8d80ff);font-size:.72rem;font-weight:600}.nb-close{color:var(--text-muted,#8a8aa0);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.1rem .3rem;font-size:.85rem;line-height:1}.nb-close:hover{color:var(--text-primary,#e8e8f0);background:var(--bg-hover,#252535)}.nb-body{padding:.7rem .8rem}.nb-spin-row{align-items:center;gap:.65rem;display:flex}.nb-spinner{border:2px solid var(--border-light,#353548);border-top-color:var(--accent,#8d80ff);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite nb-spin}.nb-spinner.err{border-top-color:var(--error,#e05050);animation:none}.nb-spinner.ok{border-top-color:var(--success,#5cb85c);animation:none}.nb-counts{color:var(--text-muted,#8a8aa0);font-size:.72rem}.nb-counts b{color:var(--text-secondary,#c0c0d4);font-weight:600}.act-preview{background:var(--bg-base,#0d0d16);border:1px solid var(--border,#2a2a3a);border-radius:8px;flex-direction:column;gap:.2rem;max-height:120px;margin-top:.6rem;padding:.5rem .6rem;display:flex;overflow:hidden}.act-preview-line{color:var(--text-secondary,#c0c0d4);font-size:.72rem;font-family:var(--font-mono,ui-monospace, monospace);white-space:pre-wrap;word-break:break-word}@media (width<=480px){.nb-popup{width:calc(100vw - 1.5rem);bottom:.75rem;right:.75rem}}@keyframes nb-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes nb-spin{to{transform:rotate(360deg)}}