:root{color-scheme:dark;--bg:#111312;--panel:#191d1b;--panel-2:#202521;--text:#f4f0e8;--muted:#aaa79d;--line:#343a35;--accent:#b7e06c;--accent-2:#72c7b6;--danger:#ff826e}*{box-sizing:border-box}#__nuxt,body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(114,199,182,.16),transparent 34rem),linear-gradient(135deg,#111312,#191813 52%,#121615);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);border-bottom:1px solid hsla(0,0%,100%,.08);background:#111312b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;gap:.15rem}.brand strong{font-size:1rem}.brand span,.muted{color:var(--muted)}.brand span{font-size:.82rem}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);gap:1rem;padding:clamp(1rem,3vw,2rem);min-height:0}.chat-panel,.preview-panel,.runs-panel{border:1px solid hsla(0,0%,100%,.09);background:#191d1bd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;min-width:0}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 7rem)}.panel-header{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-header h1,.panel-header h2{margin:0;font-size:1rem;letter-spacing:0}.messages{padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:.85rem}.message{max-width:min(44rem,100%);padding:.85rem .95rem;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;line-height:1.5;white-space:pre-wrap}.message.user{align-self:flex-end;background:#b7e06c1f;border-color:#b7e06c3d}.message.agent{align-self:flex-start;background:#ffffff0b}.composer{padding:1rem;border-top:1px solid hsla(0,0%,100%,.08);display:grid;gap:.75rem}.composer textarea{min-height:6rem;resize:vertical;border:1px solid hsla(0,0%,100%,.12);background:#080a09b3;color:var(--text);border-radius:8px;padding:.85rem;outline:none}.composer textarea:focus{border-color:#b7e06cb3}.actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.button{border:1px solid hsla(0,0%,100%,.12);background:var(--accent);color:#10120d;border-radius:8px;padding:.72rem .9rem;font-weight:700;cursor:pointer}.button.secondary{background:#ffffff0f;color:var(--text)}.button:disabled{opacity:.55;cursor:not-allowed}.runs-panel{align-self:start;max-height:calc(100vh - 7rem);overflow:auto}.run-list{display:grid;gap:.65rem;padding:1rem}.run-card{display:grid;gap:.45rem;padding:.8rem;text-decoration:none;border:1px solid hsla(0,0%,100%,.08);background:#ffffff0a;border-radius:8px}.run-card:hover{border-color:#b7e06c73}.status{width:-moz-fit-content;width:fit-content;padding:.2rem .45rem;border-radius:999px;background:#72c7b621;color:var(--accent-2);font-size:.76rem;font-weight:700}.status.failed{background:#ff826e1f;color:var(--danger)}.preview-layout{padding:clamp(1rem,3vw,2rem);display:grid;gap:1rem}.preview-panel{overflow:hidden}.preview-frame,.preview-panel{min-height:calc(100vh - 10rem)}.preview-frame{width:100%;border:0;display:block;background:#000}.run-log-panel{min-height:0}.run-log{list-style:none;margin:0;padding:1rem;display:grid;gap:.65rem}.run-log-item{display:grid;grid-template-columns:5.75rem auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.8rem;border:1px solid hsla(0,0%,100%,.08);background:#ffffff0a;border-radius:8px}.run-log-item.error{border-color:#ff826e47}.run-log-item time{color:var(--muted);font-size:.82rem;white-space:nowrap}.run-log-item p{margin:.25rem 0 0;line-height:1.45;overflow-wrap:anywhere}.error{color:var(--danger)}@media(max-width:860px){.workspace{grid-template-columns:1fr}.runs-panel{max-height:none}.run-log-item{grid-template-columns:1fr}}