.vera-chat{gap:var(--sp-8);width:100%;padding-top:var(--sp-8);padding-bottom:var(--sp-10);flex-direction:column;margin:0 auto;display:flex}.vera-workspace-layout{flex:1;grid-template-columns:minmax(0,1fr) 0fr;min-height:100%;transition:grid-template-columns .4s;display:grid}.vera-workspace-chat-column,.vera-workspace-thread{flex-direction:column;min-width:0;display:flex}.vera-workspace-thread{flex:1}.vera-thread-header{padding:var(--sp-4) 0;border-bottom:1px solid var(--hairline);flex:none}.conversation-origin-chip{max-width:100%;padding:var(--sp-1) var(--sp-2);color:var(--ink-2);background:var(--chip);border-radius:var(--r-chip);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.72em;line-height:1.5;display:inline-flex;overflow:hidden}.canvas:has(.vera-workspace-layout){transition:padding .4s}.canvas:has(.vera-workspace-layout)>.canvas-column{transition:width .4s}.canvas:has(.vera-workspace-layout.is-canvas-open){align-items:stretch;padding:0;overflow:hidden}.canvas:has(.vera-workspace-layout.is-canvas-open)>.canvas-column{width:100%;min-height:0}.vera-workspace-layout.is-canvas-open{grid-template-columns:minmax(360px,420px) minmax(0,1fr);height:100%;min-height:0}.vera-workspace-layout.is-canvas-open .vera-workspace-chat-column{overscroll-behavior:contain;padding:var(--sp-6) var(--sp-5) 0;overflow-y:auto}.canvas-panel-slot{visibility:hidden;min-width:0;overflow:hidden}.vera-workspace-layout.is-canvas-open .canvas-panel-slot{visibility:visible;background:var(--surface);border-left:1px solid var(--hairline);overscroll-behavior:contain;overflow-y:auto}.canvas-panel{outline:none;min-height:100%}.canvas-panel:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.canvas-panel-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);background:var(--surface);border-bottom:1px solid var(--hairline);display:flex;position:sticky;top:0}.canvas-panel-header p,.canvas-panel-header h2{margin:0}.canvas-panel-header p{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:11.5px}.canvas-panel-header h2{margin-top:var(--sp-1);font-family:var(--font-display);font-size:19px;font-weight:500}.canvas-panel-actions{align-items:center;gap:var(--sp-1);display:flex}.canvas-panel-header button{width:32px;height:32px;color:var(--muted);border-radius:var(--r-btn);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.canvas-panel-header button:hover{color:var(--ink);background:var(--chip)}.canvas-panel-header .export-menu-trigger{gap:var(--sp-1);width:auto;padding:0 var(--sp-2);display:flex}.canvas-panel-header .export-menu-item{width:100%;height:auto;padding:var(--sp-2) var(--sp-3);display:block}.canvas-panel-header svg,.canvas-reference svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.canvas-panel-body{gap:var(--sp-6);padding:var(--sp-6);display:grid;container-type:inline-size}.canvas-reference{align-self:flex-start;align-items:center;gap:0 var(--sp-3);max-width:100%;padding:var(--sp-2) var(--sp-3);font:inherit;text-align:left;color:var(--ink-2);background:var(--chip);border-radius:var(--r-btn);cursor:pointer;border:0;grid-template-columns:auto auto;display:grid}.canvas-reference:hover,.canvas-reference[aria-current=true]{color:var(--accent-ink);background:var(--accent-soft)}.canvas-reference span,.canvas-reference strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-reference span{color:var(--muted);grid-column:1;font-size:11.5px}.canvas-reference strong{grid-column:1;font-size:13.5px;font-weight:550}.canvas-reference svg{grid-area:1/2/span 2}.vera-chat-assistant-row.is-canvas-ready .artifact-paper,.vera-chat-assistant-row.is-canvas-ready .dashboard{cursor:pointer}.vera-workspace-layout.is-canvas-open .composer-box{width:100%}@media (width<=900px){.vera-workspace-layout.is-canvas-open{grid-template-columns:0fr minmax(0,1fr)}.vera-workspace-layout.is-canvas-open .vera-workspace-chat-column{visibility:hidden;padding:0;overflow:hidden}}.vera-chat-user-row{align-self:stretch}.vera-chat-assistant-row{align-self:stretch;gap:var(--sp-4);flex-direction:column;display:flex}.vera-working-line{block-size:2em;color:var(--muted);white-space:nowrap;font-size:.8em;overflow:hidden}.vera-working-line .working-activity{font-size:inherit}.vera-chat-tool-note{color:var(--muted);font-size:12.5px;font-family:var(--font-mono)}.vera-chat-notice{color:var(--muted);border:1px solid var(--hairline);border-radius:var(--r-btn);padding:var(--sp-2) var(--sp-3);font-size:12.5px}.vera-greeting{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-10) 0;text-align:center;flex-direction:column;flex:1;display:flex}.vera-greeting-mark{border:1px solid var(--hairline);border-radius:var(--r-btn);background:url(/brand/heyfixit-mark.png) 50%/cover no-repeat;width:40px;height:40px;margin:0}.vera-greeting h1{font-family:var(--font-display);margin:0;font-size:30px;font-weight:500}.vera-greeting-note{max-width:46ch;color:var(--muted);margin:0;font-size:13.5px}
