:root{--color-primary: #EE3524;--color-primary-dark: #B51E10;--color-primary-bg: #FFF6F5;--color-yellow: #FDB913;--color-yellow-bg: #FFF9EB;--color-blue: #0081C6;--color-blue-bg: #EBF6FF;--color-green: #49A942;--color-green-bg: #ECFFEB;--color-black: #231F1F;--color-grey: #4C6060;--color-mid-grey: #9F9393;--color-light-grey: #CFCFC9;--color-bg: #F5F4F4;--color-white: #FFFFFF;--bg: #F5F4F4;--surface: #FFFFFF;--surface-2: #F5F4F4;--border: #CFCFC9;--border-subtle: #E8E6E6;--text-primary: #231F1F;--text-secondary: #4C6060;--text-muted: #9F9393;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(35, 31, 31, .08);--shadow-md: 0 4px 16px rgba(35, 31, 31, .1);--shadow-lg: 0 8px 32px rgba(35, 31, 31, .14);--transition: .18s ease;--font-heading: "Bree Serif", Georgia, serif;--font-body: "Cambay", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:var(--font-body);color:var(--text-primary);background:var(--bg)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--text-primary);margin:0}.app{display:flex;flex-direction:column;height:100vh;max-width:1200px;margin:0 auto;background:var(--bg)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border-subtle);position:relative}.header:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#ee3524,#fdb913,#0081c6);opacity:.3}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:32px;width:auto;display:block}.brand-title{font-family:var(--font-heading);font-size:17px;color:var(--text-primary);letter-spacing:0}.brand-subtitle{font-family:var(--font-body);font-size:13px;font-weight:400;color:var(--text-muted);margin-left:2px}.header-right{display:flex;align-items:center;gap:10px}.env-tag{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);padding:4px 10px;border-radius:999px;border:1px solid var(--border-subtle)}.panel-toggle{display:none;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:var(--radius);font-size:13px;font-family:var(--font-body);cursor:pointer;transition:all var(--transition)}.panel-toggle:hover{background:var(--surface-2)}.workspace{flex:1;display:grid;grid-template-columns:1fr 320px;min-height:0;background:var(--bg)}.chat{overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:12px}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{max-width:78%;padding:12px 16px;border-radius:var(--radius-lg);line-height:1.55;font-size:14.5px;white-space:pre-wrap;word-wrap:break-word;box-shadow:var(--shadow-sm)}.msg.user .bubble{background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:var(--radius)}.msg.assistant .bubble{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius)}.bubble.typing{display:flex;gap:4px;align-items:center;padding:16px}.bubble.typing span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typing 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.quick-replies{display:flex;flex-direction:column;gap:10px;padding:4px 0 8px;align-items:flex-start}.quick-chips{display:flex;flex-wrap:wrap;gap:8px}.quick-hint{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.quick-chip{background:var(--surface);color:var(--color-primary-dark);border:1px solid var(--color-primary);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;gap:6px}.quick-chip:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quick-chip.selected{background:var(--color-primary);color:var(--color-white)}.quick-chip:disabled{opacity:.5;cursor:not-allowed}.chip-check{font-size:11px;line-height:1}.quick-continue{background:var(--color-primary);color:var(--color-white);border:none;padding:10px 18px;border-radius:var(--radius);font-weight:700;font-size:13.5px;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.quick-continue:hover:not(:disabled){background:var(--color-primary-dark)}.quick-continue:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.brief-panel{border-left:1px solid var(--border-subtle);background:var(--surface);padding:20px;overflow-y:auto}.brief-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.brief-header h2{font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.brief-progress{font-size:11px;font-weight:700;color:var(--text-secondary);background:var(--surface-2);padding:3px 10px;border-radius:999px;border:1px solid var(--border-subtle)}.brief-list{list-style:none;padding:0;margin:0}.brief-list li{padding:10px 0;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:3px}.brief-list li:last-child{border-bottom:none}.brief-label{font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.req-dot{color:var(--color-primary);margin-left:4px}.brief-value{font-size:14px;color:var(--text-primary);word-wrap:break-word;line-height:1.45}.brief-list li.missing .brief-value{color:var(--text-muted);font-style:italic}.brief-list li.optional .brief-value{color:var(--text-muted)}.brief-list li.filled .brief-value{color:var(--text-primary)}.brief-ready{margin-top:16px;padding:12px;background:var(--color-green-bg);border:1px solid var(--color-green);border-radius:var(--radius);color:var(--text-primary);font-size:13px;font-weight:700}.brief-attachments{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.brief-attachments .brief-label{display:block;margin-bottom:8px}.composer-wrapper{border-top:1px solid var(--border-subtle);background:var(--surface)}.composer{display:flex;gap:8px;padding:14px 20px;align-items:stretch}.composer textarea{flex:1;resize:none;border:1px solid var(--border-subtle);border-radius:var(--radius);padding:10px 12px;font:inherit;font-family:var(--font-body);font-size:14px;outline:none;background:var(--surface-2);color:var(--text-primary);transition:border-color var(--transition),background var(--transition)}.composer textarea:focus{border-color:var(--color-primary);background:var(--surface)}.composer button{background:var(--color-primary);color:var(--color-white);border:none;padding:0 18px;border-radius:var(--radius);font-weight:700;font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.composer button:hover:not(:disabled){background:var(--color-primary-dark)}.composer button:disabled{opacity:.5;cursor:not-allowed}.attachment-picker{display:flex;align-items:center;gap:8px}.attach-btn{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius);width:40px;min-height:44px;font-size:18px;cursor:pointer;transition:all var(--transition)}.attach-btn:hover:not(:disabled){background:var(--surface);border-color:var(--color-primary)}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.attach-uploading{font-size:12px;color:var(--text-muted);font-style:italic}.attachment-list{list-style:none;margin:0;padding:12px 20px 0;display:flex;flex-wrap:wrap;gap:8px}.attachment-list.compact{padding:8px 0 0}.brief-panel .attachment-list.compact,.confirm-field .attachment-list.compact{padding:0}.attachment-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 10px 4px 8px;font-size:13px;max-width:280px}.attachment-icon{font-size:14px}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-primary)}.attachment-size{color:var(--text-muted);font-size:11px}.attachment-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0 2px;font-size:16px;line-height:1;border-radius:50%}.attachment-remove:hover{background:var(--color-primary);color:var(--color-white)}.attachment-error{margin:8px 20px 0;padding:8px 12px;background:var(--color-primary-bg);border:1px solid var(--color-primary);color:var(--color-primary-dark);border-radius:var(--radius);font-size:13px}.confirm-card{flex:1;overflow-y:auto;padding:32px 24px;max-width:720px;margin:0 auto;width:100%}.confirm-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.confirm-header h2{font-family:var(--font-heading);font-size:26px;color:var(--text-primary);margin:0 0 4px}.confirm-header p{margin:0;color:var(--text-secondary);font-size:14px}.confirm-body{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.confirm-field{padding:12px 0;border-bottom:1px solid var(--border-subtle)}.confirm-field:last-child{border-bottom:none}.confirm-field-label{font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.confirm-field-value{font-size:15px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.confirm-error{background:var(--color-primary-bg);border:1px solid var(--color-primary);color:var(--color-primary-dark);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:14px}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 20px;border-radius:var(--radius);font-weight:700;font-size:14px;font-family:var(--font-body);cursor:pointer;border:1px solid transparent;transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.success-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:14px}.success-check{width:64px;height:64px;border-radius:50%;background:var(--color-green);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin-bottom:8px;box-shadow:var(--shadow-md)}.success-screen h2{font-family:var(--font-heading);font-size:28px;color:var(--text-primary);margin:0}.success-screen p{margin:0;color:var(--text-secondary);font-size:15px;max-width:480px}.success-stub-note{background:var(--color-yellow-bg);border:1px solid var(--color-yellow);color:var(--text-primary);padding:12px 16px;border-radius:var(--radius);font-size:13px;max-width:520px;margin-top:8px;line-height:1.5}.success-link{color:var(--color-primary);font-weight:700;text-decoration:none;padding:8px 16px;border:1px solid var(--color-primary);border-radius:var(--radius);margin-top:8px;transition:all var(--transition)}.success-link:hover{background:var(--color-primary);color:var(--color-white)}.success-screen .btn-primary{margin-top:8px}@media (max-width: 820px){.panel-toggle{display:inline-flex}.workspace{grid-template-columns:1fr}.brief-panel{display:none;border-left:none;border-top:1px solid var(--border-subtle)}.workspace.panel-open .chat{display:none}.workspace.panel-open .brief-panel{display:block}}