@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.0xyeb7czu1stb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.0vnh8.d8wxa2x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.0~.8lt~vdqmc3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.00z~hoalba5dm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0vwgtotjdgnhr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.09.f.n_ccld80.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_2b67c4de-module__NpprRa__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_2b67c4de-module__NpprRa__variable{--font-sans:"IBM Plex Sans", "IBM Plex Sans Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_fc6bcda6-module__ez6FFa__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_fc6bcda6-module__ez6FFa__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--bg:#fafafa;--bg-elevated:#fff;--panel:#fffffff2;--panel-strong:#fff;--panel-soft:#f5f5f5e6;--line:#00000014;--line-strong:#0000001f;--text:#1f1f1f;--muted:#666;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:#2563eb1a;--success-soft:#22c55e1a;--danger-soft:#ef44441a;--danger:#dc2626;--shadow:0 4px 24px #00000014;--shadow-lg:0 12px 48px #0000001f}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{color:var(--text);font-family:var(--font-sans), sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}pre,code{font-family:var(--font-mono), monospace}.shell{grid-template-columns:260px minmax(0,1fr);width:100%;height:100dvh;min-height:0;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.workspace{grid-template-columns:minmax(360px, var(--chat-pane-width,42%)) 14px minmax(460px, calc(100% - var(--chat-pane-width,42%)));background:radial-gradient(circle at 0 0,#2563eb14,#0000 28%),linear-gradient(#f8fafcfa,#f3f4f6fa);min-width:0;min-height:0;display:grid;overflow:hidden}.workspace.resizing{cursor:col-resize}@media (max-width:768px){.shell{grid-template-columns:0 minmax(0,1fr)}.shell.sidebar-open{grid-template-columns:280px minmax(0,1fr)}}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:none;border-radius:0}.sidebar{background:var(--panel);border-right:1px solid var(--line);opacity:1;align-content:start;gap:12px;width:260px;height:100%;min-height:0;padding:16px;transition:opacity .25s 50ms,transform .35s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.shell.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;width:0;padding:0;transform:translate(-20px)}.sidebar>*{opacity:1;transition:opacity .2s}.shell.sidebar-collapsed .sidebar>*{opacity:0}.settings-overlay{z-index:100;opacity:0;visibility:hidden;background:#0000004d;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.settings-overlay.open{opacity:1;visibility:visible}.settings{background:var(--panel);border-left:1px solid var(--line);z-index:101;align-content:start;gap:16px;width:380px;height:100dvh;padding:24px;transition:transform .3s;display:grid;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000014}.settings.open{transform:translate(0)}.brand{justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.eyebrow{display:none}.brand h1{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.muted{color:var(--muted);margin:0}.button,.secondary-button{border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.button:hover,.secondary-button:hover{opacity:.9;transform:none}.button:disabled,.secondary-button:disabled{cursor:not-allowed}.button:disabled{opacity:.72}.secondary-button:disabled{opacity:.55}.button{color:#fff;background:var(--accent);padding:8px 16px}.button:hover{background:var(--accent-strong)}.secondary-button{color:var(--text);background:var(--panel-soft);border:1px solid var(--line);padding:8px 14px}.secondary-button:hover{background:var(--bg)}.section{background:0 0;border:none;border-radius:0;gap:12px;padding:0;display:grid}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-header h2{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.settings-header h2{margin:0;font-size:1.25rem;font-weight:600}.conversation-list{gap:4px;max-height:calc(100dvh - 200px);display:grid;overflow:auto}.conversation-button{text-align:left;width:100%;color:var(--muted);background:0 0;border:none;border-radius:8px;gap:4px;padding:10px 12px;font-size:.875rem;transition:all .15s;display:grid}.conversation-button.active{background:var(--panel-soft);color:var(--text)}.conversation-meta{display:none}.conversation-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.danger-icon{width:32px;height:32px;color:var(--muted);opacity:0;background:0 0;border:none;border-radius:6px;transition:all .15s}.conversation-row:hover .danger-icon{opacity:1}.danger-icon:hover{background:var(--danger-soft);color:var(--danger)}.chat-frame{background:var(--bg);grid-template-rows:auto minmax(0,1fr) auto;width:100%;min-width:0;max-width:none;height:100%;min-height:0;margin:0;padding:0;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.chat-header .toolbar:first-child{flex:1;min-width:0}.chat-header .toolbar:last-child{flex-shrink:0}.chat-header h2{color:var(--text);margin:0;font-size:1rem;font-weight:500}.chat-title-group{gap:2px;display:grid}.chat-title-group .helper{margin:0}.status{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.status.streaming{color:var(--accent);background:var(--accent-soft);border-color:#2563eb33}.status.error{color:var(--danger);background:var(--danger-soft);border-color:#dc262633}.message-list{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;flex-direction:column;gap:24px;width:100%;min-height:0;padding:20px clamp(16px,4vw,40px);display:flex;overflow:auto}.empty-state{justify-content:center;align-items:center;min-height:100%;padding:40px 20px;display:flex}.empty-card{text-align:center;padding:40px}.empty-card h3{color:var(--muted);margin:0;font-size:1.5rem;font-weight:500}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-card{gap:6px;width:min(640px,100%);max-width:640px;display:grid}.message-meta{color:var(--muted);justify-content:space-between;gap:12px;padding:0 4px;font-size:.75rem;display:flex}.bubble{border:1px solid var(--line);background:var(--bg-elevated);color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:18px;padding:12px 16px;font-size:.9375rem;line-height:1.6;box-shadow:0 1px 2px #0000000a}.message-row.user .bubble{color:#fff;background:#2563eb;border-color:#2563eb;border-bottom-right-radius:4px}.message-row.assistant .bubble{background:var(--bg-elevated);border-color:var(--line);border-bottom-left-radius:4px}.message-row.assistant .bubble.pending{border-color:var(--accent)}.message-row.assistant .bubble.error{border-color:var(--danger)}.message-ui-stack{gap:10px;display:grid}.skill-ui-card{background:linear-gradient(#fffffff5,#f8fafcf5),linear-gradient(135deg,#2563eb14,#0000 55%);border:1px solid #2563eb29;border-radius:18px;gap:14px;padding:14px 16px;display:grid;box-shadow:0 12px 30px #0f172a0f}.skill-ui-meta{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.skill-ui-meta>div{gap:6px;display:grid}.skill-ui-eyebrow{color:#1d4ed8;letter-spacing:.04em;text-transform:uppercase;background:#2563eb1a;border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.skill-ui-meta strong{color:var(--text);font-size:1rem;line-height:1.4}.skill-ui-component-badge{color:var(--muted);white-space:nowrap;background:#ffffffd1;border:1px solid #0f172a14;border-radius:999px;align-items:center;padding:6px 10px;font-size:.75rem;display:inline-flex}.skill-ui-body{gap:12px;display:grid}.skill-ui-body h4,.skill-ui-body p,.skill-ui-body ul,.skill-ui-body pre{margin:0}.skill-ui-body h4{color:var(--text);font-size:1rem;line-height:1.4}.skill-ui-body p,.skill-ui-body li{color:#0f172ad6;line-height:1.65}.skill-ui-fields,.skill-ui-choice-list{gap:10px;display:grid}.skill-ui-field,.skill-ui-choice{background:#ffffffc7;border:1px solid #0f172a14;border-radius:14px;gap:6px;padding:12px 14px;display:grid}.skill-ui-field span,.skill-ui-choice strong{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:.76rem;font-weight:700}.skill-ui-field strong,.skill-ui-choice p{color:var(--text);font-size:.94rem;line-height:1.6}.skill-ui-notes{gap:6px;padding-left:1.1rem;display:grid}.skill-ui-footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;font-size:.8125rem;display:flex}.skill-ui-footer code{font-size:.78rem}.skill-ui-action-panel{border-top:1px solid #0f172a14;gap:10px;padding-top:4px;display:grid}.skill-ui-action-row{flex-wrap:wrap;gap:8px;display:flex}.skill-ui-action-button,.skill-ui-submit-button{appearance:none;color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:10px 14px;font-size:.875rem;font-weight:600;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 10px 24px #2563eb38}.skill-ui-action-button:hover,.skill-ui-submit-button:hover{transform:translateY(-1px)}.skill-ui-action-button:disabled,.skill-ui-submit-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.skill-ui-inline-form{gap:10px;display:grid}.flow-entry-card{border-color:#2563eb38;border-radius:16px}.flow-entry-form{gap:14px}.flow-entry-section{gap:10px;display:grid}.flow-entry-section h4{color:var(--text);margin:0;font-size:.92rem;line-height:1.4}.flow-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.skill-ui-input-group{gap:6px;display:grid}.skill-ui-input-group span{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:.76rem;font-weight:700}.skill-ui-input-group input,.skill-ui-input-group textarea{width:100%;color:var(--text);font:inherit;resize:vertical;background:#ffffffeb;border:1px solid #0f172a1f;border-radius:12px;padding:10px 12px;line-height:1.5}.skill-ui-input-group input:focus,.skill-ui-input-group textarea:focus{border-color:#2563eb73;outline:none;box-shadow:0 0 0 3px #2563eb1f}.skill-ui-error{color:#b91c1c;margin:0;font-size:.8125rem}.skill-ui-json{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:14px;padding:12px 14px;font-size:.78rem;line-height:1.6}.trace{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;overflow:hidden}.trace summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:.8125rem}.trace summary:hover{background:var(--line)}.trace-list{gap:8px;padding:0 12px 12px;display:grid}.trace-item{border:1px solid var(--line);background:var(--bg-elevated);border-radius:6px;padding:10px 12px}.trace-title{color:var(--text);margin:0 0 6px;font-size:.8125rem}.trace-body{color:var(--muted);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.75rem}.composer{border-top:1px solid var(--line);background:linear-gradient(#fafafaeb,#fffffffa);gap:12px;min-height:0;padding:16px 20px 20px;display:grid;box-shadow:0 -8px 24px #0f172a0a}.composer-main{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.composer-stack{gap:10px;min-width:0;display:grid;position:relative}.composer-input-shell{border:1px solid var(--line);background:var(--bg-elevated);border-radius:18px;width:100%;padding:10px 12px 8px;transition:border-color .2s,box-shadow .2s}.composer-input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.composer-selected-flow{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 2px 8px;display:flex}.composer-selected-flow-pill{min-height:30px;color:var(--accent);background:#2563eb14;border:1px solid #2563eb29;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.composer-selected-flow-kind{min-width:34px;height:20px;color:var(--accent);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.69rem;font-weight:600;display:inline-flex}.composer-selected-flow-pill strong{color:var(--accent);font-size:.82rem;font-weight:600}.composer-selected-flow-clear{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:#f8fafcf5;border-radius:999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.composer-selected-flow-clear:hover{color:var(--accent);border-color:#2563eb2e}.composer-textarea{width:100%;min-height:44px;max-height:200px;color:var(--text);resize:none;background:0 0;border:none;outline:none;padding:6px 6px 4px;font-size:.9375rem;line-height:1.5}.flow-command-menu{z-index:100;scrollbar-width:thin;scrollbar-color:#0f172a1f transparent;background:#fffffffa;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;gap:0;width:min(360px,100vw - 88px);max-height:240px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 36px #0f172a1f}.flow-command-menu::-webkit-scrollbar{width:6px}.flow-command-menu::-webkit-scrollbar-track{background:0 0;margin:4px 0}.flow-command-menu::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:3px}.flow-command-item{width:100%;color:var(--text);text-align:left;background:0 0;border:none;border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:8px;padding:8px 9px;transition:all 80ms;display:grid}.flow-command-item.active,.flow-command-item:hover,.flow-command-item[data-selected=true]{background:#2563eb14}.flow-command-item[data-selected=true]{background:#2563eb1f}.flow-command-item .match-highlight{color:var(--accent);font-weight:600}.flow-command-icon{width:26px;height:26px;color:var(--accent);background:#2563eb14;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:inline-flex}.flow-command-copy{gap:3px;min-width:0;display:grid}.flow-command-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.flow-command-topline strong{min-width:0;font-size:.86rem;font-weight:600}.flow-command-topline span{color:var(--accent);background:#2563eb14;border-radius:999px;flex-shrink:0;padding:2px 6px;font-size:.7rem;line-height:1.2}.flow-command-copy p{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.77rem;line-height:1.4;display:-webkit-box;overflow:hidden}.flow-command-empty{color:var(--muted);border-radius:12px;padding:10px 12px;font-size:.75rem}.composer-send{min-width:72px;min-height:56px;padding-inline:18px}.settings-panel input,.settings-panel select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-size:.875rem}.settings-panel input:focus,.settings-panel select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.composer-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-panel{align-content:start;gap:24px;display:grid}.settings-group{gap:16px;display:grid}.settings-panel label{color:var(--muted);gap:6px;font-size:.875rem;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:480px){.settings-grid{grid-template-columns:1fr}}.skill-list{gap:8px;max-height:300px;display:grid;overflow:auto}.skill-item{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;padding:12px;display:grid}.skill-item label{color:var(--text);align-items:center;gap:10px;font-size:.875rem;display:flex}.skill-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.skill-chip-row{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{background:var(--accent-soft);color:var(--accent);border:1px solid #2563eb26;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.flow-selected-card,.flow-item{border:1px solid var(--line);background:var(--panel-soft);border-radius:14px}.flow-item,.flow-selected-card{gap:10px;padding:14px;display:grid}.flow-selected-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.flow-list{gap:10px;display:grid}.flow-item.selected{background:#2563eb14;border-color:#2563eb38}.flow-item button{text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:14px;gap:10px;padding:14px;display:grid}.flow-item-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.flow-item-header span{color:var(--accent);font-size:.75rem}.flow-item p{color:var(--muted);margin:0;line-height:1.5}.error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid #dc262633;border-radius:8px;padding:10px 14px;font-size:.875rem}.helper{color:var(--muted);font-size:.8125rem;line-height:1.4}.loading-dots{align-items:center;gap:4px;display:inline-flex}.loading-dots span{background:var(--accent);border-radius:999px;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.toolbar{align-items:center;gap:8px;display:flex}.toolbar-button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;transition:all .15s;display:inline-flex}.toolbar-button:hover{background:var(--panel-soft);color:var(--text)}.toolbar-button.active{background:var(--accent-soft);color:var(--accent);border-color:#2563eb4d}.toolbar-button.download-button{background:var(--accent);border-color:var(--accent);color:#fff;margin-left:auto;font-weight:600}.toolbar-button.download-button:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.icon-button{width:36px;height:36px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .15s;display:inline-flex}.icon-button:hover{background:var(--panel-soft);color:var(--text)}.settings-toggle{border:1px solid var(--line);background:var(--bg-elevated);width:48px;height:48px;color:var(--muted);box-shadow:var(--shadow);z-index:50;border-radius:50%;font-size:1.25rem;transition:all .2s;position:fixed;bottom:20px;right:20px}.settings-toggle:hover{background:var(--panel-soft);color:var(--text);box-shadow:var(--shadow-lg)}.sidebar-toggle-inline{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;transition:all .2s;animation:.3s fadeInSlide;display:flex}@keyframes fadeInSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-toggle-inline:hover{color:var(--text);background:#0f172a14;transform:scale(1.05)}.sidebar-toggle-inline:active{transform:scale(.95)}.sidebar-toggle-sidebar{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-toggle-sidebar:hover{color:var(--text);background:#0f172a14;transform:rotate(90deg)}.sidebar-toggle-sidebar:active{transform:rotate(90deg)scale(.9)}.workspace-resizer{cursor:col-resize;background:linear-gradient(#0000,#0f172a1a,#0000);min-height:0;position:relative}.workspace-resizer:before{content:"";background:#0f172a1f;border-radius:999px;width:4px;height:56px;margin:auto;transition:background .2s,transform .2s;position:absolute;inset:0}.workspace-resizer:hover:before,.workspace.resizing .workspace-resizer:before{background:#2563eb59;transform:scaleY(1.08)}.canvas-frame{background:linear-gradient(#ffffffd6,#f8fafcf5),linear-gradient(135deg,#2563eb0d,#0000 48%);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.canvas-header{border-bottom:1px solid var(--line);background:#ffffffb8;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.canvas-title{gap:6px;display:grid}.canvas-title h2{margin:0;font-size:1.1rem;font-weight:600}.canvas-eyebrow{width:fit-content;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#0f172a0f;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.canvas-status{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#ffffffb3;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.75rem;display:inline-flex}.canvas-status.ready{background:var(--success-soft);color:#15803d;border-color:#22c55e2e}.canvas-status.waiting{color:#b45309;background:#f59e0b1f;border-color:#f59e0b33}.canvas-body{align-content:start;gap:16px;min-height:0;padding:20px 22px 24px;display:grid;overflow:auto}.canvas-chip-row{flex-wrap:wrap;gap:8px;display:flex}.canvas-tabs{white-space:normal;scrollbar-width:thin;box-sizing:border-box;overscroll-behavior-x:contain;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;align-items:center;gap:10px;min-height:56px;padding:0 0 10px;display:flex;overflow:auto hidden}.canvas-tab{min-width:0;max-width:min(320px,92%);height:44px;color:inherit;white-space:nowrap;box-shadow:none;background:#ffffffeb;border:1px solid #0f172a14;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:10px 16px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.canvas-tab:hover{background:#f8fafcfa;border-color:#2563eb33}.canvas-tab.active{color:#1d4ed8;background:#eff6fffa;border-color:#2563eb4d}.canvas-tab-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:.875rem;font-weight:600;line-height:1;overflow:hidden}.canvas-tab-meta{display:none}.canvas-flow-summary{width:min(760px,100%);margin:0 auto}.canvas-flow-meta{background:#ffffffd1;border:1px solid #2563eb24;border-radius:18px;gap:6px;padding:16px 18px;display:grid}.canvas-flow-meta strong,.canvas-flow-meta p{margin:0}.canvas-flow-meta p{color:var(--muted);line-height:1.6}.canvas-flow-details{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.canvas-flow-details span{color:var(--muted);background:#0f172a0d;border-radius:999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.canvas-toolbar{flex-wrap:wrap;gap:8px;display:flex}.canvas-empty{justify-content:center;align-items:center;min-height:100%;display:flex}.canvas-empty-card{background:#ffffffe6;border:1px solid #0f172a14;border-radius:24px;gap:14px;width:min(680px,100%);padding:28px;display:grid;box-shadow:0 18px 48px #0f172a14}.canvas-empty-card h3,.canvas-empty-card p{margin:0}.canvas-empty-card h3{font-size:1.4rem;font-weight:600}.canvas-empty-card p{color:var(--muted);line-height:1.7}.canvas-task-preview{border:1px solid var(--line);background:#f8fafce6;border-radius:18px;gap:8px;margin-top:6px;padding:16px 18px;display:grid}.canvas-task-preview span,.canvas-paper-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.canvas-task-preview p{color:var(--text);margin:0}.canvas-paper{background:#fffffff5;border:1px solid #0f172a14;border-radius:26px;width:min(760px,100%);margin:0 auto;padding:30px clamp(22px,3vw,40px);box-shadow:0 24px 64px #0f172a1a}.canvas-data-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.canvas-data-card{border:1px solid var(--line);background:#f8fafc;border-radius:18px;gap:10px;padding:16px 18px;display:grid}.canvas-data-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.canvas-data-card p,.canvas-data-card pre{color:var(--text);margin:0;line-height:1.7}.canvas-data-card pre{white-space:pre-wrap;word-break:break-word}.canvas-paper-meta{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.canvas-paper-meta div{gap:8px;display:grid}.canvas-paper-meta p{color:var(--text);margin:0;font-size:.9375rem;line-height:1.6}.canvas-raw,.canvas-json{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:18px;margin:0;padding:18px 20px;font-size:.875rem;line-height:1.7;overflow:auto}.canvas-raw{border:1px solid var(--line);color:#0f172a;background:#f8fafc}.canvas-raw code{background:0 0;padding:0}.canvas-document{color:var(--text);overflow-wrap:break-word;word-wrap:break-word;gap:18px;max-width:100%;display:grid}.canvas-document p,.canvas-document li{overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.canvas-document h1,.canvas-document h2,.canvas-document h3,.canvas-document h4,.canvas-document p,.canvas-document ul,.canvas-document ol,.canvas-document pre{margin:0}.canvas-document h1{font-size:2rem;line-height:1.2}.canvas-document h2{font-size:1.45rem;line-height:1.3}.canvas-document h3{font-size:1.12rem;line-height:1.4}.canvas-document h4{font-size:1rem;line-height:1.4}.canvas-document p{color:#0f172ae0;line-height:1.8}.canvas-document ul,.canvas-document ol{gap:10px;padding-left:1.4rem;display:grid}.canvas-document li{line-height:1.7}.canvas-document hr{border:none;border-top:1px solid var(--line);width:100%}.canvas-document pre{border:1px solid var(--line);white-space:pre-wrap;background:#f8fafc;border-radius:18px;padding:16px 18px;overflow:auto}.canvas-document code{background:#0f172a0f;border-radius:6px;padding:.15em .45em;font-size:.875em}.canvas-document pre code{background:0 0;padding:0}.canvas-table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto}.canvas-document table{border-collapse:collapse;background:#fff;width:100%;font-size:.9rem}.canvas-document thead{background:#f8fafc}.canvas-document th,.canvas-document td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px}.canvas-document th{color:var(--muted);font-weight:600}.canvas-document tbody tr:last-child td{border-bottom:none}.new-chat-button{border:1px dashed var(--line-strong);background:var(--bg-elevated);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.new-chat-button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sidebar-overlay{display:none}@media (max-width:1024px){.step-output-drawer{width:min(560px,100vw)}.step-output-meta{grid-template-columns:1fr}.sidebar{width:240px}.workspace{grid-template-columns:minmax(340px, var(--chat-pane-width,42%)) 12px minmax(400px, calc(100% - var(--chat-pane-width,42%)))}}@media (max-width:1180px){.workspace{grid-template-rows:minmax(0,1fr) minmax(320px,42dvh);grid-template-columns:minmax(0,1fr)}.chat-frame{border-right:none;border-bottom:1px solid var(--line)}.workspace-resizer{display:none}.canvas-paper{width:100%}.canvas-data-grid{grid-template-columns:1fr}}@media (max-width:768px){.step-output-drawer{width:100vw;padding:20px 18px 22px}.canvas-step-item{flex-wrap:wrap}.shell{grid-template-columns:0 minmax(0,1fr)}.sidebar{z-index:100;height:100dvh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{z-index:99;opacity:0;visibility:hidden;background:#0006;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.shell.sidebar-open .sidebar-overlay{opacity:1;visibility:visible}.settings{width:100vw}.workspace{grid-template-rows:minmax(0,1fr) minmax(260px,40dvh)}.chat-frame{max-width:100%}.message-card{max-width:calc(100vw - 40px)}.message-list{padding:16px}.canvas-header{flex-direction:column;align-items:stretch;padding:16px 18px}.canvas-body{padding:16px}.canvas-tabs{min-height:50px;padding-bottom:8px}.canvas-tab{max-width:min(260px,82vw);height:40px;padding:9px 14px}.canvas-paper{border-radius:22px;padding:22px 18px}.canvas-paper-meta{flex-direction:column}.bubble{font-size:.875rem}}@media (max-width:480px){.composer{padding:12px 16px 16px}.composer-main{grid-template-columns:1fr}.composer-input-shell{padding:8px 10px 6px}.composer-textarea{min-height:40px;padding:4px 4px 2px}.flow-command-menu{width:min(100%,100vw - 32px)}.flow-command-item{grid-template-columns:24px minmax(0,1fr);gap:8px;padding:6px 8px}.flow-entry-grid{grid-template-columns:1fr}.flow-command-icon{border-radius:6px;width:24px;height:24px}.flow-command-topline{flex-direction:column;align-items:flex-start;gap:6px}.composer-send{width:100%;min-height:44px}.button,.secondary-button{padding:8px 12px;font-size:.8125rem}}.canvas-steps-panel{background:linear-gradient(145deg,#6366f10f,#a855f70a);border:1px solid #6366f126;border-radius:16px;margin-bottom:16px;padding:16px 18px}.canvas-steps-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.canvas-current-step{color:#6366f1;font-size:.8125rem;font-weight:500}.canvas-steps-list{flex-direction:column;gap:8px;display:flex}.canvas-step-item{background:#fff9;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.canvas-step-item.running{background:#6366f11f;border-color:#6366f140}.canvas-step-item.awaiting_input{background:#f59e0b1a;border-color:#f59e0b3d}.canvas-step-item.completed{background:#22c55e14;border-color:#22c55e33}.canvas-step-item.error{background:#ef444414;border-color:#ef444433}.canvas-step-number{color:#6366f1;background:#6366f126;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.canvas-step-name{color:#1f2937;flex:1;font-size:.875rem;font-weight:500}.canvas-step-status{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.canvas-step-status.running{color:#6366f1;background:#6366f126}.canvas-step-status.awaiting_input{color:#d97706;background:#f59e0b29}.canvas-step-status.completed{color:#16a34a;background:#22c55e26}.canvas-step-output-button{color:#2563eb;background:#ffffffc7;border:1px solid #2563eb2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.canvas-step-output-button:hover{background:#2563eb14;border-color:#2563eb47}.canvas-step-output-button.active{background:#2563eb1f;border-color:#2563eb52}.canvas-step-status.error{color:#dc2626;background:#ef444426}.canvas-step-duration{color:#9ca3af;margin-left:4px;font-size:.6875rem}.step-output-overlay{z-index:94;background:#0f172a47;border:none;position:fixed;inset:0}.step-output-drawer{z-index:95;background:linear-gradient(#fffffff7,#f8fafcfc),linear-gradient(135deg,#2563eb0f,#0000 44%);border-left:1px solid #0f172a14;grid-template-rows:auto auto minmax(0,1fr);gap:16px;width:min(680px,100vw);height:100dvh;padding:24px 24px 28px;display:grid;position:fixed;top:0;right:0;box-shadow:-10px 0 36px #0f172a1f}.step-output-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.step-output-title{gap:6px;display:grid}.step-output-title h3,.step-output-title p{margin:0}.step-output-title h3{color:#0f172a;font-size:1.05rem;font-weight:700}.step-output-title p{color:var(--muted);font-size:.875rem}.step-output-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.step-output-meta-card{background:#ffffffd1;border:1px solid #0f172a14;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.step-output-meta-card span{color:var(--muted);font-size:.75rem}.step-output-meta-card strong{color:#0f172a;word-break:break-word;font-size:.875rem}.step-output-body{background:#ffffffe0;border:1px solid #0f172a14;border-radius:18px;min-height:0;padding:18px;overflow:auto}.step-output-pre{white-space:pre-wrap;word-break:break-word;color:#0f172a;margin:0;font-size:.8125rem;line-height:1.6}.step-output-pre code{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.spinner{border:2px solid #6366f14d;border-top-color:#6366f1;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}