/* Scoped presentation layers; outer accordion and navigation are unchanged. */
.od-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;font-family:var(--kuwork-font-sans,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);color:#373737;line-height:1.45}
.od-scene *{box-sizing:border-box}
.od-scene svg{display:block}
.od-workspace{position:absolute;inset:0;display:grid;place-items:center;z-index:0}
.od-workspace .kw-product{width:91%;height:84%;border-radius:1.6cqw;box-shadow:0 12px 30px #3131311a}
.od-workspace .kw-product-preview{position:relative;display:flex;align-items:center;justify-content:center;background:#f6f6f6;overflow:hidden}
.od-anchor{width:100%;aspect-ratio:1.48;flex-shrink:0}
.od-backdrop{position:absolute;inset:0;z-index:1;background:#f4f4f4;opacity:var(--od-dim,0);pointer-events:none}
.od-focus{position:absolute;z-index:3;left:15%;top:27%;width:82%;aspect-ratio:1.48;transform-origin:0 0;opacity:1;filter:drop-shadow(0 16px 18px #39393930)}
.od-preview{width:100%;height:100%;display:flex;flex-direction:column;background:#ffffff;border:1px solid #e1e1e1;border-radius:1.7cqw;overflow:hidden;container-type:inline-size;color:#404040}
.od-preview svg:not(.od-slide-svg):not(.od-chart>svg){width:2.4cqw;height:2.4cqw;flex-shrink:0}
.od-filebar{height:7.2%;flex-shrink:0;display:flex;align-items:center;gap:1cqw;padding:0 2.7cqw;border-bottom:1px solid #e9e9e9;font-size:1.9cqw;white-space:nowrap;background:#ffffff}
.od-filebar>b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.od-filebar>svg{color:#7f7f7f}
.od-filebar>span{font-size:2.4cqw;color:#9f9f9f}
.od-filebar i,.od-filebar em{display:flex;font-style:normal;color:#999999}
.od-filebar em{margin-left:auto}
.od-preview-tools{height:6%;display:flex;align-items:center;justify-content:space-between;padding:0 2.7cqw;font-size:1.7cqw;color:#909090;border-bottom:1px solid #ededed;flex-shrink:0}
.od-feedback{height:7%;flex-shrink:0;border-top:1px solid #ebebeb;display:flex;align-items:center;padding:0 2.7cqw;font-size:1.9cqw;background:#ffffff;position:relative}
.od-feedback>span{display:flex;align-items:center;gap:.7cqw;position:absolute;opacity:0}
.od-working{color:#949494}.od-working i{width:1cqw;height:1cqw;border-radius:50%;background:#969696}
.od-complete{color:#6b6b6b}
[data-processing="true"] .od-working{opacity:1}
[data-complete="true"] .od-complete{opacity:1}
.od-slides{flex:1;min-height:0;display:grid;grid-template-columns:13% 1fr;gap:2.4%;padding:3% 2.7% 3% 2%;background:#f6f6f6;align-items:center}
.od-thumbnails{align-self:stretch;display:flex;flex-direction:column;gap:8%;padding-top:1%}
.od-thumbnails>div{position:relative;border:1px solid #e3e3e3;border-radius:.4cqw;box-shadow:0 1px 2px #00000004;overflow:visible;background:#ffffff}
.od-thumbnails>div>span{position:absolute;left:-1.45cqw;top:35%;font-size:1.2cqw;color:#9e9e9e}
.od-thumbnails .is-selected{outline:1.5px solid #b3b3b3;outline-offset:2px}
.od-slide-canvas{box-shadow:0 3px 9px #3a3a3a12;background:#ffffff;line-height:0}
.od-slide-svg{width:100%;height:auto;aspect-ratio:16/9;font-family:inherit}
.od-title-after,.od-title-highlight{opacity:0;transition:opacity .25s ease}
.od-title-before{opacity:1;transition:opacity .25s ease}
[data-changed="true"] .od-title-before{opacity:0}
[data-changed="true"] .od-title-after{opacity:1}
[data-highlight="true"] .od-title-highlight{opacity:1}
.od-prompt{position:absolute;z-index:4;left:15%;top:6.7%;width:76%;height:18%;background:#ffffff;border:1px solid #e6e6e6;border-radius:2.2cqw;padding:1.1cqw 2cqw;box-shadow:0 8px 24px #3f3f3f16;transform-origin:0 0;opacity:0;will-change:transform;font-size:2.1cqw}
.od-prompt-heading{display:flex;align-items:center;gap:.7cqw;font-size:1.35cqw;color:#9a9a9a}
.od-prompt-heading svg{width:1.5cqw;height:1.5cqw}
.od-prompt-line{margin-top:.65cqw;min-height:1.6em;font-weight:450;color:#3b3b3b;white-space:nowrap}
.od-caret{display:inline-block;height:1em;width:1px;background:#686868;vertical-align:-.1em;margin-left:2px}
.od-prompt footer{display:flex;align-items:center;position:absolute;left:2cqw;right:1.7cqw;bottom:1cqw;justify-content:space-between;font-size:1.35cqw;color:#939393}
.od-prompt footer svg{width:1.8cqw;height:1.8cqw}
.od-composer-tools,.od-sent{display:flex;align-items:center;gap:.8cqw}
.od-sent{display:none;color:#828282}
.od-send{width:3cqw;height:3cqw;background:#373737;color:#ffffff;display:grid;place-items:center;border-radius:50%;transition:transform .16s}
/* Structured data report: all chart values share the same source arrays. */
[data-outcome="dashboard"] .od-focus{top:20%}
.od-dashboard{flex:1;min-height:0;padding:2.5% 4%;background:#fbfbfb;display:flex;flex-direction:column;gap:3%}
.od-dashboard header,.od-workflow>header{display:flex;align-items:center;justify-content:space-between}
.od-dashboard header small,.od-workflow header small{color:#a0a0a0;font-size:1.5cqw}
.od-dashboard h3,.od-workflow h3{font-size:3.1cqw;margin:.4cqw 0 0;font-weight:600;color:#464646}
.od-dashboard header>span{font-size:1.7cqw;border:1px solid #e6e6e6;border-radius:.6cqw;padding:.6cqw 1cqw;background:#ffffff;color:#898989}
.od-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2%}
.od-metrics>div{border:1px solid #e8e8e8;border-radius:1.1cqw;background:#ffffff;padding:1.5cqw 2cqw;display:flex;flex-direction:column}
.od-metrics>div>span{font-size:1.7cqw;color:#8f8f8f}
.od-metrics strong{font-size:4.4cqw;font-weight:600;letter-spacing:-.035em;color:#535353}
.od-metrics strong small{font-size:1.5cqw;font-weight:400;margin-left:.7cqw;letter-spacing:0}
.od-metrics em{font-style:normal;font-size:1.4cqw;color:#8a8a8a}
.od-chart{position:relative;flex:1;min-height:0;background:#ffffff;border:1px solid #e8e8e8;border-radius:1.1cqw;padding:1.5% 2%;display:flex;flex-direction:column}
.od-chart-title{display:flex;justify-content:space-between;align-items:center;font-size:1.9cqw}
.od-chart-title b{font-weight:550}
.od-chart-title>span{font-size:1.4cqw;color:#989898;display:flex;align-items:center;gap:.6cqw}
.od-chart-title i{width:1cqw;height:.6cqw;border-radius:2px;background:#909090}.od-chart-title i:nth-child(2){background:#c3c3c3;margin-left:.5cqw}
.od-chart>svg{width:100%;height:100%;min-height:0;flex:1}
.od-day-band{opacity:0}[data-inspect="true"] .od-day-target .od-day-band{opacity:1}
.od-chart-tooltip{position:absolute;left:54%;top:20%;width:33%;background:#ffffff;border:1px solid #e4e4e4;border-radius:1cqw;box-shadow:0 5px 18px #40404016;font-size:1.9cqw;padding:1.5cqw;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.od-chart-tooltip b{display:block;font-size:1.9cqw;margin-bottom:.9cqw;font-weight:550}
.od-chart-tooltip>span{display:flex;justify-content:space-between;font-size:1.7cqw;color:#919191;padding:.25cqw 0}
.od-chart-tooltip strong{font-weight:500;color:#5f5f5f}
[data-inspect="true"] .od-chart-tooltip{opacity:1;transform:none}
.od-dashboard>footer{display:flex;justify-content:space-between;font-size:1.35cqw;color:#a3a3a3}
/* Workflow: one trigger in the conversation, no second floating run cursor. */
.od-workflow{padding:3% 4%;flex:1;min-height:0;display:flex;flex-direction:column;gap:5%;background:#fbfbfb}
.od-flow-state{font-size:1.7cqw;color:#838383;background:#f2f2f2;border:1px solid #e7e7e7;border-radius:2cqw;padding:.5cqw 1.4cqw}
.od-flow-input{display:flex;align-items:center;gap:1cqw;padding:1.2cqw 1.4cqw;border:1px solid #e7e7e7;border-radius:.8cqw;background:white;font-size:1.9cqw;color:#737373}
.od-flow-input b{margin-left:auto;font-size:1.5cqw;font-weight:400;color:#9a9a9a}
.od-flow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:3%;padding:1% 0}
.od-flow-node{position:relative;border:1px solid #e4e4e4;border-radius:1cqw;background:#ffffff;padding:1.5cqw 1.3cqw;display:flex;flex-direction:column;gap:.7cqw;transition:background .2s,border-color .2s}
.od-flow-node:not(:last-child):after{content:'→';position:absolute;left:100%;width:16%;top:38%;font-size:2cqw;text-align:center;color:#b2b2b2}
.od-flow-node>i{font-size:1.4cqw;color:#9c9c9c;font-style:normal}
.od-flow-node>b{font-size:2cqw;font-weight:550;white-space:nowrap}
.od-flow-node>small{font-size:1.5cqw;color:#989898}
.od-flow-node>span{position:absolute;top:1cqw;right:1cqw;color:#828282;opacity:0}
.od-flow-result{flex:1;min-height:0;position:relative;border:1px solid #e7e7e7;background:#ffffff;border-radius:1cqw;padding:1.5cqw 2cqw}
.od-flow-result>div{display:flex;justify-content:space-between;font-size:1.9cqw}.od-flow-result>div>b{font-weight:550}.od-flow-result>div>span{font-size:1.4cqw;color:#a4a4a4}
.od-flow-result table{border-collapse:collapse;width:100%;font-size:1.7cqw;text-align:left;margin-top:1cqw}.od-flow-result th{font-size:1.5cqw;font-weight:400;color:#9e9e9e}.od-flow-result td,.od-flow-result th{padding:.9cqw 0;border-bottom:1px solid #f0f0f0}.od-flow-result tbody tr:last-child td{border-bottom:0}
.od-flow-result td em{font-style:normal;font-size:1.5cqw;color:#888888;background:#f2f2f2;border-radius:.5cqw;padding:.25cqw .8cqw}
.od-flow-result tbody{opacity:1}.od-flow-result tbody tr{opacity:0}.od-flow-empty{position:absolute;left:0;right:0;top:52%;font-size:1.7cqw;text-align:center;color:#aaaaaa}
/* A rendered review report, without invented native editing controls. */
.od-document{display:grid;grid-template-columns:20% 1fr;gap:3%;flex:1;min-height:0;background:#f6f6f6;padding:3% 4% 0 2%}
.od-document>aside{display:flex;flex-direction:column;gap:2.3cqw;font-size:1.7cqw;color:#999999;padding-top:1cqw}.od-document>aside>small{font-size:1.4cqw;color:#acacac}.od-document>aside>b{font-weight:500;background:#ededed;color:#6f6f6f;border-radius:.5cqw;padding:.9cqw .6cqw;margin-left:-.6cqw}
.od-paper{background:white;border:1px solid #e7e7e7;box-shadow:0 2px 6px #00000005;padding:3cqw 3.3cqw;overflow:hidden;font-size:1.7cqw;line-height:1.7}
.od-paper-meta{font-size:1.3cqw;color:#a3a3a3;display:flex;justify-content:space-between}.od-paper h3{font-size:3.1cqw;color:#3a3a3a;font-weight:600;margin:1.3cqw 0}.od-paper h4{font-size:2cqw;margin:1.3cqw 0 .5cqw}.od-paper p{margin:.7cqw 0}.od-paper-lead{color:#939393;font-size:1.5cqw}.od-paper mark{background:transparent;color:inherit;transition:background .25s}[data-focus="true"] .od-paper mark{background:#f1f1f1}
.od-compare{display:flex;align-items:center;gap:1.6cqw;border:1px solid #e3e3e3;background:#fbfbfb;padding:1.3cqw;border-radius:.6cqw;margin-top:1cqw}.od-compare>div{display:flex;flex-direction:column}.od-compare small{font-size:1.3cqw;color:#979797}.od-compare b{font-size:2.2cqw;font-weight:550;color:#727272}.od-compare>span{color:#a6a6a6}.od-compare em{font-size:1.3cqw;font-style:normal;margin-left:auto;color:#8f8f8f}
.od-paper-note{font-size:1.4cqw;color:#929292}.od-review{margin-top:1.3cqw;padding:1.2cqw 1.5cqw;border:1px solid #e6e6e6;border-radius:.6cqw;background:#fbfbfb}.od-review header{display:flex;justify-content:space-between;font-size:1.6cqw;color:#777777}.od-review header span{font-size:1.3cqw;color:#8d8d8d}.od-review-before{color:#a9a9a9}.od-review-after{display:none;color:#595959}[data-changed="true"] .od-review-before{display:none}[data-changed="true"] .od-review-after{display:block}.od-paper>footer{margin-top:1.4cqw;font-size:1.1cqw;color:#b9b9b9}
@container outcomes-canvas (max-width:540px){
 .od-workspace .kw-product{display:grid;grid-template-columns:18% 1fr;width:92%;height:84%;font-size:1.8cqw}
 .od-workspace .kw-product-sidebar{display:flex}.od-workspace .kw-product-main{display:grid;grid-template-columns:31% 1fr;height:auto}
 .od-workspace .kw-product-chat{display:flex!important;border-right:1px solid #eeeeee;border-top:0}.od-workspace .kw-product-chat>header,.od-workspace .kw-product-messages{display:flex}.od-workspace .kw-product-messages{display:block}
 .od-workspace .kw-product-composer{flex:0 0 21%;font-size:1.3cqw}.od-workspace .kw-product-tabs{display:none}
 .od-focus{width:96%;left:2%;top:30%;aspect-ratio:1.48}
 .od-prompt{left:4%;top:6%;width:92%;height:21%;font-size:3cqw;padding:1.8cqw 2.4cqw;border-radius:3cqw}
 .od-prompt-heading{font-size:2cqw}.od-prompt-heading svg{width:2.2cqw;height:2.2cqw}.od-prompt footer{font-size:1.9cqw;bottom:1.5cqw;left:2.4cqw;right:2.4cqw}.od-prompt footer svg{width:2.5cqw;height:2.5cqw}.od-send{width:4.4cqw;height:4.4cqw}.od-prompt-line{margin-top:1.2cqw}
 .od-filebar{height:8%;font-size:2.4cqw}.od-preview-tools{height:6%;font-size:2cqw}.od-feedback{height:8%;font-size:2.3cqw}
 .od-slides{grid-template-columns:1fr;padding:3%}.od-thumbnails{display:none}
 .od-dashboard>footer{font-size:1.6cqw}.od-document{grid-template-columns:1fr;padding:3% 5% 0}.od-document>aside{display:none}.od-paper{font-size:2.2cqw;padding:2cqw 4cqw}.od-paper h3{font-size:3.6cqw;margin:.8cqw 0}.od-paper-lead{font-size:1.8cqw}.od-paper h4{font-size:2.4cqw}.od-paper-meta{font-size:1.6cqw}.od-compare b{font-size:2.6cqw}.od-compare small,.od-compare em{font-size:1.7cqw}.od-paper-note{font-size:1.8cqw}.od-review header{font-size:2cqw}.od-review header span{font-size:1.7cqw}.od-paper>footer{display:none}
}
@media(prefers-reduced-motion:reduce){.od-scene *{animation:none!important;transition:none!important}.od-focus,.od-prompt{will-change:auto}.od-chart-pointer{display:none}}
/* Prevent shared product icon sizing from shrinking the SVG document pages. */
.od-preview .od-slide-svg{width:100%;height:auto;aspect-ratio:16/9}
.od-preview .od-chart>svg{width:100%;height:100%;min-height:0}
.od-workspace .kw-product-preview{justify-content:flex-start}
.od-anchor .od-preview{border-radius:0;border:0}
@container outcomes-canvas (min-width:541px){.od-focus{width:80%;top:26%}}
@container outcomes-canvas (max-width:540px){
 .od-prompt{font-size:max(11px,3cqw)}
 .od-prompt-heading{font-size:max(8px,2cqw)}
 .od-prompt footer{font-size:max(8px,1.9cqw)}
 .od-feedback{font-size:max(8px,2.3cqw)}
 .od-filebar{font-size:max(8px,2.4cqw)}
}
[data-outcome="dashboard"] .od-focus{top:9%;aspect-ratio:1.2}
[data-outcome="dashboard"] .od-anchor{aspect-ratio:1.2}
.od-workflow{gap:2.5%}
.od-flow-result td,.od-flow-result th{padding:.65cqw 0}
.od-paper{padding-block:2cqw;line-height:1.6}
@container outcomes-canvas (max-width:540px){[data-outcome="dashboard"] .od-focus{top:12%}.od-workflow{gap:2%}}
.od-workflow{padding:2% 4%;gap:1.5%}
.od-flow-node{padding:1.1cqw 1.3cqw}
.od-flow-result td,.od-flow-result th{padding:.55cqw 0}
/* Isolate miniature document typography from the accordion's 16px body copy. */
.od-preview{font-size:2cqw}
.od-dashboard header>div,.od-workflow header>div{font-size:1.5cqw}
.od-scene .od-paper p{font-size:1.7cqw;line-height:1.6;max-width:none;margin:.7cqw 0}
.od-scene .od-paper .od-paper-lead{font-size:1.5cqw;color:#939393}
.od-scene .od-paper .od-paper-note{font-size:1.4cqw;color:#929292}
.od-scene .od-flow-empty{font-size:1.7cqw;margin:0;max-width:none;line-height:1.45}
@container outcomes-canvas (max-width:540px){
 .od-scene .od-paper p{font-size:max(8px,2.2cqw);line-height:1.5;margin:.6cqw 0}
 .od-paper h3{font-size:max(12px,3.6cqw)}
 .od-paper-meta,.od-paper h4,.od-scene .od-paper .od-paper-lead,.od-scene .od-paper .od-paper-note{display:none}
 .od-compare b{font-size:max(11px,2.6cqw)}
 .od-compare small,.od-compare em{font-size:max(7px,1.7cqw)}
 .od-review header{font-size:max(8px,2cqw)}.od-review header span{font-size:max(7px,1.7cqw)}
 .od-scene .od-review p{font-size:max(9px,2.2cqw)}
 [data-outcome="workflow"] .od-focus{top:25%;aspect-ratio:1.34}
 [data-outcome="workflow"] .od-prompt{top:5%;height:18%}
 .od-flow-node>i{display:none}.od-flow-node>b{font-size:max(8px,2cqw)}.od-flow-node>small{font-size:max(6px,1.5cqw)}
 .od-flow-result table{font-size:max(8px,1.7cqw);line-height:1.3}.od-flow-result th,.od-flow-result td em{font-size:max(7px,1.5cqw)}
 .od-flow-result td,.od-flow-result th{padding:.3cqw 0}
}
@container outcomes-canvas (max-width:540px){
 [data-outcome="document"] .od-focus{top:25%;aspect-ratio:1.34}
 [data-outcome="document"] .od-prompt{top:5%;height:18%}
 .od-paper{padding-block:1cqw}.od-paper h3{margin:0 0 .4cqw}
}
@container outcomes-canvas (max-width:360px){
 .od-preview-tools{display:none}
 .od-document{padding-top:1%}.od-paper{padding-block:0}
 .od-workflow header small{display:none}
 .od-flow-result{padding-block:1cqw}
}
/* v2: one stable result plane, quiet context, and local changes tied to actions. */
.od-workspace{opacity:1;filter:none}
.od-workspace .kw-product{width:90%;height:82%;box-shadow:none;border-color:#ffffff80}
.od-workspace .kw-product-preview{background:#f5f5f5;align-items:flex-start}
.od-context-label{font-size:1.45cqw;color:#a3a3a3;padding:2cqw}
.od-backdrop{opacity:0;background:#efefef}
.od-focus{left:14%;top:26%;width:83%;aspect-ratio:1.58;transform:none;filter:none}
.od-preview{border-color:#d2d2d2;border-radius:1.3cqw;box-shadow:0 2px 5px #3333330d,0 18px 38px #3030302b}
.od-filebar{height:8.5%;font-size:2cqw;background:#ffffff;border-bottom-color:#e3e3e3;gap:1.2cqw}
.od-filebar>b{font-weight:550;color:#4f4f4f}
.od-filebar>svg{color:#747474}
.od-filebar .od-file-meta{margin-left:auto;font-size:1.6cqw;color:#9f9f9f}
.od-filebar em{margin-left:1cqw;color:#a4a4a4}
.od-feedback{height:8%;background:#ffffff;font-size:1.9cqw;border-top-color:#e6e6e6}
.od-idle{color:#949494}
[data-processing="false"][data-complete="false"] .od-idle{opacity:1}
.od-working{color:#707070}.od-working i{border-radius:2px;background:#939393}
.od-complete{color:#717171}
.od-slides{background:#f0f0f0;padding:4% 3.2% 4% 2.7%;gap:3%;grid-template-columns:12% 1fr}
.od-thumbnails{gap:10%}.od-thumbnails>div{opacity:.7}.od-thumbnails>div.is-selected{opacity:1}
.od-slide-canvas{box-shadow:0 2px 4px #3a3a3a12,0 7px 15px #3a3a3a10}
.od-title-after{transform:translateY(4px);transition:opacity .22s ease-out,transform .22s ease-out}
[data-changed="true"] .od-title-after{transform:translateY(0)}
.od-prompt{left:21%;top:7.5%;width:71%;height:15%;padding:1.2cqw 2cqw;background:none;border:0;box-shadow:none;border-radius:1.6cqw;opacity:var(--od-prompt-enter,0);transform:translateY(calc((1 - var(--od-prompt-enter,0))*4px));will-change:auto;font-size:2.1cqw}
.od-prompt::before{content:'';position:absolute;inset:0;background:#ffffff;border:1px solid #dbdbdb;border-radius:1.6cqw;box-shadow:0 4px 12px #2f2f2f12;transform:scaleY(calc(1 - var(--od-fold,0)*.55));transform-origin:50% 0;z-index:-1}
.od-prompt-heading{font-size:1.3cqw;color:#a2a2a2;opacity:calc(1 - var(--od-fold,0))}
.od-prompt-line{margin-top:.4cqw;display:flex;gap:1.5cqw;align-items:center;justify-content:space-between;color:#525252;transform:translateY(calc(var(--od-fold,0)*-1.7cqw));font-weight:450}
.od-prompt footer{bottom:.9cqw;opacity:calc(1 - var(--od-fold,0))}
.od-send{width:2.8cqw;height:2.8cqw;border-radius:.8cqw;background:#474747}
.od-sent{display:flex;color:#8b8b8b;opacity:var(--od-fold,0)}.od-sent svg{width:2cqw;height:2cqw}
.od-dashboard{background:#f7f7f7;padding:3% 4%;gap:3.5%}
.od-dashboard h3,.od-workflow h3{color:#404040;font-size:3.3cqw}
.od-metrics>div{border-color:#e3e3e3;box-shadow:0 1px 3px #49494905}
.od-metrics strong{color:#4c4c4c;font-size:4.7cqw}
.od-chart-title{color:#565656}
.od-day-band{transition:opacity .18s ease-out}[data-chart-focus="true"] .od-day-target .od-day-band{opacity:1}
.od-chart-tooltip{border-color:#cacaca;box-shadow:0 5px 16px #40404026;color:#4b4b4b}
.od-workflow{background:#f6f6f6;padding:3% 4%;gap:2.5%}
.od-flow-node{background:#fbfbfb;color:#979797;border-color:#e6e6e6;overflow:visible;transition:background .18s,border-color .18s,color .18s}
.od-flow-node[data-state="running"]{background:#f2f2f2;border-color:#8f8f8f;color:#525252;box-shadow:0 0 0 1px #bfbfbf20}
.od-flow-node[data-state="done"]{background:#fbfbfb;border-color:#cecece;color:#686868}
.od-flow-node[data-state="done"]>span{opacity:1}.od-flow-node[data-state="done"]>small{color:#8d8d8d}
.od-flow-node[data-state="running"]>small{color:#7f7f7f}
.od-node-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#989898;transform:scaleX(var(--node-progress,0));transform-origin:0 50%;opacity:0}
.od-flow-node[data-state="running"] .od-node-progress{opacity:1}
.od-flow-input{color:#6f6f6f}.od-flow-result>div>b{color:#595959}
.od-document{background:#f0f0f0;padding:3% 3% 0 2%;gap:3%;grid-template-columns:19% 1fr}
.od-paper{border-color:#e1e1e1;box-shadow:0 3px 8px #3333330a;padding:2cqw 3cqw}
.od-document>aside>b{background:#e7e7e7;color:#686868}
.od-compare{background:#fcfcfc;border-color:#dadada}
.od-review{background:#fafafa;border-color:#e4e4e4;transition:border-color .2s,background .2s}
[data-highlight="true"] .od-review{border-color:#afafaf;background:#f6f6f6}
@container outcomes-canvas (max-width:540px){
 .od-focus{left:2%;width:96%;top:28%;aspect-ratio:1.48}
 .od-preview{border-radius:2cqw;box-shadow:0 2px 5px #3333330d,0 9px 18px #3030302b}
 .od-prompt{left:7%;top:6%;width:88%;height:17%;font-size:max(10px,3cqw);padding:1.2cqw 2cqw}
 [data-outcome="workflow"] .od-prompt,[data-outcome="document"] .od-prompt{top:5%;height:17%}
 .od-prompt::before{border-radius:2.4cqw}
 .od-prompt-heading{font-size:2cqw}.od-prompt-line{margin-top:.5cqw;transform:translateY(calc(var(--od-fold,0)*-2.2cqw))}
 .od-prompt footer{font-size:1.7cqw;bottom:1cqw}.od-send{width:3.3cqw;height:3.3cqw}
 .od-filebar{font-size:max(8px,2.4cqw);height:9%}.od-filebar .od-file-meta{font-size:2cqw}
 .od-feedback{font-size:max(8px,2.3cqw);height:9%}
 .od-slides{grid-template-columns:1fr;padding:3%}
 .od-document{grid-template-columns:1fr;padding:2% 4% 0}.od-paper{padding:1cqw 3cqw}
 .od-workflow{padding:2% 4%;gap:2%}
 .od-workspace{opacity:1}
}
@container outcomes-canvas (max-width:360px){.od-paper{padding-block:0}.od-document{padding-top:1%}.od-flow-result{padding-block:1cqw}}

@container outcomes-canvas (min-width:541px){
 .od-scene .od-paper p{font-size:1.95cqw}
 .od-scene .od-paper .od-paper-lead{display:none}
 .od-scene .od-paper .od-paper-note{font-size:1.55cqw}
 .od-compare b{font-size:2.6cqw}.od-review header{font-size:1.8cqw}
 .od-flow-node>b{font-size:2.15cqw}
 [data-outcome="dashboard"] .od-focus{aspect-ratio:1.27}
}
@container outcomes-canvas (max-width:540px){
 .od-scene .od-paper p{font-size:max(9px,3.2cqw)}
 .od-scene .od-review p{font-size:max(10px,3.5cqw)}
 .od-paper h3{font-size:max(13px,4.6cqw)}
 .od-compare b{font-size:max(12px,4.2cqw)}
 [data-outcome="document"] .od-focus{top:24%;aspect-ratio:1.3}
}

.od-scene .kw-product-placeholder{display:inline}.od-scene .kw-product-composer footer>b{background:transparent;color:#9a9a9a;border-color:#e1e1e1}

@container outcomes-canvas (min-width:541px){[data-outcome="workflow"] .od-focus{top:24.5%;aspect-ratio:1.48}}

/* Neutral application chrome; colour identifies data or execution state only. */
.od-scene{color:#252525;--od-accent:#2563eb;--od-success:#26744b;--od-warning:#946200}
.od-workspace .kw-product{background:#fff;border-color:#d9d9d9;box-shadow:0 4px 14px #0000000d;backdrop-filter:none}
.od-workspace .kw-product-sidebar{background:#f4f4f4;color:#666}
.od-workspace .kw-product-chat{background:#fff;color:#737373}
.od-workspace .kw-product-preview{background:#fafafa}
.od-workspace .kw-product-user{color:#737373}
.od-workspace .kw-product-account>span{background:#555}
.od-preview{color:#262626;border-color:#d1d1d1;box-shadow:0 2px 4px #0000000a,0 16px 32px #00000024}
.od-filebar>b,.od-prompt-line,.od-dashboard h3,.od-workflow h3,.od-paper h3{color:#222}
.od-filebar>svg,.od-chart-title,.od-flow-result>div>b,.od-flow-input{color:#4b4b4b}
.od-prompt::before{border-color:#d5d5d5;box-shadow:0 3px 10px #00000014}
.od-send{background:#252525}
.od-slides,.od-document{background:#efefef}
.od-dashboard,.od-workflow{background:#f7f7f7}
.od-metrics strong{color:#202020}.od-metrics>div>span{color:#666}.od-metrics em{color:#707070}
.od-thumbnails .is-selected{outline-color:#8a8a8a}
.od-document>aside>b{background:#e3e3e3;color:#333}
.od-chart-title i{background:#3268c8}.od-chart-title i:nth-child(2){background:#b5b5b5}
.od-chart-tooltip{color:#222;border-color:#d0d0d0;box-shadow:0 4px 14px #0000001c}
.od-chart-tooltip strong{color:#222}
.od-working{color:#555}.od-working i{background:var(--od-accent)}
.od-complete{color:#525252}.od-complete svg,.od-sent{color:var(--od-success)}
.od-flow-node{background:#fff;border-color:#ddd;color:#777}
.od-flow-node[data-state="running"]{background:#fff;border-color:var(--od-accent);color:#222;box-shadow:0 0 0 1px #2563eb0d}
.od-flow-node[data-state="running"]>small{color:var(--od-accent)}
.od-node-progress{background:var(--od-accent)}
.od-flow-node[data-state="done"]{background:#fff;border-color:#d4d4d4;color:#333}
.od-flow-node[data-state="done"]>small{color:#737373}.od-flow-node[data-state="done"]>span{color:var(--od-success)}
.od-flow-result td em{color:var(--od-warning);background:#fff4d9}
.od-compare{background:#fff;border-color:#dedede}
.od-compare b{color:#262626}.od-compare small{color:#737373}.od-compare em{color:var(--od-warning)}
[data-focus="true"] .od-paper mark{background:#fff0bd}
.od-review{background:#fafafa;border-color:#dedede}
.od-review header,.od-review-after{color:#3d3d3d}.od-review header span{color:var(--od-warning)}
[data-highlight="true"] .od-review{background:#fff;border-color:#929292}
@container outcomes-canvas (max-width:540px){.od-preview{box-shadow:0 2px 4px #0000000a,0 8px 16px #00000024}}

/* Slides v4: wider conversation and a stationary white artifact page. */
.od-slide-story .kw-product{width:91%;height:86%;grid-template-columns:13% minmax(0,1fr)}
.od-slide-story .kw-product-main{display:grid;grid-template-columns:58% minmax(0,1fr);height:auto}
.od-slide-story .kw-product-chat{position:relative;display:flex;flex-direction:column;border-right:1px solid #eaeaea;border-top:0;color:#444;flex:auto}
.od-slide-story .kw-product-chat>header{display:flex}
.od-slide-story .kw-product-messages{display:block;font-size:1.45cqw;padding:1.5cqw 1.1cqw}
.od-slide-story .kw-product-user{color:#444}
.od-slide-story .kw-product-answer p{font-size:inherit;line-height:1.6;margin:.6cqw 0}
.od-slide-story .kw-product-sidebar{display:flex}
.od-slide-story .kw-product-composer{display:flex;flex:0 0 21%;margin:.5cqw 1.1cqw 1.3cqw;padding:1cqw;font-size:1.45cqw;border-color:#dedede;box-shadow:0 2px 6px #00000005}
.od-slide-story .kw-product-composer>div{position:relative;min-height:3.3cqw}
.od-slide-story .kw-product-placeholder{display:block;font-size:1.35cqw;line-height:1.65}
.od-slide-story .kw-product-composer footer>b{background:#f2f2f2;color:#999;border-color:#e1e1e1}
.od-slide-story[data-focus="true"][data-sent="false"] .kw-product-composer footer>b{background:#252525;color:#fff;border-color:#252525}
.od-slide-story .od-input-origin{position:absolute;inset:0;display:block}
.od-slide-story .od-record{position:absolute;left:auto;right:1.1cqw;width:max-content;max-width:88%;top:53%;padding:1cqw;border-radius:1cqw;background:#f3f3f3;opacity:0;font-size:1.55cqw;line-height:1.65;min-height:0}
.od-slide-story .od-record-origin{display:block;visibility:hidden}
.od-slide-story .od-request-text{position:absolute;z-index:4;font-size:1.55cqw;line-height:1.65;color:#252525;pointer-events:none}
.od-slide-story .od-caret{margin-left:1px}
.od-slide-story .kw-product-preview{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fff}
.od-slide-story .od-artifact-tab{display:flex;align-items:center;gap:.7cqw;flex:0 0 8%;padding:0 1.4cqw;border-bottom:1px solid #eee;font-size:1.3cqw;color:#454545;white-space:nowrap;overflow:hidden}
.od-slide-story .od-artifact-tab span{overflow:hidden;text-overflow:ellipsis}
.od-slide-story .od-artifact-tools{display:flex;align-items:center;justify-content:space-between;padding:1cqw 1.4cqw;font-size:1.2cqw;color:#888}
.od-slide-story .od-focus{left:47%;top:30%;width:51%;aspect-ratio:1.48;transform-origin:0 0;transition:none}
.od-slide-story .od-preview{border-radius:1.8cqw;background:#fff;border:1px solid #ebebeb;box-shadow:0 4px 8px #00000004,0 18px 38px #00000014}
.od-slide-story .od-title-before,.od-slide-story .od-title-after,.od-slide-story .od-title-highlight{transition:none}
.od-slide-story .od-thumbnails{display:none}
.od-slide-story .od-slides{grid-template-columns:1fr;padding:3.5%;background:#fff}
.od-slide-story .od-slide-canvas{box-shadow:none;background:#fff}
.od-slide-story .od-filebar{display:none}
.od-slide-story .od-feedback{font-size:2.5cqw;height:10%;border-top-color:#f0f0f0;padding:0 3cqw}
@container outcomes-canvas (max-width:540px){
 .od-slide-story .kw-product{grid-template-columns:1fr;width:94%;height:88%}
 .od-slide-story .kw-product-sidebar{display:none}
 .od-slide-story .kw-product-main{grid-template-columns:1fr}
 .od-slide-story .kw-product-preview{display:none}
 .od-slide-story .kw-product-chat>header{flex-basis:9%}
 .od-slide-story .kw-product-chat>header b{font-size:2.6cqw}
 .od-slide-story .kw-product-messages{display:none}
 .od-slide-story .kw-product-user,.od-slide-story .kw-product-answer>small,.od-slide-story .kw-product-answer-tools{display:none}
 .od-slide-story .kw-product-answer{margin-top:0}
 .od-slide-story .kw-product-file{font-size:2.1cqw}
 .od-slide-story .kw-product-composer{position:absolute;top:25%;left:1.5cqw;right:1.5cqw;height:18%;margin:0;padding:1.5cqw}
 .od-slide-story .kw-product-placeholder{font-size:max(9px,2.5cqw)}
 .od-slide-story .kw-product-composer footer{font-size:1.6cqw}
 .od-slide-story .od-record{top:11%;left:auto;right:1.5cqw;padding:1.5cqw;font-size:max(10px,2.7cqw);min-height:0;max-width:92%}
 .od-slide-story .od-request-text{font-size:max(10px,2.7cqw)}
 .od-slide-story .od-focus{left:7%;top:44%;width:86%;aspect-ratio:1.58}
 .od-slide-story .od-feedback{font-size:2.7cqw}
 .od-slide-story .od-filebar{font-size:2.4cqw}
}

/* Restore the approved large result popup after opening the updated file. */
.od-slide-story .od-inline-origin{position:absolute;left:3%;top:32%;width:94%;aspect-ratio:1.48}
.od-slide-story .od-popup{position:absolute;z-index:5;left:14%;top:29%;width:83%;aspect-ratio:1.58;transform-origin:center;opacity:0;pointer-events:none}
.od-slide-story .od-popup .od-preview{border-color:#d1d1d1;border-radius:1.3cqw;box-shadow:0 2px 4px #0000000a,0 16px 32px #00000024}
.od-slide-story .od-popup .od-filebar{display:flex;height:8.5%;font-size:2cqw}
.od-slide-story .od-popup .od-thumbnails{display:flex}
.od-slide-story .od-popup .od-slides{grid-template-columns:12% 1fr;padding:4% 3.2% 4% 2.7%;background:#efefef}
.od-slide-story .od-popup .od-slide-canvas{box-shadow:0 2px 4px #00000012,0 7px 15px #00000010}
.od-slide-story .od-popup .od-feedback{height:8%;font-size:1.9cqw;padding:0 2.7cqw;border-top-color:#e6e6e6}
.od-slide-story .od-open-cursor{position:absolute;z-index:4;width:2.4cqw;height:3cqw;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px #00000020)}
@container outcomes-canvas (max-width:540px){
 .od-slide-story .od-popup{left:2%;top:37%;width:96%;aspect-ratio:1.58}
 .od-slide-story .od-popup .od-filebar{font-size:2.4cqw}
 .od-slide-story .od-popup .od-feedback{font-size:2.3cqw}
 .od-slide-story .od-open-cursor{display:none}
}

/* The remaining outcomes use the same grounded artifact hierarchy. */
.od-grounded-story .kw-product{width:91%;height:86%;grid-template-columns:13% minmax(0,1fr)}
.od-grounded-story .kw-product-main{display:grid;grid-template-columns:58% minmax(0,1fr);height:auto}
.od-grounded-story .kw-product-chat{position:relative;display:flex;flex-direction:column;border-right:1px solid #eaeaea;border-top:0;color:#444;flex:auto}
.od-grounded-story .kw-product-chat>header{display:flex}
.od-grounded-story .kw-product-messages{display:block;font-size:1.45cqw;padding:1.5cqw 1.1cqw}
.od-grounded-story .kw-product-user{color:#444}
.od-grounded-story .kw-product-answer p{font-size:inherit;line-height:1.6;margin:.6cqw 0}
.od-grounded-story .kw-product-sidebar{display:flex}
.od-grounded-story .kw-product-composer{display:flex;flex:0 0 21%;margin:.5cqw 1.1cqw 1.3cqw;padding:1cqw;font-size:1.45cqw;border-color:#dedede;box-shadow:0 2px 6px #00000005}
.od-grounded-story .kw-product-composer>div{position:relative;min-height:3.3cqw}
.od-grounded-story .kw-product-placeholder{display:block;font-size:1.35cqw;line-height:1.65}
.od-grounded-story .kw-product-composer footer>b{background:#f2f2f2;color:#999;border-color:#e1e1e1}
.od-grounded-story[data-focus="true"][data-sent="false"] .kw-product-composer footer>b{background:#252525;color:#fff;border-color:#252525}
.od-grounded-story .od-input-origin{position:absolute;inset:0;display:block}
.od-grounded-story .od-record{position:absolute;right:1.1cqw;top:53%;width:max-content;max-width:88%;padding:1cqw;border-radius:1cqw;background:#f3f3f3;opacity:0;font-size:1.55cqw;line-height:1.65}
.od-grounded-story .od-record-origin{display:block;visibility:hidden}
.od-grounded-story .od-request-text{position:absolute;z-index:4;font-size:1.55cqw;line-height:1.65;color:#252525;pointer-events:none}
.od-grounded-story .kw-product-preview{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fff}
.od-grounded-story .od-artifact-tab{display:flex;align-items:center;gap:.7cqw;flex:0 0 8%;padding:0 1.4cqw;border-bottom:1px solid #eee;font-size:1.3cqw;color:#454545;white-space:nowrap;overflow:hidden}
.od-grounded-story .od-artifact-tab span{overflow:hidden;text-overflow:ellipsis}
.od-grounded-story .od-artifact-tools{display:flex;align-items:center;justify-content:space-between;padding:1cqw 1.4cqw;font-size:1.2cqw;color:#888}
.od-grounded-story .od-inline-origin{position:absolute;left:3%;top:32%;width:94%;aspect-ratio:1.48}
.od-grounded-story .od-focus{left:47%;top:30%;width:51%;aspect-ratio:1.48;transform-origin:0 0;transition:none}
.od-grounded-story .od-focus .od-preview{border-radius:1.8cqw;box-shadow:0 4px 8px #00000004,0 18px 38px #00000014}
.od-grounded-story .od-popup{position:absolute;z-index:5;left:14%;top:21%;width:83%;aspect-ratio:1.58;transform-origin:center;opacity:0;pointer-events:none}
.od-grounded-story .od-popup .od-preview{border-color:#d1d1d1;border-radius:1.3cqw;box-shadow:0 2px 4px #0000000a,0 16px 32px #00000024}
.od-grounded-story .od-popup .od-filebar{height:8.5%;font-size:2cqw}
.od-grounded-story .od-popup .od-feedback{height:8%;font-size:1.9cqw}
.od-grounded-story .od-dashboard,.od-grounded-story .od-workflow,.od-grounded-story .od-document{background:#fff}
.od-grounded-story .od-review{position:relative;min-height:5.9cqw}
.od-grounded-story .od-review-before{display:block!important}
.od-grounded-story .od-review-after{display:block!important;position:absolute;left:1.5cqw;right:1.5cqw;top:3.5cqw;opacity:0}
.od-grounded-story .od-chart-tooltip{transition:none}
[data-outcome="dashboard"].od-grounded-story .od-popup{left:13%;top:8%;width:76%;aspect-ratio:1.27}
@container outcomes-canvas (max-width:540px){
 .od-grounded-story .kw-product{grid-template-columns:1fr;width:94%;height:88%}
 .od-grounded-story .kw-product-sidebar,.od-grounded-story .kw-product-preview,.od-grounded-story .kw-product-messages{display:none}
 .od-grounded-story .kw-product-main{grid-template-columns:1fr}
 .od-grounded-story .kw-product-chat>header{flex-basis:9%}
 .od-grounded-story .kw-product-composer{position:absolute;top:25%;left:1.5cqw;right:1.5cqw;height:18%;margin:0;padding:1.5cqw}
 .od-grounded-story .kw-product-placeholder{font-size:max(9px,2.5cqw)}
 .od-grounded-story .od-record{top:11%;right:1.5cqw;padding:1.5cqw;font-size:max(10px,2.7cqw);max-width:92%}
 .od-grounded-story .od-request-text{font-size:max(10px,2.7cqw)}
 .od-grounded-story .od-focus{left:7%;top:44%;width:86%;aspect-ratio:1.58}
 .od-grounded-story .od-popup{left:2%;top:37%;width:96%;aspect-ratio:1.58}
 [data-outcome="dashboard"].od-grounded-story .od-popup{left:2%;top:22%;width:96%;aspect-ratio:1.27}
 .od-grounded-story .od-filebar,.od-grounded-story .od-popup .od-filebar{font-size:2.4cqw}
 .od-grounded-story .od-feedback,.od-grounded-story .od-popup .od-feedback{font-size:2.3cqw}
 .od-grounded-story .od-review-after{top:4cqw}
}

/* One artifact keeps its geometry from inline preview to the opened result. */
.od-scene[data-outcome] { --od-artifact-ratio: 1.58; }
.od-scene[data-outcome="dashboard"] { --od-artifact-ratio: 1.27; }
.od-scene[data-outcome="workflow"],
.od-scene[data-outcome="document"] { --od-artifact-ratio: 1.45; }
.od-scene[data-outcome] .od-inline-origin,
.od-scene[data-outcome] .od-focus,
.od-scene[data-outcome] .od-popup { aspect-ratio: var(--od-artifact-ratio); }
.od-scene[data-outcome="workflow"] .od-popup,
.od-scene[data-outcome="document"] .od-popup { top: 16%; }
.od-workflow > header, .od-flow-input, .od-flow-track { flex-shrink: 0; }
.od-flow-result { flex: 1 0 auto; min-height: min-content; }
.od-flow-result table { table-layout: fixed; }
.od-flow-result th:first-child { width: 28%; }
.od-flow-result th:last-child { width: 25%; }
.od-flow-result td, .od-flow-result th { white-space: nowrap; }
.od-document { padding-bottom: 3%; }

/* User red-frame reference: result occupies the lower-right of the landscape.
   The stage clips the composition; the inset scene must allow its right edge. */
#platform .od-scene[data-outcome] { overflow: visible; --od-artifact-ratio: 1.35; }
#platform .od-scene[data-outcome] .od-popup {
  left: 22.8%; top: 23.8%; width: 79%; aspect-ratio: var(--od-artifact-ratio);
}