:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17211f;background:#f7f5ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:18px;background:linear-gradient(140deg,rgba(24,116,105,.11),transparent 34%),linear-gradient(320deg,rgba(235,98,78,.12),transparent 38%),#f7f5ee}.workspace{width:min(1440px,100%);min-height:calc(100vh - 36px);margin:0 auto;display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:16px}.brief-panel,.chat-panel{border:1px solid rgba(23,33,31,.1);background:#fffcf4e6;box-shadow:0 20px 70px #1c27231a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brief-panel{border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:16px}.brand-row{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(23,33,31,.09)}.brand-mark,.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#16776c;color:#fff;flex:0 0 auto}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.1}.brand-row p{margin-top:4px;color:#65736d;font-size:13px}.panel-title,.eyebrow{display:flex;align-items:center;gap:8px;color:#16776c;font-weight:700}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:flex;flex-direction:column;gap:7px;color:#56645f;font-size:13px;font-weight:700}input,textarea{width:100%;border:1px solid rgba(23,33,31,.14);border-radius:8px;background:#fff;color:#17211f;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input{height:42px;padding:0 12px}textarea{min-height:92px;resize:vertical;padding:12px;line-height:1.45}input:focus,textarea:focus{border-color:#16776c;box-shadow:0 0 0 3px #16776c21}.wide-field{width:100%}.render-button{min-height:46px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#17211f;color:#fff;font-weight:800}.render-notice{color:#9a4b37;line-height:1.5;font-size:13px}.chat-panel{min-width:0;border-radius:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.chat-topbar{min-height:108px;padding:22px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(23,33,31,.09)}.eyebrow{font-size:13px}.chat-topbar h2{margin-top:8px;font-size:clamp(26px,4vw,44px);line-height:1.05;letter-spacing:0}.status-pill{white-space:nowrap;border:1px solid rgba(22,119,108,.3);color:#16776c;background:#effaf5;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.starter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;border-bottom:1px solid rgba(23,33,31,.08)}.starter-row button{border:1px solid rgba(23,33,31,.1);background:#fff;border-radius:8px;color:#2a3834;min-height:58px;padding:10px;text-align:left;line-height:1.35;font-size:13px}.starter-row button:hover{border-color:#eb624e;color:#9a311f}.messages{min-height:0;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:18px}.message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:flex-start}.message.user{grid-template-columns:minmax(0,1fr) 38px}.message.user .avatar{grid-column:2;background:#eb624e}.message.user .bubble{grid-column:1;grid-row:1;justify-self:end;background:#17211f;color:#fff}.bubble{width:fit-content;max-width:min(820px,100%);border-radius:8px;padding:14px 16px;background:#fff;color:#1d2926;border:1px solid rgba(23,33,31,.09);line-height:1.62;box-shadow:0 8px 24px #1c27230f}.bubble p+p{margin-top:8px}.typing{display:inline-flex;align-items:center;gap:9px;color:#16776c;font-weight:800}.typing svg,.composer button[disabled] svg{animation:spin 1s linear infinite}.composer{margin:0 18px 18px;border:1px solid rgba(23,33,31,.12);border-radius:8px;padding:10px;display:grid;grid-template-columns:26px minmax(0,1fr) 46px;align-items:end;gap:10px;background:#fff;box-shadow:0 16px 50px #1c27231a}.composer>svg{margin:11px 0 0 4px;color:#16776c}.composer textarea{min-height:46px;max-height:150px;border:0;box-shadow:none;padding:11px 0}.composer button{width:46px;height:46px;border:0;border-radius:8px;display:grid;place-items:center;color:#fff;background:#16776c}.composer button:disabled{background:#9eb2aa;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.workspace{grid-template-columns:1fr}.brief-panel{order:2}.chat-panel{min-height:78vh}.starter-row{grid-template-columns:1fr 1fr}}@media(max-width:640px){.app-shell{padding:10px}.workspace{min-height:calc(100vh - 20px)}.chat-topbar{min-height:auto;padding:18px;flex-direction:column}.chat-topbar h2{font-size:30px}.starter-row,.field-grid{grid-template-columns:1fr}.messages{padding:16px}.message,.message.user{grid-template-columns:32px minmax(0,1fr)}.message.user .avatar{grid-column:1}.message.user .bubble{grid-column:2;justify-self:start}.avatar{width:32px;height:32px}.composer{margin:0 10px 10px;grid-template-columns:minmax(0,1fr) 44px}.composer>svg{display:none}}