.category-shell .comparison-frame>.application-edit-controls {position:absolute;top:14px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);z-index:12;margin:0;display:flex;justify-content:center;width:max-content;max-width:88%;}
.category-shell .comparison-frame .application-variant-toggle,.fps-edit-toggle {padding:9px 17px;border:1px solid #ffffffb8;border-radius:24px;background:linear-gradient(135deg,#fffffff0,#eff3f1bd);color:#30443f;box-shadow:inset 0 1px 0 #fff,0 3px 12px #142a3426;backdrop-filter:blur(16px) saturate(1.15);font:12px/1.3 Arial,sans-serif;cursor:pointer;}
.category-shell .comparison-frame .application-variant-toggle:hover,.fps-edit-toggle:hover {background:linear-gradient(135deg,#fff,#f3f7f4ed);color:#233b33;border-color:white;}
.fps-edit-toggle:hover{box-shadow:inset 0 1px 0 #fff,0 3px 12px #142a3426;}
.category-shell .comparison-frame .application-variant-toggle:disabled {opacity:.82;cursor:wait;}
.category-shell .comparison-frame .application-variant-toggle[aria-pressed="true"],.fps-edit-toggle[aria-pressed="true"] {background:linear-gradient(135deg,#f7fff9ed,#dae8dfcc);color:#30483b;}
.fps-expanded-heading:has(.fps-variant-controls:not([hidden])){display:grid;grid-template-columns:1fr auto 1fr;align-items:center;}
.fps-expanded-heading>.fps-back{justify-self:start;}
.fps-expanded-heading>.fps-variant-controls{grid-column:2;justify-content:center;}
.fps-edit-transition{position:absolute;inset:0;z-index:3;display:grid;place-items:start center;border-radius:24px;background:linear-gradient(130deg,rgba(var(--atmosphere-a),.8),rgba(var(--atmosphere-b),.7));backdrop-filter:blur(16px);}
.detail-edit-preview{width:min(1000px,100%);padding:16px;box-sizing:border-box;}
.detail-edit-preview .comparison-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#152631;}
.fps-edit-transition[data-failed="true"]{background:rgba(var(--atmosphere-a),.65);}
@media(max-width:640px){.fps-expanded-heading:has(.fps-variant-controls:not([hidden])){grid-template-columns:1fr;gap:12px;}.fps-expanded-heading>.fps-variant-controls{grid-column:1;justify-self:center;}.detail-edit-preview{padding:0;}.detail-edit-preview .comparison-frame{border-radius:18px;}}
.application-preview[data-editable="true"][aria-busy="true"] .application-video-pair video {visibility:visible;}
.application-preview[data-editable="true"] .application-status {inset:auto 12px 58px;}
.application-preview[data-editable="true"][aria-busy="true"] .comparison-divider,.application-preview[data-editable="true"][aria-busy="true"] .comparison-handle,.application-preview[data-editable="true"][aria-busy="true"] .application-transport {opacity:0;pointer-events:none;}
.preview-edit-freeze {position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;}
.preview-code-diff {position:absolute;inset:0 auto 0 0;width:61%;z-index:8;box-sizing:border-box;padding:58px 40px 26px 16px;background:#081522f7;clip-path:polygon(0 0,100% 0,86% 100%,0 100%);color:#dce9f0;overflow:hidden;pointer-events:none;}
.preview-diff-heading {display:block;font:11px/1.3 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#a1dbed;margin-bottom:10px;}
.preview-diff-code {font:10px/1.6 Consolas,ui-monospace,monospace;white-space:pre;margin:0;max-height:calc(100% - 30px);overflow:hidden;}
.preview-diff-row {display:flex;gap:5px;min-height:16px;}
.preview-diff-marker {flex:none;width:10px;font-weight:bold;}
.preview-diff-row.add {color:#aaf5cf;background:#185d414b;}
.preview-diff-row.remove {color:#ffb7ba;background:#7b303752;}
.preview-diff-row.file {color:#f2f7fb;font-size:9px;}
.preview-diff-row.hunk {color:#82c9e3;margin-top:6px;}
.preview-diff-row.context,.preview-diff-row.equal {color:#8399ab;}
.preview-diff-note {position:absolute;left:16px;bottom:9px;font:9px/1.2 Arial,sans-serif;color:#91a7b7;max-width:80%;}
.preview-code-diff[data-diff-mode="semantic"] .preview-diff-code {font-size:13px;line-height:1.65;margin-top:12px;max-height:calc(100% - 22px);}
.preview-code-diff[data-diff-mode="semantic"] .preview-diff-row>span:last-child{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;}
.preview-code-diff[data-stage] .preview-diff-row {transition:opacity .3s,background .3s,max-height .4s;}
.preview-code-diff[data-stage="original"] .add,.preview-code-diff[data-stage="removing"] .add {display:none;}
.preview-code-diff[data-stage="original"] .remove {color:#dce9f0;background:none;}
.preview-code-diff[data-stage="original"] .preview-diff-marker {opacity:0;}
.preview-code-diff[data-stage="removing"] .remove {text-decoration:line-through;background:#8f344c88;}
.preview-code-diff[data-stage="applied"] .remove {display:none;}
.preview-code-diff[data-stage="applied"] .add {background:#26794d7a;}
.preview-code-diff[data-diff-mode="semantic"] .preview-diff-row.context {font-size:11px;}
@media(max-width:850px){.preview-code-diff[data-diff-mode="semantic"] .preview-diff-row[data-source-text=""]{display:none;}}
@media(max-width:850px){.preview-code-diff[data-diff-mode="semantic"] .preview-diff-code{font-size:8.5px;line-height:1.25;margin-top:5px;}.preview-code-diff[data-diff-mode="semantic"] .preview-diff-row{min-height:10px;}.preview-code-diff[data-diff-mode="semantic"] .preview-diff-row.context{font-size:8px;}}
@media(max-width:850px){.preview-code-diff{width:76%;padding:49px 28px 24px 10px;}.preview-diff-heading{font-size:9px;margin-bottom:5px;}.preview-diff-code{font-size:9px;line-height:1.35;}.preview-diff-row{min-height:12px;}.preview-diff-note{font-size:8px;left:10px;}.category-shell .comparison-frame>.application-edit-controls{top:9px;}.category-shell .comparison-frame .application-variant-toggle{padding:7px 12px;font-size:11px;}}

/* A small constellation of source windows over the frozen world. No canvas
   animation or per-frame layout work; only brief compositor animations. */
.preview-code-diff.is-segmented{width:100%;clip-path:none;padding:52px 22px 26px;background:linear-gradient(115deg,#091622b3,#101f2a80 65%,#17324655);backdrop-filter:blur(5px);display:flex;flex-direction:column;gap:8px;}
.is-segmented .preview-diff-heading{font-size:12px;letter-spacing:.12em;margin:0;color:#c6e9f3;text-shadow:0 1px 12px #63d7ff70;}
.preview-code-diff.is-segmented .preview-diff-code{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr 1fr;gap:10px;flex:1;min-height:0;max-height:none;margin:0;white-space:normal;overflow:visible;}
.diff-segment{min-width:0;min-height:0;border:1px solid #e0f4ff42;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#102837e8,#0a1727e0);box-shadow:0 12px 26px #0005,inset 0 1px #fff1;display:flex;flex-direction:column;}
.diff-segment:first-child{grid-row:1 / 3;align-self:center;max-height:100%;transform:rotate(-1deg);}
.diff-segment:nth-child(2){transform:translateY(-3px) rotate(1deg);align-self:center;max-height:100%;}
.diff-segment:nth-child(3){transform:translateX(-4px) rotate(-.5deg);align-self:center;max-height:100%;}
.diff-segment-header{display:flex;justify-content:space-between;gap:8px;padding:8px 11px 4px;font:10px/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#dbf1fa;}
.diff-segment-header>span:last-child{color:#7596ab;font:10px/1.2 Consolas,monospace;}
.diff-segment-path{padding:0 11px 6px;color:#7492a8;font:9px/1.3 Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #b5deff17;}
.diff-segment-code{margin:0;padding:9px 0;min-height:0;overflow:hidden;font:11px/1.5 Consolas,monospace;}
.diff-segment-context{min-height:0;padding:7px 0 5px;border-bottom:1px solid #b5deff17;overflow:hidden;}
.diff-context-label,.diff-resolved-label{display:block;padding:0 11px;font:8px/1.5 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#829cac;}
.diff-resolved-label{padding-top:5px;color:#a9cdce;}
.diff-segment-context pre{margin:4px 0 0;font:9px/1.4 Consolas,monospace;white-space:pre;}
.preview-code-diff.is-segmented .preview-diff-row{min-height:14px;padding:0 9px;box-sizing:border-box;}
.preview-code-diff.is-segmented .preview-diff-row>span:last-child{white-space:pre;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.preview-code-diff.is-segmented .diff-segment[data-mode="resolved"] .diff-segment-code .preview-diff-row>span:last-child{white-space:pre-wrap;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;}
.diff-segment[data-mode="resolved"] .diff-segment-code{flex:none;}
.preview-code-diff.is-segmented .preview-diff-row.context{font-size:inherit;color:#829cae;}
.is-segmented .preview-diff-row.add{border-left:2px solid #6cdda6;background:linear-gradient(90deg,#20664d80,#20664d15);text-shadow:0 0 10px #51ffa133;}
.is-segmented .preview-diff-row.remove{border-left:2px solid #ee8896;background:linear-gradient(90deg,#853c4b70,#853c4b15);}
.is-segmented .preview-diff-note{left:22px;bottom:9px;font-size:9px;max-width:95%;}
@media(max-width:850px){
 .preview-code-diff.is-segmented{padding:43px 12px 20px;gap:5px;}
 .is-segmented .preview-diff-heading{font-size:9px;}
 .preview-code-diff.is-segmented .preview-diff-code{gap:7px;}
 .diff-segment-header{padding:5px 7px 3px;font-size:8px;}.diff-segment-header>span:last-child{font-size:8px;}
 .diff-segment-path{padding:0 7px 4px;font-size:7px;}
 .diff-segment-context pre{font-size:8px;}.diff-context-label,.diff-resolved-label{font-size:7px;padding-left:7px;}
 .diff-segment-code{font-size:8px;line-height:1.35;padding:4px 0;}
 .preview-code-diff.is-segmented .preview-diff-row{padding:0 5px;min-height:10px;gap:2px;}
 .is-segmented .preview-diff-note{left:12px;font-size:7px;bottom:6px;}
}
@media(max-width:540px){
 .preview-code-diff.is-segmented .preview-diff-code{grid-template-rows:1fr;grid-template-columns:1fr 1fr;}
 .diff-segment:first-child{grid-row:auto;align-self:center;}
 .diff-segment:nth-child(3){display:none;}
 .diff-segment-path{display:none;}
 .diff-segment-context{display:none;}
 .diff-segment{border-radius:8px;}
}
@media(prefers-reduced-motion:reduce){.diff-segment:nth-child(n){transform:none;}.preview-code-diff[data-stage] .preview-diff-row{transition:none;}}