:root{color:#142025;font-synthesis:none;text-rendering:optimizelegibility;background:#eef1f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input,select,textarea{font:inherit}.app-frame{background:#edf1f4;grid-template-rows:56px minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.toolbar{background:#f9faf9;border-bottom:1px solid #c9d2d7;grid-template-columns:minmax(220px,280px) minmax(180px,360px) auto minmax(270px,1fr) auto;align-items:center;gap:14px;padding:8px 14px;display:grid}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg,#2f6172f2,#368469d1),repeating-linear-gradient(0deg,#0000 0 5px,#ffffff38 5px 6px);border:1px solid #2f6172;border-radius:8px;flex:none;width:30px;height:30px}.brand-title{color:#15262d;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:680;line-height:18px;overflow:hidden}.brand-subtitle{color:#5b6d75;font-size:11px;line-height:14px}.slide-select{color:#18282e;background:#fff;border:1px solid #b8c5ca;border-radius:6px;width:100%;min-width:0;height:36px;padding:0 12px}.tool-group{align-items:center;gap:6px;display:flex}.icon-button{color:#1d343b;cursor:pointer;background:#fff;border:1px solid #b7c5ca;border-radius:6px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{background:#eef7f6;border-color:#548094}.icon-button:disabled{cursor:default;opacity:.48}.icon-button:active{background:#dceeed}.session-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.session-user{color:#44565e;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.status-strip{color:#4d5e65;justify-content:flex-end;gap:8px;min-width:0;font-size:12px;line-height:1;display:flex}.status-strip span{white-space:nowrap;background:#fff;border:1px solid #cdd6da;border-radius:999px;min-width:0;padding:6px 8px}.viewer-area{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.viewer-area--with-agent{grid-template-columns:minmax(0,1fr) clamp(360px,28vw,520px)}.viewer-pane{min-width:0;min-height:0;position:relative;overflow:hidden}.viewer-shell{cursor:grab;touch-action:none;background-color:#eef1f3;background-image:linear-gradient(90deg,#17242a0d 1px,#0000 1px),linear-gradient(0deg,#17242a0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0;overflow:hidden}.viewer-shell:active{cursor:grabbing}.viewer-shell:focus{outline:none}.viewer-shell:focus-visible{outline-offset:-2px;outline:2px solid #39738657}.viewer-canvas{width:100%;height:100%;display:block}.middle-autopan-marker{pointer-events:none;will-change:transform;z-index:1;width:0;height:0;position:absolute;top:0;left:0}.middle-autopan-dot,.middle-autopan-arm{pointer-events:none;display:block;position:absolute}.middle-autopan-dot{border-radius:999px}.middle-autopan-dot--halo{top:calc(0px - var(--middle-autopan-halo-radius));left:calc(0px - var(--middle-autopan-halo-radius));width:var(--middle-autopan-halo-diameter);height:var(--middle-autopan-halo-diameter);background:#0f172a46}.middle-autopan-dot--shadow{top:calc(0px - var(--middle-autopan-shadow-radius));left:calc(0px - var(--middle-autopan-shadow-radius));width:var(--middle-autopan-shadow-diameter);height:var(--middle-autopan-shadow-diameter);background:#00000082}.middle-autopan-dot--core{top:calc(0px - var(--middle-autopan-core-radius));left:calc(0px - var(--middle-autopan-core-radius));width:var(--middle-autopan-core-diameter);height:var(--middle-autopan-core-diameter);background:#0f766ed8}.middle-autopan-dot--pin{top:calc(0px - var(--middle-autopan-pin-radius));left:calc(0px - var(--middle-autopan-pin-radius));width:var(--middle-autopan-pin-diameter);height:var(--middle-autopan-pin-diameter);background:#fffffff5}.middle-autopan-arm{border-radius:999px}.middle-autopan-arm--underlay{--middle-autopan-active-line:var(--middle-autopan-line-shadow);--middle-autopan-active-line-half:var(--middle-autopan-line-shadow-half);background:#000000be}.middle-autopan-arm--overlay{--middle-autopan-active-line:var(--middle-autopan-line);--middle-autopan-active-line-half:var(--middle-autopan-line-half);background:#2dd4bf}.middle-autopan-arm--left,.middle-autopan-arm--right{top:calc(0px - var(--middle-autopan-active-line-half));width:var(--middle-autopan-arm-span);height:var(--middle-autopan-active-line)}.middle-autopan-arm--left{left:calc(0px - var(--middle-autopan-arm))}.middle-autopan-arm--right{left:var(--middle-autopan-gap)}.middle-autopan-arm--up,.middle-autopan-arm--down{left:calc(0px - var(--middle-autopan-active-line-half));width:var(--middle-autopan-active-line);height:var(--middle-autopan-arm-span)}.middle-autopan-arm--up{top:calc(0px - var(--middle-autopan-arm))}.middle-autopan-arm--down{top:var(--middle-autopan-gap)}.overview-map{z-index:2;cursor:crosshair;background:#fff;border:1px solid #324b5485;border-radius:6px;width:min(220px,24vw);max-height:180px;padding:0;display:block;position:absolute;bottom:14px;right:14px;overflow:hidden;box-shadow:0 12px 24px #1420252e}.overview-map:focus{outline:none}.overview-map:focus-visible{outline-offset:2px;outline:2px solid #ffbf47d1}.overview-map img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.overview-viewport{pointer-events:none;background:#ffbf4724;border:2px solid #ffbf47;min-width:6px;min-height:6px;position:absolute;box-shadow:0 0 0 1px #1420257a}.error-banner{color:#4b1518;background:#fff4f4;border:1px solid #e1a6ad;border-radius:6px;max-width:min(520px,100% - 28px);padding:10px 12px;font-size:13px;position:absolute;bottom:14px;left:14px;box-shadow:0 12px 24px #1420251f}.empty-state{background:#eef1f3;position:absolute;inset:0}.agent-panel{background:#f9faf9;border-left:1px solid #c5d0d5;grid-template-rows:45px auto minmax(0,1fr) auto auto auto;min-width:0;min-height:0;display:grid;overflow:hidden}.agent-panel-header{background:#fff;border-bottom:1px solid #d6dee2;justify-content:space-between;align-items:center;min-width:0;padding:4px 8px 4px 12px;display:flex}.agent-panel-title{color:#1b3038;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:680;display:flex}.agent-panel-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-status-pill{color:#33545e;background:#f4f7f7;border:1px solid #c8d4d8;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:560}.agent-panel-actions{align-items:center;gap:6px;display:flex}.agent-link-button{text-decoration:none}.agent-config{background:#f4f7f7;border-bottom:1px solid #dce3e6}.agent-config-summary{color:#33545e;cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 12px;font-size:12px;font-weight:650;list-style-position:inside;display:grid}.agent-config-summary span:last-child{color:#63747a;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:520;overflow:hidden}.agent-config-fields{gap:8px;padding:0 12px 10px;display:grid}.agent-config-row{color:#4d5e65;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;min-width:0;font-size:12px;display:grid}.agent-config-row input{color:#18282e;background:#fff;border:1px solid #b8c5ca;border-radius:6px;min-width:0;height:30px;padding:0 8px;font-size:12px}.agent-transcript{background:#eef2f3;align-content:start;gap:10px;min-width:0;min-height:0;padding:12px;display:grid;overflow:auto}.agent-entry{color:#21343b;background:#fff;border:1px solid #d2dcdf;border-radius:7px;gap:6px;min-width:0;padding:9px 10px;font-size:12px;line-height:1.42;display:grid}.agent-entry--user{background:#f7fbfa;border-color:#bed2d0}.agent-entry--tool_call{background:#f8fbff;border-color:#c7d3e0}.agent-entry--tool_output{background:#f7fbf7;border-color:#c7d9cc}.agent-entry--error{background:#fff7f7;border-color:#e0b6bc}.agent-entry-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.agent-entry-header strong{color:#17272d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:680;overflow:hidden}.agent-entry-header time{color:#718187;flex:none;font-size:11px}.agent-markdown{overflow-wrap:anywhere;gap:7px;min-width:0;display:grid}.agent-markdown h3,.agent-markdown h4,.agent-markdown h5,.agent-markdown p,.agent-markdown ul,.agent-markdown ol,.agent-markdown pre,.agent-markdown blockquote,.agent-markdown table,.agent-markdown hr{min-width:0;margin:0}.agent-markdown h3,.agent-markdown h4,.agent-markdown h5{color:#17272d;font-size:12px;font-weight:720;line-height:1.35}.agent-markdown p{overflow-wrap:anywhere;white-space:pre-wrap}.agent-markdown ul,.agent-markdown ol{gap:4px;padding-left:18px;display:grid}.agent-markdown li{min-width:0;padding-left:1px}.agent-markdown code{color:#17272d;background:#f3f7f8;border:1px solid #d7e1e4;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px}.agent-markdown pre{color:#e8f1f3;background:#101b20;border:1px solid #d7e1e4;border-radius:6px;max-width:100%;padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.45;overflow:auto}.agent-markdown pre code{color:inherit;white-space:pre;background:0 0;border:0;padding:0;display:block}.agent-markdown blockquote{color:#4e636a;border-left:3px solid #c7d3e0;padding-left:9px}.agent-markdown-table-wrap{border:1px solid #d7e1e4;border-radius:6px;max-width:100%;overflow-x:auto}.agent-markdown table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.4}.agent-markdown th,.agent-markdown td{text-align:left;vertical-align:top;border-bottom:1px solid #d7e1e4;padding:6px 8px}.agent-markdown th{color:#17272d;background:#f3f7f8;font-weight:720}.agent-markdown tr:last-child td{border-bottom:0}.agent-markdown hr{background:#d7e1e4;border:0;height:1px}.agent-markdown a{color:#176f9f;text-underline-offset:2px;text-decoration:underline}.agent-image-note{color:#53686f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.agent-approval{background:#fffdf4;border-top:1px solid #d8e0e3;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.agent-approval div{gap:3px;min-width:0;display:grid}.agent-approval strong,.agent-approval span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-approval strong{color:#17272d;font-size:12px}.agent-approval span{color:#6a5a2d;font-size:11px}.agent-error{color:#631d24;background:#fff7f7;border-top:1px solid #e0b6bc;padding:8px 12px;font-size:12px}.agent-composer{background:#fff;border-top:1px solid #d6dee2;gap:8px;padding:10px 12px 12px;display:grid}.agent-composer textarea{resize:vertical;color:#17272d;background:#fff;border:1px solid #b8c5ca;border-radius:6px;width:100%;min-width:0;min-height:70px;max-height:160px;padding:8px 9px;font-size:12px;line-height:1.42;display:block}.agent-composer textarea:focus,.agent-config-row input:focus{outline-offset:1px;border-color:#548094;outline:2px solid #2d70803d}.agent-composer-actions{justify-content:flex-end;gap:6px;display:flex}.agent-image-chip{color:#314c58;background:#f8fbff;border:1px solid #c7d3e0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 9px;font-size:11px;display:grid}.agent-image-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-image-chip .icon-button{width:26px;height:26px}.agent-empty{color:#4d5e65;text-align:center;background:#fff;border:1px dashed #cbd7db;border-radius:7px;place-content:center;gap:8px;padding:24px;font-size:13px;display:grid}.agent-empty strong{color:#1d343b;font-size:14px}.auth-frame{grid-template-rows:minmax(0,1fr)}.auth-screen{background-color:#eef1f3;background-image:linear-gradient(90deg,#17242a0d 1px,#0000 1px),linear-gradient(0deg,#17242a0d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-width:0;min-height:0;padding:24px;display:grid;position:relative}.auth-panel{background:#f9faf9;border:1px solid #c4ced3;border-radius:8px;gap:14px;width:min(360px,100%);padding:20px;display:grid;box-shadow:0 16px 36px #14202524}.auth-brand{margin-bottom:4px}.field-label{color:#44565e;gap:6px;font-size:12px;font-weight:620;display:grid}.field-label input{color:#18282e;background:#fff;border:1px solid #b8c5ca;border-radius:6px;width:100%;height:38px;padding:0 11px}.field-label input:focus{outline-offset:0;border-color:#397386;outline:2px solid #3973862e}.primary-button{color:#fff;cursor:pointer;background:#2f6172;border:1px solid #2f6172;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:38px;font-weight:650;display:inline-flex}.primary-button:hover{background:#285464}.primary-button:disabled{cursor:wait;opacity:.72}.auth-error{bottom:24px;left:50%;right:auto;transform:translate(-50%)}@media (width<=900px){.toolbar{grid-template-rows:36px 36px;grid-template-columns:minmax(120px,1fr) auto auto;height:auto}.app-frame{grid-template-rows:96px minmax(0,1fr)}.slide-select{grid-area:2/1/auto/-1}.tool-group{grid-area:1/2;gap:4px}.session-actions{grid-area:1/3}.status-strip,.session-user{display:none}.overview-map{width:min(160px,38vw);max-height:132px;bottom:10px;right:10px}}@media (width<=760px){.viewer-area--with-agent{grid-template-rows:minmax(0,1fr) minmax(300px,42vh);grid-template-columns:minmax(0,1fr)}.agent-panel{border-top:1px solid #c5d0d5;border-left:0}}