/* Identity leads into one shared command bar and the selected workspace. */
.app-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start;padding-top:28px;background:var(--workspace-surface);border:0}
.product-masthead,.product-workarea,.app-experience,.app-details{min-width:0}
.product-masthead{position:static;display:grid;grid-template-columns:176px minmax(0,1fr);gap:8px 24px;align-items:center}
.product-workarea{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}
.app-panel .experience-identity{display:contents}
.experience-icon{width:176px;grid-column:1;grid-row:1/4;filter:drop-shadow(0 10px 16px #17122514)}
.experience-icon .app-icon{width:100%}
.experience-nameblock,.experience-value{min-width:0}
.experience-nameblock{grid-column:2;grid-row:1;align-self:end}
.experience-value{grid-column:2;grid-row:2;align-self:start}
.experience-fit{color:var(--accent);font-size:var(--type-note);line-height:1.4}
.experience-name{margin:8px 0 0;font-family:var(--font-display);font-size:38px;font-weight:var(--weight-medium);line-height:1.06;letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}
.experience-outcome{font-family:var(--font-body);font-size:25px;font-weight:var(--weight-medium);line-height:1.2;letter-spacing:-.025em}
.product-masthead>.app-toolbar{grid-column:2;grid-row:3;position:static;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px;margin:0;min-height:44px;justify-self:start;width:fit-content;max-width:100%;padding:0;border:0;border-radius:0;background:transparent}
.product-masthead .app-view-controls{flex:0 1 auto;min-width:0;width:auto;display:flex;gap:4px;margin:0;padding:0;background:transparent;border:0;border-radius:0}
.product-masthead .app-view-controls button{position:relative;flex:none;min-width:0;min-height:44px;padding:10px 12px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:16px;line-height:1.25;transition:color .18s}
.product-masthead .app-view-controls button[aria-pressed="true"]{background:transparent;color:var(--ink);font-weight:var(--weight-strong);box-shadow:none}
.product-masthead .app-view-controls button:hover{background:transparent;color:var(--accent)}
.product-masthead .app-view-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.product-masthead .canvas-back{flex:none;justify-content:flex-start;min-width:44px;display:inline-flex;min-height:44px;padding:10px 12px;font-size:16px}
.product-masthead>.app-toolbar:has(.app-view-controls[hidden]){width:fit-content}
.studio-back-label{display:inline}
.app-experience{display:grid;gap:18px;align-items:start}
.experience-opening{max-width:820px;min-width:0;padding-inline:0}
.experience-intro{font-size:var(--type-body-large);line-height:1.4;color:var(--ink);max-width:800px}

/* One solid app material holds the real controls and media. */
.experience-media{position:relative;isolation:isolate;min-width:0;container-type:inline-size;container-name:product-evidence;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.experience-proof-title{font-family:var(--font-body);font-size:25px;font-weight:var(--weight-strong);line-height:1.2;margin:0 0 14px;letter-spacing:-.025em}
.experience-media .product-demo.full{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.experience-media .media-provenance{font-size:var(--type-note);color:var(--muted);line-height:1.4;margin:0 0 12px}
.experience-media .evidence-note,.experience-media .product-demo figcaption{color:var(--muted);font-size:var(--type-note);line-height:1.45}
.experience-media .evidence-note{margin:14px 0 0;max-width:860px}
.evidence-scope{min-width:0;max-width:100%;margin-top:12px;border-top:1px solid var(--line-app);color:var(--muted)}
.evidence-scope>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 0;color:var(--accent);font-size:16px;font-weight:var(--weight-medium);line-height:1.35;list-style:none;cursor:pointer}
.evidence-scope>summary::-webkit-details-marker{display:none}
.evidence-scope>summary>span{flex:none;font-size:22px;font-weight:var(--weight-regular);line-height:1}
.evidence-scope[open]>summary>span{transform:rotate(45deg)}
.evidence-scope>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.experience-media details.evidence-scope>p{max-width:76ch;margin:0 0 12px;color:var(--muted);font-size:16px;font-weight:var(--weight-regular);line-height:1.5}
.image-mode-purpose{margin:0 0 10px;font-family:var(--font-display);font-size:23px;font-weight:var(--weight-medium);line-height:1.25;letter-spacing:-.025em}
@media(width <768px){.image-mode-purpose{font-size:19px}}
.image-sketch-workspace[data-product-modes-ready]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:center}
.image-sketch-workspace[data-product-modes-ready]>[data-product-mode-pane]{display:contents}
.image-sketch-workspace[data-product-modes-ready]>.product-mode-choices{grid-column:2;grid-row:1;width:160px;margin:0;padding:0;gap:4px;border:0;border-bottom:1px solid var(--line-app);border-radius:0;background:transparent}
.image-sketch-workspace[data-product-modes-ready]>.product-mode-choices button{min-height:44px;padding:9px 10px;border-radius:0;border-bottom:2px solid transparent;background:transparent;font-size:16px;box-shadow:none}
.image-sketch-workspace[data-product-modes-ready]>.product-mode-choices button[aria-pressed="true"]{border-bottom-color:var(--accent);background:transparent;color:var(--accent);font-weight:var(--weight-strong);box-shadow:none}
.image-sketch-workspace[data-product-modes-ready] .image-mode-purpose{grid-column:1;grid-row:1;margin:0;font-size:20px;line-height:1.2}
.image-sketch-workspace[data-product-modes-ready] :is(.media-provenance,.image-proof-pair,.image-proof-prompt){grid-column:1/-1}
.experience-media .image-sketch-workspace[data-product-modes-ready] .media-provenance{margin:8px 0 12px;font-size:14px}
.image-proof[data-product-modes-ready]{width:min(100%,760px);margin-inline:auto}
.image-proof[data-product-modes-ready]>.product-mode-choices{width:100%;margin-bottom:12px;padding:4px;gap:4px;border:1px solid var(--line-app);border-radius:12px;background:var(--control-surface)}
.image-proof[data-product-modes-ready]>.product-mode-choices button{min-height:48px;padding:10px 8px;font-size:var(--type-control-large);border-radius:8px;border:0;background:transparent;box-shadow:none}
.image-proof[data-product-modes-ready]>.product-mode-choices button[aria-pressed="true"]{background:var(--control-selected);color:var(--control-selected-ink);font-weight:var(--weight-strong);box-shadow:none}
@media(width <768px){
 .image-sketch-workspace[data-product-modes-ready]{column-gap:10px}
 .image-sketch-workspace[data-product-modes-ready]>.product-mode-choices{width:150px}
 .image-sketch-workspace[data-product-modes-ready] .image-mode-purpose{font-size:18px}
 .experience-media .image-sketch-workspace[data-product-modes-ready] .media-provenance{margin-top:6px;margin-bottom:10px}
}
.experience-intent{display:block;padding-top:19px;border-top:1px solid var(--line-app)}
.experience-release{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:start}
.experience-essential{grid-column:1;font-size:var(--type-control);line-height:1.45;color:var(--muted)}
.experience-status{grid-column:1;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--type-note-small);line-height:1.4;margin-top:10px}
.experience-status>span{width:5px;height:5px;flex:none;border-radius:50%;background:var(--accent)}
.experience-store{display:inline-flex;align-items:center;gap:24px;min-height:48px;padding:12px 18px;border-radius:12px;background:var(--control-selected);color:var(--control-selected-ink);font-weight:var(--weight-strong)}
.capture-open,.experience-permalink,.experience-information{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--accent);font-size:var(--type-control);font-weight:var(--weight-strong);line-height:1.3}
.capture-open:hover,.experience-permalink:hover,.experience-information:hover{text-decoration:underline;text-underline-offset:5px}
.capture-open>span{font-size:var(--type-label)}
.experience-release>.experience-information,.experience-release>.experience-store{grid-column:2;grid-row:1/3;margin:0;align-self:center}

/* Primary modes are a compact segmented control. Captured-state pickers are secondary. */
.product-mode-choices{display:flex;gap:4px;width:min(100%,520px);max-width:100%;margin:0 0 16px;padding:4px;border:1px solid var(--line-app);border-radius:12px;background:var(--control-surface)}
.product-mode-choices button{flex:1;min-width:0;min-height:44px;padding:9px 15px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:var(--type-control-large);font-weight:var(--weight-semibold);line-height:1.25;cursor:pointer;transition:background-color .16s,color .16s}
.product-mode-choices button[aria-pressed="true"]{color:var(--control-selected-ink);background:var(--control-selected);box-shadow:0 3px 10px -6px color-mix(in srgb,var(--accent) 65%,transparent)}
.product-mode-choices button:hover:not([aria-pressed="true"]){color:var(--ink);background:var(--control-hover)}
.product-mode-choices button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-product-mode-pane]{min-width:0}
.mode-native-title{font-size:24px;margin:20px 0 14px}
[data-product-modes-ready] .mode-native-title{display:none}
.product-mode-choices[hidden],[data-product-mode-pane][hidden],.workflow-selector[hidden]{display:none!important}
.workflow-selector{display:flex;align-items:center;gap:14px;margin:0 0 12px;color:var(--muted);font-size:var(--type-note);line-height:1.3}
.workflow-selector>span{flex:1}
.workflow-selector select{max-width:70%;min-width:180px;min-height:44px;padding:9px 30px 9px 13px;border:1px solid var(--line-app);border-radius:12px;background:var(--control-surface);color:var(--ink);font:inherit;font-size:var(--type-control);font-weight:var(--weight-semibold)}
.workflow-motion-capture{display:block;width:100%;height:340px;border-radius:16px;background:#18152d;overflow:hidden}

/* Native fallback retains the full sequence. Enhanced Comfy has one compact toolbar. */
.comfy-workspace[data-product-modes-ready]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);column-gap:16px}
.comfy-workspace[data-product-modes-ready]>[data-product-mode-pane],.experience-media .comfy-workspace[data-product-modes-ready] .workflow-demo.full{display:contents}
.comfy-workspace[data-product-modes-ready] .product-mode-choices{grid-column:1;grid-row:1;width:100%;margin:0}
.comfy-workspace[data-product-modes-ready] .workflow-selector{grid-column:2;grid-row:1;margin:0}
.comfy-workspace[data-product-modes-ready] .workflow-selector>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.comfy-workspace[data-product-modes-ready] .workflow-selector select{width:100%;max-width:none;min-width:0;min-height:52px;padding-left:13px}
.comfy-workspace[data-product-modes-ready] .media-provenance{grid-column:1/-1;margin:12px 0}
.comfy-workspace[data-product-modes-ready] .workflow-panel,.comfy-workspace[data-product-modes-ready] .evidence-note,.comfy-workspace[data-product-modes-ready] .evidence-scope{grid-column:1/-1}
.experience-media .workflow-demo{display:grid;grid-template-columns:1fr}
.experience-media .workflow-nav{display:flex;gap:6px;padding:4px;margin:0 0 14px;border:0;border-radius:12px;background:transparent}
.experience-media .workflow-nav button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;min-height:44px;padding:9px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:var(--type-control);font-weight:var(--weight-semibold);line-height:1.3;transition:background-color .16s,color .16s}
.experience-media .workflow-nav button[aria-pressed="true"]{color:var(--accent);background:var(--control-surface);box-shadow:inset 0 -2px var(--accent)}
.experience-media .workflow-nav button:hover{color:var(--accent)}
.experience-media .workflow-step-number{font-size:var(--type-metadata);font-variant-numeric:tabular-nums;color:var(--accent);flex:none}
.experience-media .workflow-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"capture context";align-items:center;gap:24px;min-width:0;padding:0;border:0;background:transparent}
.workflow-context{grid-area:context}
.workflow-capture{grid-area:capture}
.experience-media .workflow-capture,.experience-media .workflow-framed-evidence{min-width:0;width:100%;margin:0}
.experience-media .workflow-framed{display:block;width:100%;height:auto;aspect-ratio:604/454;background:#17122b;border-radius:16px;overflow:hidden;box-shadow:0 16px 30px -24px #17122570}
.experience-media .workflow-framed svg{display:block}
.experience-media .workflow-artwork{width:100%;height:100%}
.evidence-views{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.evidence-view-pair{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
[data-evidence-pane]{min-width:0}
.evidence-view-choices{display:flex;gap:0;align-items:stretch;width:100%;border-bottom:1px solid var(--line-app)}
.evidence-view-choices button{flex:1;min-width:0;min-height:44px;padding:10px 8px;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:var(--type-control);line-height:1.3;font-weight:var(--weight-semibold);cursor:pointer}
.evidence-view-choices button[aria-pressed="true"]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.evidence-view-choices button:hover{color:var(--accent)}
.evidence-view-choices button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.evidence-view-inspect{flex:none;padding-left:12px;font-size:var(--type-caption);gap:6px}
.evidence-view-choices[hidden],[data-evidence-pane][hidden]{display:none!important}
.workflow-image-layout .evidence-view-pair{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px}
.workflow-control-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0}
.workflow-control-workspace>.workflow-context{grid-area:auto}
.workflow-control-evidence{margin:0;min-width:0}
.workflow-control-evidence>a{display:block;border:1px solid #9a8cbb90;border-radius:12px;background:#17122b;overflow:hidden}
.experience-media .workflow-controls{display:block;width:100%;height:auto;aspect-ratio:644/324;background:#17122b}
.experience-media .workflow-framed-evidence>figcaption,.experience-media .workflow-control-evidence>figcaption{margin-top:10px;font-size:var(--type-note)}
.workflow-control-evidence>figcaption,.edge-matchup>figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px}
.workflow-control-evidence>figcaption .capture-open{font-size:var(--type-caption);gap:8px}
.comfy-workspace [data-product-mode-pane="images"] .workflow-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"capture" "context";gap:18px}
.comfy-workspace [data-product-mode-pane="images"] .workflow-context{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;align-items:baseline}
.comfy-workspace [data-product-mode-pane="images"] .workflow-context h4{font-size:28px;margin:0}
.comfy-workspace [data-product-mode-pane="images"] .workflow-context>p{font-size:var(--type-body);line-height:1.45}
/* The original artwork and controls stay visible together at every width.
   A single explicit inspection action opens the complete qualified source. */
.comfy-captured-workspace{min-width:0;margin:0}
.comfy-evidence-aperture{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;padding:24px;background:#19152a;border:1px solid #5c507d;border-radius:18px;overflow:hidden}
.comfy-workspace-art,.comfy-workspace-controls{min-width:0}
.comfy-workspace-art{grid-column:2;grid-row:1;overflow:hidden;border-radius:10px}
.comfy-workspace-controls{grid-column:1;grid-row:1}
.comfy-workspace-art .workflow-artwork{display:block;width:100%;height:auto;aspect-ratio:604/454}
.comfy-workspace-controls>p{margin:0 0 12px;color:#ece6fa;font-size:16px;line-height:1.4}
.comfy-workspace-controls .workflow-controls{display:block;width:100%;height:auto;aspect-ratio:644/324;border-radius:10px;overflow:hidden}
.comfy-captured-workspace>figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:8px}
.comfy-captured-workspace>figcaption .capture-open{min-height:48px;font-size:16px;gap:8px;flex:none}
@container product-evidence (width <640px){
 .comfy-evidence-aperture{grid-template-columns:minmax(0,1fr);gap:0;padding:0;border-radius:16px}
 .comfy-workspace-art{grid-column:1;grid-row:1;border-radius:0}
 .comfy-workspace-controls{grid-column:1;grid-row:2;padding:12px 0 0}
 .comfy-workspace-controls>p{padding-inline:14px;margin:0 0 10px;font-size:15px}
 .comfy-workspace-controls .workflow-controls{border-radius:0}
}
.experience-media .workflow-context{min-width:0;padding:0}
.experience-media .workflow-context .eyebrow{color:var(--accent);font-size:var(--type-metadata);letter-spacing:.04em}
.experience-media .workflow-context h4{font-family:var(--font-body);font-size:29px;font-weight:var(--weight-semibold);line-height:1.12;margin:10px 0 12px;letter-spacing:-.03em}
.experience-media .workflow-context>p:not(.eyebrow),.workflow-story>p{color:var(--muted);font-size:var(--type-body);line-height:1.45}
.experience-media .workflow-context .capture-open{margin-top:12px}
.workflow-board-capture{display:block;width:100%;height:auto;overflow:hidden;background:#081a22;border-radius:16px}
.experience-media .edge-matchup{display:grid;grid-template-columns:minmax(0,1fr);width:min(100%,900px);margin:0 auto}
.experience-media .edge-matchup>a{grid-row:2;display:block;overflow:hidden;border-radius:16px}
.experience-media .edge-matchup>figcaption{grid-row:4;margin-top:10px}
.experience-media .edge-recorded-reading{grid-row:3;margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--line-app);border-bottom:0}
.experience-media .edge-recorded-reading>p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.4}
.edge-recorded-reading dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}
.edge-recorded-reading dl>div{min-width:0;padding:0 16px}
.edge-recorded-reading dl>div:first-child{padding-left:0;border-right:1px solid var(--line-app)}
.edge-recorded-reading dt{margin:0 0 4px;color:var(--ink);font-size:22px;font-weight:var(--weight-semibold);line-height:1.2}
.edge-recorded-reading dd{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0;color:var(--accent);font-family:var(--font-display);font-size:32px;font-weight:var(--weight-medium);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.edge-recorded-reading dd>span{color:var(--muted);font-family:var(--font-body);font-size:17px;font-weight:var(--weight-medium);line-height:1.3;letter-spacing:0}
.experience-media .edge-original-label{grid-row:1;margin:0 0 10px;color:var(--muted);font-size:16px;line-height:1.35}
.edge-matchup>figcaption .capture-open{min-height:48px;font-size:16px;gap:10px}
@media(width <768px){
 #the-edge-demo .media-provenance{font-size:14px}
 .edge-recorded-reading dd{gap:4px}
}
.app-panel[data-product="edge"] .experience-media .workflow-panel{grid-template-columns:1fr;grid-template-areas:"capture" "context";gap:20px}
[data-product="edge"] .workflow-context{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px}
[data-product="edge"] .workflow-context h4{margin:0;font-size:28px}
.experience-media .workflow-nav[hidden],.experience-media .workflow-panel[hidden],.experience-media .audio-controls[hidden],.experience-media audio[hidden]{display:none!important}
/* One stable illustrative frame, beside the selected original setup excerpt. */
.motion-shot-layout{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start;min-width:0}
.motion-shot-states{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}
.motion-shot-states{grid-column:2;grid-row:1}
.motion-shot-layout .motion-frame-context{margin:0;max-width:none;min-width:0}
.motion-shot-layout>.motion-frame-context{grid-column:1;grid-row:1}
.motion-frame-context>a{display:block;min-height:44px;border:1px solid #9d78b060;border-radius:16px;overflow:hidden;background:#18152d;box-shadow:0 16px 30px -24px #17122570}
.experience-media .motion-shot-layout .motion-first-frame{display:block;width:100%;height:auto;aspect-ratio:574/322;overflow:hidden;background:#18152d}
.experience-media .motion-shot-layout .motion-frame-context figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:var(--type-note);line-height:1.4}
.motion-frame-context figcaption .capture-open{font-size:var(--type-caption);gap:8px;flex:none}
.experience-media .motion-workflow .workflow-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"context" "capture";gap:16px;align-items:start}
.experience-media .motion-workflow .workflow-motion-capture{width:100%;height:auto;max-height:none;aspect-ratio:auto;border:1px solid #9d78b060}
.experience-media .motion-workflow .workflow-capture>a{display:block;min-height:44px;border-radius:16px;overflow:hidden}
.experience-media .motion-workflow .workflow-context{max-width:none}
.experience-media .motion-workflow .workflow-context h4{font-size:25px;margin:0 0 8px}
.experience-media .motion-workflow .workflow-story>p{font-size:var(--type-control-large);line-height:1.4}
.experience-media .motion-workflow .workflow-context .capture-open{margin-top:10px}

/* Recorded image source and output remain exact and independently inspectable. */
.image-proof{display:block}
.image-proof-pair .evidence-view-pair{grid-template-columns:1fr 1fr;gap:22px}
.image-proof-frame{min-width:0;margin:0}
.image-proof-frame>a{display:block;height:380px;background:#eee9e6;border-radius:16px;overflow:hidden;box-shadow:0 12px 24px -22px #17122580}
.image-proof-frame img{display:block;width:100%;height:100%;object-fit:contain}
.image-proof-detail{display:block;width:100%;height:100%;overflow:hidden}
.image-proof-pair .image-proof-frame>a{width:100%;height:auto;aspect-ratio:600/400;max-height:380px}
/* One original-pixel comparison, with native range input and independent source links. */
.image-proof-pair.evidence-comparison-enhanced{--evidence-reveal:50%;--comparison-grip:44px;width:min(100%,600px);margin-inline:auto;gap:0}
.image-sketch-workspace .image-proof-pair.evidence-comparison-enhanced{width:100%}
.image-proof-pair.evidence-comparison-enhanced .evidence-view-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;position:relative;overflow:clip;overflow-clip-margin:22px}
.evidence-comparison-enhanced [data-evidence-pane],.evidence-comparison-enhanced .image-proof-frame{display:contents}
.image-proof-pair.evidence-comparison-enhanced .image-proof-frame>a{grid-column:1/-1;grid-row:1;position:relative;max-height:none;pointer-events:none}
.evidence-comparison-enhanced [data-evidence-pane="source"] .image-proof-frame>a{z-index:2;clip-path:inset(0 calc(100% - var(--evidence-reveal)) 0 0)}
.evidence-comparison-enhanced [data-evidence-pane="output"] .image-proof-frame>a{z-index:1}
.evidence-comparison-enhanced .evidence-view-pair::after{content:"";grid-column:1/-1;grid-row:1;z-index:3;pointer-events:none;background:linear-gradient(to right,transparent calc(var(--evidence-reveal) - 1px),#fff calc(var(--evidence-reveal) - 1px),#fff calc(var(--evidence-reveal) + 1px),transparent calc(var(--evidence-reveal) + 1px))}
.evidence-comparison-enhanced .image-proof-frame>a::after{position:absolute;top:12px;padding:7px 10px;border-radius:8px;background:#fffffff0;color:#171225;box-shadow:0 1px 8px #17122518;font-size:14px;font-weight:var(--weight-semibold);line-height:1.2}
.evidence-comparison-enhanced [data-evidence-pane="source"] .image-proof-frame>a::after{content:"Source sketch";left:12px}
.evidence-comparison-enhanced [data-evidence-pane="output"] .image-proof-frame>a::after{content:"Recorded result";right:12px}
.image-proof .evidence-comparison-enhanced .image-proof-frame>figcaption{grid-row:2;display:flex;justify-content:center;margin:0;min-width:0}
.evidence-comparison-enhanced [data-evidence-pane="source"] figcaption{grid-column:1}
.evidence-comparison-enhanced [data-evidence-pane="output"] figcaption{grid-column:2}
.evidence-comparison-enhanced .evidence-caption-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.image-proof-pair.evidence-comparison-enhanced .capture-open{gap:4px;white-space:nowrap}
.evidence-comparison-enhanced [data-evidence-pane="source"] .capture-open::before{content:"Source ·"}
.evidence-comparison-enhanced [data-evidence-pane="output"] .capture-open::before{content:"Result ·"}
.evidence-comparison-control{min-width:0;padding-top:2px}
.evidence-comparison-control[hidden]{display:none!important}
.evidence-comparison-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:var(--type-note);line-height:1.4}
.evidence-comparison-label label{font-weight:var(--weight-semibold);color:var(--ink)}
.evidence-comparison-label output{font-variant-numeric:tabular-nums}
.evidence-comparison-control input{display:block;width:100%;height:44px;margin:0;cursor:ew-resize;accent-color:var(--accent);background:transparent;appearance:none;-webkit-appearance:none}
.evidence-comparison-control input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:var(--accent)}
.evidence-comparison-control input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 1px 8px #17122540;appearance:none;-webkit-appearance:none}
.evidence-comparison-control input::-moz-range-track{height:4px;border-radius:4px;background:var(--accent)}
.evidence-comparison-control input::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 1px 8px #17122540}
.evidence-comparison-control input:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}
/* The same native range is the on-image handle. Its expanded track aligns
   the thumb centre with the source boundary at every value, including0/100.
   Complete-source actions and the readable value remain beneath the image. */
.evidence-comparison-enhanced .evidence-comparison-control{display:contents}
.evidence-comparison-enhanced .evidence-comparison-label{grid-column:1/-1;grid-row:3;min-height:36px}
.evidence-comparison-enhanced .evidence-comparison-control input{grid-column:1/-1;grid-row:1;align-self:center;z-index:4;width:calc(100% + var(--comparison-grip));height:48px;margin:0 calc(var(--comparison-grip) * -.5);position:relative;border-radius:0;touch-action:pan-y}
.evidence-comparison-enhanced .evidence-comparison-control input::-webkit-slider-runnable-track{height:2px;background:transparent}
.evidence-comparison-enhanced .evidence-comparison-control input::-webkit-slider-thumb{box-sizing:border-box;width:var(--comparison-grip);height:var(--comparison-grip);margin-top:calc((var(--comparison-grip) - 2px) * -.5);border:2px solid #fff;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 7-5 5 5 5m8-10 5 5-5 5M12 6v12' fill='none' stroke='%23171225' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/calc(var(--comparison-grip) * .55) no-repeat;box-shadow:0 2px 14px #17122550}
.evidence-comparison-enhanced .evidence-comparison-control input::-moz-range-track{height:2px;background:transparent}
.evidence-comparison-enhanced .evidence-comparison-control input::-moz-range-thumb{box-sizing:border-box;width:var(--comparison-grip);height:var(--comparison-grip);border:2px solid #fff;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 7-5 5 5 5m8-10 5 5-5 5M12 6v12' fill='none' stroke='%23171225' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/calc(var(--comparison-grip) * .55) no-repeat;box-shadow:0 2px 14px #17122550}
.evidence-comparison-enhanced .evidence-comparison-control input:focus-visible{outline:none}
.evidence-comparison-enhanced .evidence-view-pair:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px;border-radius:16px}
/* The native target remains48px high. Endpoint grips fit the actual paper
   margins, without cutting them in half or adding horizontal scrolling. */
@media(width <768px){.image-proof-pair.evidence-comparison-enhanced{--comparison-grip:40px}.image-proof-pair.evidence-comparison-enhanced .evidence-view-pair{overflow-clip-margin:20px}.studio-launch-comparison.evidence-comparison-enhanced{--comparison-grip:32px}.studio-launch-comparison.evidence-comparison-enhanced .evidence-view-pair{overflow-clip-margin:16px}}
@media(width <360px){.image-proof-pair.evidence-comparison-enhanced{--comparison-grip:32px}.image-proof-pair.evidence-comparison-enhanced .evidence-view-pair{overflow-clip-margin:16px}.studio-launch-comparison.evidence-comparison-enhanced{--comparison-grip:24px}.studio-launch-comparison.evidence-comparison-enhanced .evidence-view-pair{overflow-clip-margin:12px}}
/* Complete recorded compositions lead; source comparison follows explicit intent. */
.image-proof-pair[data-evidence-result-first]{width:min(100%,580px);margin-inline:auto}
.image-proof-pair[data-evidence-result-first] .image-proof-frame>a{height:auto;aspect-ratio:942/1400;max-height:none}
.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;--evidence-reveal:0%;width:min(100%,580px)}
.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced .evidence-view-pair{grid-row:1;grid-column:1}
.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced .evidence-view-choices{grid-row:2;grid-column:1;border:1px solid var(--line-app);border-radius:12px;overflow:hidden;background:#ffffff80}
.image-proof-pair[data-evidence-result-first] .evidence-view-choices button{min-height:48px;font-size:16px}
.image-proof-pair[data-evidence-result-first] .evidence-view-choices button[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:none}
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] .image-proof-frame>a{pointer-events:auto}
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] .image-proof-frame>a::after,
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] .evidence-view-pair::after{display:none}
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] [data-evidence-pane="output"] figcaption{grid-column:1/-1}
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] .evidence-caption-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] [data-evidence-pane="output"] .capture-open::before{content:none}
.image-proof-pair[data-evidence-result-first][data-evidence-comparing="false"] .image-proof-frame>figcaption{justify-content:space-between;gap:12px;min-height:44px}
@media(width >=768px){.image-proof-pair[data-evidence-result-first].evidence-comparison-enhanced{width:min(100%,max(320px,calc((100svh - 280px) * .672857)))} }
.image-proof .image-proof-frame>figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--type-note);line-height:1.4;margin:8px 0 0;color:var(--ink);font-weight:var(--weight-semibold)}
.image-proof-frame>figcaption .capture-open{font-size:var(--type-caption);gap:8px}
.image-proof-results,.image-proof-source{min-width:0}
.image-proof-source{padding-top:0}
.image-proof-results .product-mode-choices{margin-bottom:16px}
.edge-experience-features{display:grid;gap:18px;margin:0}
.edge-experience-features dt{font-size:20px;line-height:1.25;font-weight:var(--weight-strong);margin:0 0 6px;color:var(--accent)}
.edge-experience-features dd{font-size:18px;line-height:1.45;margin:0;color:var(--muted)}
/* Lead with source comparison until the full sketch is paired beside the result. */
@media(width <1100px){
 .app-panel[data-product="image"] .image-gallery[data-evidence-result-first].evidence-comparison-enhanced>.evidence-view-choices{grid-row:1;margin:0}
 .app-panel[data-product="image"] .image-gallery[data-evidence-result-first].evidence-comparison-enhanced>.evidence-view-pair{grid-row:2}
}
@media(width <768px){
 .edge-experience-features{grid-template-columns:1fr 1fr;gap:16px}
 .edge-experience-features dt{font-size:18px}
 .edge-experience-features dd{font-size:17px;line-height:1.4}
}
@media(width <360px){.edge-experience-features{grid-template-columns:1fr;gap:16px}}
.image-proof-prompt{margin:0 0 18px;max-width:800px}
.image-proof-prompt:is(details){margin:12px 0 0;border-top:1px solid var(--line-app)}
.image-proof-prompt>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:10px 0;color:var(--accent);font-size:var(--type-control-large);line-height:1.3;font-weight:var(--weight-semibold);cursor:pointer;list-style:none}
.image-proof-prompt>summary::-webkit-details-marker{display:none}
.image-proof-prompt>summary>span{font-size:24px;font-weight:var(--weight-regular)}
.image-proof-prompt[open]>summary>span{transform:rotate(45deg)}
.image-proof-prompt>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.image-proof-method{color:var(--muted);font-size:var(--type-note);line-height:1.4;margin-top:8px}
.image-proof-prompt .eyebrow{font-size:var(--type-metadata);color:var(--accent)}
.image-proof-prompt blockquote{font-size:24px;line-height:1.3;margin:6px 0 0}
.image-proof>.evidence-note,.image-proof>.evidence-scope{grid-column:1/-1}
.canvas-evidence-pair .evidence-view-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:24px;align-items:center}
.image-proof .canvas-evidence-pair .evidence-view-choices button{min-height:48px;font-size:16px}
.canvas-reference-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.canvas-evidence-pair .canvas-reference-frame>a{height:auto;aspect-ratio:1;max-height:none}
.canvas-evidence-pair .canvas-result-frame>a{height:auto;aspect-ratio:1;max-height:none}
.canvas-reference-frame>figcaption .capture-open{font-size:var(--type-note)}
.image-proof .canvas-reference-frame>figcaption{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.canvas-reference-frame .evidence-caption-label{min-height:2.8em}
.canvas-reference-frame>figcaption .capture-open{justify-self:start}
.canvas-evidence-note{margin-top:14px}
@media(max-width:767px){
 .canvas-evidence-pair .evidence-view-pair{grid-template-columns:minmax(0,1fr);gap:18px}
 .canvas-evidence-pair .canvas-reference-frame>a,.canvas-evidence-pair .canvas-result-frame>a{height:auto}
 .canvas-reference-frame>figcaption{flex-wrap:wrap}
}
.image-prompt-output>a{height:380px;background:#172232}
.image-proof[data-product-modes-ready] .image-prompt-output>a{height:auto;aspect-ratio:1}
.image-prompt-output img{object-fit:contain}
.experience-media .image-demo.full{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}
.experience-media .image-result{min-width:0}
.experience-media .image-result>a{display:block;width:100%;max-width:390px;border-radius:16px;overflow:hidden}
.experience-media .image-result img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.experience-media .prompt-origin{min-width:0;max-width:480px}
.experience-media .prompt-origin .eyebrow{color:var(--accent);font-size:var(--type-metadata);letter-spacing:.04em}
.experience-media .prompt-origin blockquote{font-size:25px;font-weight:var(--weight-medium);line-height:1.25;letter-spacing:-.025em;margin:12px 0 8px}
.experience-media .prompt-origin>p:last-child{color:var(--muted);font-size:var(--type-caption);line-height:1.45;padding-top:14px;margin-top:10px;border-top:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}

/* Opt-in native playback. Enlarged portrait motion is the visual focus. */
.replay-surface{position:relative;overflow:hidden;border-radius:16px}
.replay-cover{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#090a0b}
.replay-enhanced:not(.replay-started)>.replay-cover{display:block}
.replay-enhanced:not(.replay-started)>video{visibility:hidden}
/* Frame original pixels only. The whole native player stays inside its box. */
.replay-detail.replay-enhanced:not(.replay-recovery)>video,.replay-detail.replay-enhanced:not(.replay-recovery)>.replay-cover{object-fit:cover;object-position:50% 66%}
.replay-detail.replay-enhanced:not(.replay-recovery)>video:fullscreen,.replay-detail.replay-enhanced:not(.replay-recovery)>video:-webkit-full-screen{object-fit:contain;object-position:50% 50%}
.experience-media .analyzed-motion video,.experience-media .reactor-motion video,.experience-media .promo-demo video{display:block;width:100%;height:390px;object-fit:contain;background:#090a0b;border:0;border-radius:16px}
.experience-media .reactor-motion video,.experience-media .reactor-motion .replay-cover{object-fit:contain}
.reactor-motion video:fullscreen,.reactor-motion video:-webkit-full-screen,.studio-proof-reactor video:fullscreen,.studio-proof-reactor video:-webkit-full-screen{object-fit:contain}
.experience-media .analyzed-motion figcaption,.experience-media .reactor-motion figcaption,.experience-media .promo-demo figcaption{margin-top:12px;max-width:980px}
.replay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.experience-media .replay-toolbar .media-provenance{margin:0}
.replay-toolbar button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:12px 18px;border:0;border-radius:12px;background:var(--control-selected);color:var(--control-selected-ink);font-size:var(--type-control);font-weight:var(--weight-strong);line-height:1.3}
.replay-toolbar button:hover{filter:brightness(.94)}
.replay-status{font-size:var(--type-note);line-height:1.45;color:var(--muted);margin:0 0 12px}
.replay-status:empty{display:none}
.experience-media .product-demo.reactor-motion{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center}
.reactor-context{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;min-width:0;max-width:100%;margin:0 0 6px}
.reactor-context .eyebrow{color:var(--accent);font-size:var(--type-metadata)}
.reactor-context h4{font-family:var(--font-display);font-size:23px;font-weight:var(--weight-medium);line-height:1.3;letter-spacing:-.025em;margin:0}
.reactor-context>p:not(.eyebrow){font-size:var(--type-control);line-height:1.45;max-width:none;margin:0;color:var(--muted)}
.reactor-motion .replay-full-source{position:static;display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;color:var(--accent);font-size:var(--type-control);font-weight:var(--weight-strong);line-height:1.3}
.reactor-context .capture-open{margin-top:12px}
.reactor-motion>figcaption{grid-column:1/-1}

/* Choices and opt-in transport introduce the recording; its further task
   explanation follows the qualified player. Higher scope specificity keeps
   this order when the recorded-world stylesheet supplies its own grid. */
.experience-media .iosamp-workspace[data-product-modes-ready] .product-mode-choices.world-choices{grid-column:1;grid-row:1}
.experience-media .iosamp-workspace[data-product-modes-ready] .replay-toolbar{grid-column:1;grid-row:2}
.experience-media .iosamp-workspace[data-product-modes-ready] :is(.reactor-motion,.analyzed-motion){grid-column:1;grid-row:3}
.experience-media .iosamp-workspace[data-product-modes-ready] .replay-status{grid-column:1;grid-row:4}
.experience-media .iosamp-workspace[data-product-modes-ready] .reactor-context{grid-column:1;grid-row:5;margin:14px 0 0}
/* Without enhancement, all native recordings and their qualifications remain
   visible. Reorder only these owned blocks; no media or source is hidden. */
.experience-media .iosamp-workspace:not([data-product-modes-ready])>[data-product-mode-pane]{display:flex;flex-direction:column}
.experience-media .iosamp-workspace:not([data-product-modes-ready]) .mode-native-title{order:0}
.experience-media .iosamp-workspace:not([data-product-modes-ready]) .replay-toolbar{order:1}
.experience-media .iosamp-workspace:not([data-product-modes-ready]) :is(.reactor-motion,.analyzed-motion){order:2}
.experience-media .iosamp-workspace:not([data-product-modes-ready]) .replay-status{order:3}
.experience-media .iosamp-workspace:not([data-product-modes-ready]) .reactor-context{order:4;margin:14px 0 0}

@media(min-width:768px) and (width <1100px){
 .app-panel{grid-template-columns:1fr}
 .product-masthead{grid-template-columns:144px minmax(0,1fr)}
 .experience-icon{width:144px}
 .experience-value{grid-column:2}
 .experience-name{font-size:36px}
 .experience-outcome{font-size:23px}
 .workflow-motion-capture{height:320px}
 .image-proof-frame>a{height:310px}
}
@media(min-width:768px) and (width <960px){
}
@media(min-width:960px) and (max-height:780px){
 .app-panel{padding-top:16px}
 .product-masthead{grid-template-columns:144px minmax(0,1fr);column-gap:20px}
 .experience-icon{width:144px}
 .experience-name{font-size:34px}
 .experience-outcome{font-size:23px}
 .workflow-motion-capture{height:240px}
 .image-proof-frame>a,.image-prompt-output>a{height:280px}
 .image-proof-pair .image-proof-frame>a{max-height:240px}
 .experience-media .analyzed-motion video,.experience-media .reactor-motion video{height:260px}
 .experience-media .image-result>a{max-width:320px}
}
@media(min-width:1100px){
 .workflow-image-layout .workflow-framed{height:clamp(220px,calc(100svh - 650px),350px);aspect-ratio:auto}
 .workflow-motion-capture,
 .experience-media .analyzed-motion video,.experience-media .reactor-motion video{
  height:clamp(200px,calc(100svh - 580px),340px)
 }
 .image-proof-pair{--image-detail-height:clamp(200px,calc(100svh - 650px),380px);width:min(100%,calc(var(--image-detail-height) * 3 + 22px));margin-inline:auto}
 .image-proof-pair .image-proof-frame>a{max-height:var(--image-detail-height)}
}
@media(min-width:960px){
}
@media(width <768px){
 .app-panel{grid-template-columns:1fr;padding-top:18px}
 .product-masthead{grid-template-columns:120px minmax(0,1fr);column-gap:18px;row-gap:8px}
 .experience-icon{width:120px;grid-row:1/3}
 .experience-nameblock{align-self:end}
 .experience-value{grid-column:2;align-self:start}
 .experience-fit{font-size:14px;line-height:1.35}
 .experience-name{font-size:28px;line-height:1.08;margin-top:6px}
 .experience-outcome{font-size:var(--type-body);line-height:1.25}
 .product-masthead>.app-toolbar{grid-column:1/-1;gap:6px;width:fit-content;max-width:100%;margin-top:8px}
 .product-masthead .app-view-controls button{padding-inline:8px}
 .product-masthead .canvas-back{min-width:0;padding-inline:10px}
 .studio-back-label{display:inline}
 .app-experience{gap:14px}
 .experience-intro{font-size:var(--type-body);line-height:1.4}
 .experience-proof-title{font-size:23px;margin-bottom:12px}
 .experience-media .media-provenance{font-size:var(--type-note-small);line-height:1.4;margin-bottom:10px}
 .experience-media .evidence-note,.experience-media .product-demo figcaption{font-size:var(--type-note);line-height:1.45}
 .product-mode-choices{width:100%;margin-bottom:14px;padding:4px;gap:3px}
 .product-mode-choices button{min-height:44px;padding:9px 10px;font-size:var(--type-control)}
 .workflow-selector{gap:10px;margin-bottom:10px;font-size:var(--type-note-small)}
 .workflow-selector select{min-width:0;max-width:72%;font-size:var(--type-caption)}
 .comfy-workspace[data-product-modes-ready]{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);column-gap:9px}
 .comfy-workspace .product-mode-choices button{font-size:var(--type-control);padding-inline:5px}
 .comfy-workspace[data-product-modes-ready] .workflow-selector select{font-size:var(--type-caption);min-height:52px;padding-inline:10px 22px}
 .experience-media .workflow-panel{grid-template-columns:1fr;grid-template-areas:"context" "capture";gap:17px}
 .experience-media .workflow-nav{margin-bottom:10px}
 .experience-media .workflow-nav button{min-height:44px;font-size:var(--type-note);gap:6px;padding-inline:6px}
 .experience-media .workflow-step-number{font-size:11px}
 .experience-media .workflow-context h4{font-size:26px;margin:6px 0 9px}
 .experience-media .workflow-context>p:not(.eyebrow),.workflow-story>p{font-size:var(--type-control-large);line-height:1.4}
 .experience-media .workflow-context .capture-open{margin-top:8px}
 .app-panel[data-product="edge"] .experience-media .workflow-panel{grid-template-areas:"capture" "context"}
 [data-product="edge"] .workflow-context{grid-template-columns:1fr;gap:12px}
 [data-product="edge"] .workflow-context h4{font-size:27px}
 .evidence-view-pair,.workflow-image-layout .evidence-view-pair{grid-template-columns:minmax(0,1fr);gap:18px}
 .workflow-image-layout.evidence-views-enhanced .workflow-control-evidence>figcaption .capture-open{display:none}
 .comfy-workspace [data-product-mode-pane="images"] .workflow-context{grid-template-columns:1fr;gap:6px}
 .comfy-workspace [data-product-mode-pane="images"] .workflow-panel{grid-template-areas:"capture" "context"}
 .comfy-captured-workspace>figcaption{align-items:start;flex-direction:column;gap:0}
 .comfy-captured-workspace>figcaption>span{padding-top:8px}
 .comfy-captured-workspace>figcaption .capture-open{font-size:16px}
 .workflow-control-workspace{gap:16px}
 .comfy-workspace [data-product-mode-pane="images"] .workflow-context h4{font-size:25px}
 .motion-shot-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .motion-shot-states,.motion-shot-layout>.motion-frame-context{grid-column:1;grid-row:auto}
 .experience-media .motion-workflow .workflow-panel{gap:14px}
 .experience-media .motion-workflow .workflow-context .capture-open{display:inline-flex;font-size:var(--type-control)}
 .experience-media .motion-shot-layout .motion-frame-context figcaption{gap:10px}
 .workflow-motion-capture{height:270px}
 .image-proof-pair .evidence-view-pair{grid-template-columns:1fr;gap:18px}
 .image-proof-frame>a{height:290px}
 .image-proof .image-proof-frame>figcaption{font-size:var(--type-note);line-height:1.4}
 .image-proof-prompt blockquote{font-size:21px}
 .image-proof .product-mode-choices button{font-size:var(--type-control);padding-inline:6px}
 .image-prompt-output>a{height:310px}
 .image-proof-results .product-mode-choices{margin-bottom:14px}
 .experience-media .image-demo.full{grid-template-columns:1fr;gap:20px}
 .experience-media .image-result>a{width:100%;max-width:100%;height:310px;background:#141629}
 .experience-media .image-result img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
 .experience-media .prompt-origin blockquote{font-size:23px}
 .experience-intent{padding-top:18px}
 .experience-release{grid-template-columns:1fr;gap:0}
 .experience-essential{font-size:var(--type-control)}
 .experience-release>.experience-information,.experience-release>.experience-store{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px;font-size:var(--type-control)}
 .replay-toolbar{gap:12px;margin-bottom:12px}
 .replay-toolbar button{min-height:44px;font-size:var(--type-caption);padding:10px 12px}
 .experience-media .analyzed-motion video,.experience-media .reactor-motion video,.experience-media .promo-demo video{height:300px}
 .reactor-context h4{font-size:21px;line-height:1.3;margin:0}
 .reactor-context>p:not(.eyebrow){font-size:var(--type-control);line-height:1.4}
 .reactor-context .capture-open{font-size:var(--type-control);gap:10px;min-height:44px;margin-top:10px}
 .reactor-context .eyebrow{font-size:11px}
}
@media(width <390px){.experience-name{font-size:26px}}
@media(width <360px){
 .product-masthead{grid-template-columns:100px minmax(0,1fr);column-gap:12px}
 .experience-icon{width:100px}
 .experience-name{font-size:25px}
 .experience-outcome{font-size:var(--type-control-large)}
 .experience-fit{font-size:14px}
 .product-masthead>.app-toolbar{gap:4px;padding-inline:4px}
 .product-masthead .app-view-controls button{padding-inline:5px}
 .experience-intro{font-size:var(--type-control-large)}
 .experience-proof-title{font-size:22px}
 .comfy-workspace .product-mode-choices button{font-size:var(--type-control);padding-inline:3px}
 .comfy-workspace[data-product-modes-ready] .workflow-selector select{font-size:var(--type-note);padding-inline:8px 20px}
 .workflow-motion-capture{height:260px}
 .image-proof .product-mode-choices button{font-size:var(--type-control);padding-inline:5px}
 .image-prompt-output>a,.experience-media .image-result>a{height:285px}
 .experience-media .reactor-motion video{height:280px}
 .reactor-context h4{font-size:var(--type-label)}
 .reactor-context>p:not(.eyebrow){font-size:var(--type-caption)}
 .reactor-context .capture-open{font-size:var(--type-control);gap:7px}
}
@media(max-height:500px) and (width <768px){
 .experience-media .analyzed-motion video{height:auto;aspect-ratio:16/9;max-height:225px}
}
@media(prefers-reduced-motion:reduce){.product-masthead .app-view-controls button,.product-mode-choices button,.experience-media .workflow-nav button{transition:none}}
.motion-paused .product-masthead .app-view-controls button,.motion-paused .product-mode-choices button,.motion-paused .experience-media .workflow-nav button{transition:none}

/* Each full app has a calm workspace and a medium with its own purpose. */
.app-panel{background:radial-gradient(ellipse 85% 340px at 100% 0,var(--workspace-light),transparent),#fffefc}
.product-masthead .canvas-back{position:relative;z-index:1;border:1px solid var(--line-app);border-radius:10px;background:#fffdfcf0}
.app-panel[data-product="comfy"] .comfy-workspace[data-product-modes-ready]{position:relative;isolation:isolate;padding:12px;border:1px solid var(--line-app);border-radius:18px;background:linear-gradient(140deg,#f3eaff,#fff9fc)}
.app-panel[data-product="comfy"] .comfy-workspace .workflow-selector select{background:#fff}
.app-panel[data-product="comfy"] .comfy-evidence-aperture{border-radius:12px}
.app-panel[data-product="aftertone"] .audition-studio{position:relative;isolation:isolate}
.app-panel[data-product="aftertone"] .audition-studio::before{content:"";position:absolute;z-index:-1;inset:-10px -12px -12px;border:1px solid #e6c8df;border-radius:22px;background:linear-gradient(135deg,#fffdfef5,#ffe9f6db 65%,#ece4ffb8)}
.app-panel[data-product="aftertone"] .audition-stage-identity{border-bottom-color:#d8b5cc}
.app-panel[data-product="aftertone"] .audition-scope{padding-top:10px;border-top:1px solid #e6c8df}
.app-panel[data-product="edge"] .edge-matchup{padding:22px;background:linear-gradient(120deg,#f1fff8,#f8fbe9);border-top:4px solid var(--accent);border-bottom:1px solid #cfdfcb;border-radius:0}
.app-panel[data-product="edge"] .workflow-board-capture{aspect-ratio:610/90;border-radius:12px}
.app-panel[data-product="edge"] .edge-recorded-reading dd{font-size:48px}
.app-panel[data-product="edge"] .edge-original-label{color:var(--ink)}
.app-panel[data-product="edge"] .edge-probability-bar{display:flex;height:8px;overflow:hidden;border-radius:4px;margin-top:18px}
.app-panel[data-product="edge"] .edge-probability-bar>span:first-child{width:44%;background:#36775e}
.app-panel[data-product="edge"] .edge-probability-bar>span:last-child{width:56%;background:#acc660}
.image-gallery>.image-origin.image-proof-frame{display:none}
.iosamp-workspace .world-choices .world-choice-kind{display:none}

/* The desktop image gallery pairs its complete input with the complete result. */
@media(width >=1100px){
 .image-gallery[data-evidence-result-first].evidence-comparison-enhanced{grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:14px 24px;width:100%}
 .image-gallery[data-evidence-result-first].evidence-comparison-enhanced>.image-origin{display:block;grid-column:1;grid-row:1/4;align-self:start;margin:0;padding:0;min-width:0}
 .image-gallery>.image-origin.image-proof-frame>a{display:block;position:static;grid-column:auto;grid-row:auto;pointer-events:auto;border:1px solid var(--line-app);border-radius:12px;overflow:hidden;background:#f4f3ed}
 .image-origin img{display:block;width:100%;height:auto;aspect-ratio:942/1400;object-fit:contain}
 .image-gallery[data-evidence-result-first].evidence-comparison-enhanced>.image-origin.image-proof-frame>figcaption{display:block;margin:10px 0 0;min-height:44px;color:var(--ink);font-size:18px;font-weight:var(--weight-semibold)}
 .image-origin>figcaption>span{display:block;margin-top:6px;color:var(--muted);font-size:16px;font-weight:var(--weight-regular);line-height:1.4}
 .image-gallery[data-evidence-result-first].evidence-comparison-enhanced>.evidence-view-pair{grid-column:2;grid-row:1}
 .image-gallery[data-evidence-result-first].evidence-comparison-enhanced>.evidence-view-choices{grid-column:2;grid-row:2}
 .image-gallery.evidence-comparison-enhanced .evidence-comparison-label{grid-column:1/-1}

 /* Three peer recordings sit beside a stable viewing theatre. All playback
    retains complete native pixels; the idle Reactor poster is a framed detail. */
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready]{max-width:none;grid-template-columns:minmax(200px,.32fr) minmax(0,1fr);column-gap:24px}
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready]>.world-choices{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;align-self:start;gap:8px;padding:0;margin:0;border:0;background:none}
 .app-panel[data-product="iosamp"] .world-choices button{grid-template-columns:64px minmax(0,1fr);min-height:118px;padding:12px 10px;border:1px solid var(--line-app);border-radius:14px;background:#fff;font-size:18px}
 .app-panel[data-product="iosamp"] .world-choices button img{width:64px;height:64px;border-radius:8px}
 .app-panel[data-product="iosamp"] .world-choices button[aria-pressed="true"]{background:#edf7ff;border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
 .app-panel[data-product="iosamp"] .world-choices .world-choice-kind{display:block;margin-top:6px;color:var(--muted);font-size:14px;font-weight:var(--weight-regular);line-height:1.35}
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready]>[data-product-mode-pane]:not([hidden]){display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);gap:0;min-width:0}
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready] .replay-toolbar{grid-column:1;grid-row:1;border:1px solid var(--line-app);border-radius:14px 14px 0 0;margin:0;padding:10px 12px}
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready] :is(.reactor-motion,.analyzed-motion){grid-column:1;grid-row:2}
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready] .replay-status{grid-column:1;grid-row:3}
 .app-panel[data-product="iosamp"] .iosamp-workspace[data-product-modes-ready] .reactor-context{grid-column:1;grid-row:4;margin-top:14px}
 .app-panel[data-product="iosamp"] .experience-media .iosamp-workspace[data-product-modes-ready]>[data-product-mode-pane]:not([hidden]) :is(.reactor-motion,.analyzed-motion) .replay-surface.replay-enhanced{--world-theatre-height:clamp(480px,calc(100svh - var(--header-height) - 300px),600px);width:100%;height:var(--world-theatre-height);border-radius:0 0 16px 16px;background:#090a0b}
 .app-panel[data-product="iosamp"] .experience-media .iosamp-workspace[data-product-modes-ready]>[data-product-mode-pane]:not([hidden]) :is(.reactor-motion,.analyzed-motion) .replay-surface.replay-enhanced>video{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:0}
 .app-panel[data-product="iosamp"] .experience-media .iosamp-workspace .replay-detail.replay-enhanced:not(.replay-started):not(.replay-recovery)>.replay-cover{object-fit:cover;object-position:50% 66%}
 .app-panel[data-product="iosamp"] .experience-media .iosamp-workspace .replay-surface:not(.replay-detail)>.replay-cover{object-fit:contain;object-position:center}
 .app-panel[data-product="iosamp"] .experience-media .iosamp-workspace video:fullscreen{height:100%;width:100%;object-fit:contain}
 .app-panel[data-product="iosamp"] .experience-media .iosamp-workspace video:-webkit-full-screen{height:100%;width:100%;object-fit:contain}
}
@media(width <768px){
 .app-panel[data-product="edge"] .edge-matchup{padding:16px}
 .app-panel[data-product="edge"] .edge-recorded-reading dd{font-size:36px}
}
@media(width <360px){
 .comfy-workspace[data-product-modes-ready]{grid-template-columns:minmax(0,1fr)}
 .comfy-workspace[data-product-modes-ready] .workflow-selector{grid-column:1;grid-row:2;margin-top:8px}
}