:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151514;background:#f7f5ee}*{box-sizing:border-box}html,#root{height:100%}body{margin:0;min-width:320px;height:100vh;overflow:hidden;background:linear-gradient(#f7f5eee8,#f7f5eee8),url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1200'%20height='800'%20viewBox='0%200%201200%20800'%20role='img'%20aria-label='Subtle%20vintage%20print%20pattern'%3e%3cdefs%3e%3cpattern%20id='rule'%20width='48'%20height='48'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M0%2047.5H48M47.5%200V48'%20stroke='%231f1f1b'%20stroke-opacity='.08'%20stroke-width='1'/%3e%3ccircle%20cx='8'%20cy='8'%20r='1.2'%20fill='%239b1c31'%20fill-opacity='.24'/%3e%3ccircle%20cx='32'%20cy='24'%20r='1'%20fill='%232f6f5e'%20fill-opacity='.22'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='1200'%20height='800'%20fill='%23f5f2e8'/%3e%3crect%20width='1200'%20height='800'%20fill='url(%23rule)'/%3e%3cpath%20d='M72%2096H1128M72%20704H1128'%20stroke='%23151514'%20stroke-opacity='.16'%20stroke-width='2'/%3e%3c/svg%3e");background-size:cover}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #151514;background:#fff;color:#151514;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:6px;cursor:pointer}button:hover:not(:disabled){background:#f0eee4}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:#151514;color:#fff}.primary:hover:not(:disabled){background:#9b1c31}.stop{border-color:#9b1c31;color:#9b1c31}.shell{height:100vh;padding:22px;overflow:hidden}.workspace{height:calc(100vh - 44px);min-height:0;display:flex;flex-direction:column;border:2px solid #151514;background:#ffffffe6}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:2px solid #151514;background:#fff}.topbar h1{margin:0;font-size:22px;line-height:1.1}.topbar p{margin:4px 0 0;font-size:13px;color:#5b5b54}.status-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #151514;border-radius:999px;background:#f7f5ee;font-size:13px}.status.ok{background:#dcebe6}.status.bad{background:#f4d8df}.body{flex:1;display:grid;grid-template-columns:minmax(220px,280px) 1fr;min-height:0;overflow:hidden}.controls{border-right:2px solid #151514;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f5ee;min-height:0;overflow:auto}.controls label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:6px;font-size:13px}.controls input[type=range]{grid-column:1 / -1;width:100%;accent-color:#2f6f5e}.controls select,.controls input[type=number]{width:82px;border:1px solid #151514;border-radius:6px;padding:8px}.controls select{width:148px;background:#fff}.meter{margin-top:auto;display:grid;gap:8px;font-size:12px;color:#5b5b54}.meter-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.meter span{overflow-wrap:anywhere}.meter strong{min-width:48px;color:#151514;font-size:18px;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.project-links{display:flex;flex-wrap:wrap;gap:8px}.project-links a{min-height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid #151514;border-radius:999px;padding:0 10px;color:#151514;background:#fff;font-size:13px;text-decoration:none}.project-links a:hover{background:#f0eee4}.chat{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden}.messages{overflow:auto;min-height:0;padding:18px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.message{width:min(860px,100%);border:1px solid #151514;border-radius:8px;padding:12px 14px;background:#fff}.message.user{align-self:flex-end;border-color:#2f6f5e}.message.assistant{align-self:flex-start;border-color:#9b1c31}.message span{display:block;margin-bottom:6px;color:#5b5b54;font-size:12px;text-transform:uppercase}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.error{margin:0 18px 12px;border:1px solid #9b1c31;color:#9b1c31;background:#fff7f8;border-radius:8px;padding:10px 12px}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 18px 18px;border-top:2px solid #151514;background:#fff}.composer textarea{width:100%;min-height:74px;max-height:220px;resize:vertical;border:1px solid #151514;border-radius:8px;padding:10px 12px;line-height:1.45}.composer button{align-self:end;min-width:164px}.composer kbd{border:1px solid currentColor;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:11px;line-height:1;opacity:.85}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.shell{padding:10px}.workspace{height:calc(100vh - 20px)}.topbar{align-items:flex-start;flex-direction:column}.status-strip{justify-content:flex-start}.body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.controls{border-right:0;border-bottom:2px solid #151514;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(280px,36vh)}.controls label,.meter{grid-column:1 / -1}.composer{grid-template-columns:1fr}.composer button{width:100%}}