/* Native comparison controls are owned by this component. */
.compare-presets { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px; }
.compare-presets[hidden] { display:none; }
.compare-presets button { border:0;border-radius:999px;padding:10px 16px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer; }
.compare-presets button[aria-pressed="true"],.compare-presets button:hover { color:var(--text);background:var(--surface); }
.compare-surface { position:relative;overflow:hidden;border-radius:24px; }
.comparison-divider { position:absolute;z-index:3;top:0;bottom:0;left:var(--comparison-split);width:1px;background:var(--muted);pointer-events:none; }
.comparison-divider > span { position:absolute;bottom:20px;left:var(--comparison-thumb-offset,0px);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg);color:var(--text); }
.comparison-divider .cc-product-icon { width:14px;height:14px; }
.comparison-divider .cc-product-icon:first-child { transform:rotate(-90deg); }
.comparison-divider .cc-product-icon:last-child { transform:rotate(90deg); }
.comparison-input { position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y; }
.compare-surface:has(.comparison-input:focus-visible) { outline:2px solid var(--focus);outline-offset:3px; }
.comparison-help { text-align:center;color:var(--muted);font-size:12px;line-height:1.6; }
@media(max-width:760px) {
 .compare-presets { gap:4px; }
 .compare-presets button { padding:10px 8px;font-size:11px; }
 .comparison-divider { top:var(--comparison-split);bottom:auto;left:0;width:100%;height:1px; }
 .comparison-divider > span { top:var(--comparison-thumb-offset,0px);bottom:auto;left:auto;right:4px;transform:translateY(-50%); }
 .comparison-divider .cc-product-icon:first-child { transform:none; }
 .comparison-divider .cc-product-icon:last-child { transform:rotate(180deg); }
 .comparison-input { inset:0 0 0 auto;width:48px;writing-mode:vertical-lr;direction:ltr;cursor:ns-resize;touch-action:pan-x; }
}
/* File rows stay inside their owning request, inspector or install list. */
.connected-comparison .compare-surface { display:grid;min-height:560px; }
.connected-workflow,.compare-without { grid-area:1/1;min-width:0;padding:26px 32px 22px; }
.connected-workflow { color:var(--comparison-text);background:var(--comparison-bg);clip-path:inset(0 0 0 var(--comparison-split)); }
.compare-without { color:var(--muted);background:var(--bg);clip-path:inset(0 calc(100% - var(--comparison-split)) 0 0); }
.package-scene-header { display:flex;align-items:center;gap:9px;min-height:26px;font-size:15px; }
.package-scene-header > .cc-product-icon { width:21px;height:21px; }
.package-scene-header > [data-flow-status] { margin-left:auto;opacity:.7;font-size:13px; }
.package-canvas { position:relative;height:454px;margin-top:20px; }
.package-session { position:absolute;inset:0;opacity:var(--package-session-opacity,1); }
.package-person { display:flex;align-items:center;gap:9px;font-size:14px;opacity:.75; }
.package-person > .cc-product-icon { width:22px;height:22px; }
.package-request { position:absolute;inset:12px 0 35px;padding:24px;border-radius:20px;background:#14141450;opacity:var(--package-request-opacity,1); }
.connected-workflow .package-prompt { margin:24px 0;font-size:31px;line-height:1.35;color:inherit;letter-spacing:-.035em;min-height:84px; }
.package-caret { display:inline-block;height:1em;border-right:1px solid currentColor;vertical-align:-2px;margin-left:3px; }
[data-flow-stage]:not([data-flow-stage="writing"]) .package-caret { visibility:hidden; }
.package-request-attachment { min-height:112px; }
.package-request-footer { display:flex;align-items:center;justify-content:space-between;margin-top:18px; }
.package-send { display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--comparison-text);color:var(--comparison-bg);transform:scale(var(--package-send-scale,1)); }
.package-send > .cc-product-icon { width:22px;height:22px; }
.package-receipt { display:flex;align-items:center;gap:8px;font-size:14px;opacity:var(--package-received-opacity,0); }
.package-receipt .cc-product-icon { width:19px;height:19px; }
.package-inspector,.package-terminal { position:absolute;inset:0 0 32px;border-radius:18px;background:#12121285;overflow:hidden; }
.package-inspector { opacity:var(--package-inspection-opacity,0); }
.package-workbench-title { display:flex;align-items:center;gap:9px;min-height:49px;padding:0 20px;font-size:14px;border-bottom:1px solid #ffffff12; }
.package-workbench-title > .cc-product-icon { width:21px;height:21px; }
.package-workbench-title > span:last-child { margin-left:auto;font-size:12px;opacity:.5; }
.package-workbench-title > .ecosystem { width:22px;height:22px;flex:0 0 22px;padding:0;background:transparent; }
[data-package-slot="inspection"],[data-package-slot="installed"] { min-height:112px; }
.package-object { position:relative;display:flex;align-items:center;gap:16px;min-height:112px;width:100%;box-sizing:border-box;padding:20px 24px;background:#ffffff09;overflow:hidden; }
.package-object > .ecosystem { position:relative;width:38px;height:38px;flex:0 0 38px;padding:0;background:transparent;color:inherit;z-index:1; }
.package-object-name { min-width:0;position:relative;z-index:1; }
.package-object-name > span { display:block;font-size:28px;line-height:1.2;letter-spacing:-.03em; }
.package-object-name > small { display:block;font-size:13px;opacity:.6;margin-top:6px; }
.package-object-state { position:relative;margin-left:auto;font-size:14px;z-index:1;white-space:nowrap; }
.package-seal { position:relative;z-index:1;color:#b4dec5;opacity:var(--package-seal,0); }
.package-seal > .cc-product-icon { width:22px;height:22px; }
.package-attached-evidence { display:flex;gap:12px;margin-top:12px; }
.package-evidence { display:flex;align-items:center;gap:4px;font-size:11px;opacity:var(--package-evidence,0); }
.package-evidence .cc-product-icon { width:13px;height:13px;color:#b4dec5; }
.package-row-progress { position:absolute;inset:0;transform:scaleX(var(--package-download-progress,0));transform-origin:left;background:#9ac9af12; }
[data-package-container="request"] .package-row-progress,[data-package-container="inspection"] .package-row-progress { display:none; }
.package-inspector-body { display:grid;grid-template-columns:38% minmax(0,1fr);min-height:255px; }
.package-file-tree { min-width:0;padding:20px 14px;border-right:1px solid #ffffff12; }
.package-small-label { display:block;font-size:12px;opacity:.55;margin-bottom:14px; }
.package-file-tree > .package-small-label { padding-left:10px; }
.package-tree-row { position:relative;display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;padding:12px 10px;font:17px/1.5 'Geist Mono',monospace;border-radius:8px; }
.package-tree-row > :is(.cc-product-icon,.cc-product-file-icon) { width:21px;height:21px;flex:0 0 21px; }
.package-tree-row > span { overflow-wrap:anywhere;min-width:0; }
.package-tree-row > i { position:absolute;inset:0;transform:scaleX(var(--package-file-progress,0));transform-origin:left;background:#b4dec517;border-right:2px solid #b4dec5;opacity:var(--package-file-active,0); }
.package-tree-row[data-package-file-done="true"] { color:#b4dec5; }
.package-tree-row[hidden] { display:none; }
.package-assessment { position:relative;min-width:0;padding:20px 26px; }
.package-check-view,.package-approval { position:absolute;inset:20px 26px; }
.package-check-view { opacity:var(--package-check-opacity,1); }
.package-selected-file { display:flex;align-items:center;gap:10px;margin-bottom:22px;min-width:0;font:21px/1.4 'Geist Mono',monospace; }
.package-selected-file > .cc-product-icon { width:27px;height:27px;flex:0 0 27px; }
.package-selected-file > [hidden] { display:none; }
.package-selected-file > [data-package-selected-folder] > .cc-product-icon,.package-selected-file > [data-package-selected-document] > .cc-product-file-icon { width:25px;height:25px;display:block; }
.package-selected-file > span { overflow-wrap:anywhere;min-width:0; }
.package-check-view h3,.package-approval h3 { color:inherit;font-size:28px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin:8px 0 22px; }
.package-scan-track,.package-transfer-track { height:3px;background:#ffffff10;border-radius:3px;overflow:hidden; }
.package-scan-track > i,.package-transfer-track > i { display:block;height:100%;width:100%;background:#b4dec5;transform:scaleX(var(--package-progress,0));transform-origin:left; }
.package-check-footer { display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:13px;opacity:.7; }
.package-approval { opacity:var(--package-approval-opacity,0); }
.package-approval .package-person { margin-bottom:18px; }
.connected-workflow .package-approval p { color:inherit;font-size:16px;opacity:.7;line-height:1.5;margin:0 0 22px; }
.package-approve-button { display:inline-flex;padding:11px 18px;border-radius:999px;font-size:16px;color:var(--comparison-bg);background:var(--comparison-text);transform:scale(var(--package-approve-scale,1)); }
[data-package-approve-done] { display:none;align-items:center;gap:8px; }
[data-package-approve-done] .cc-product-icon { width:20px;height:20px; }
[data-flow-approved="true"] [data-package-approve-pending] { display:none; }
[data-flow-approved="true"] [data-package-approve-done] { display:flex; }
[data-flow-approved="true"] .package-approve-button { color:#b4dec5;background:#ffffff10; }
.package-cursor { position:absolute;left:var(--package-cursor-x,100px);top:var(--package-cursor-y,180px);width:24px;height:30px;opacity:var(--package-cursor,0);transform:translate(calc((1 - var(--package-cursor,0))*30px),calc((1 - var(--package-cursor,0))*25px));filter:drop-shadow(0 1px 2px #0009); }
.package-terminal { opacity:var(--package-install-opacity,0); }
.package-terminal .package-workbench-title { min-height:40px; }
[data-package-slot="installed"] .package-object { min-height:86px;padding-top:12px;padding-bottom:12px; }
[data-package-slot="installed"] .package-attached-evidence { display:none; }
[data-package-slot="installed"] .package-seal { opacity:var(--package-row-installed,0); }
.package-terminal code { display:block;min-height:36px;margin:12px 24px 10px;font:23px/1.5 'Geist Mono',monospace;letter-spacing:-.035em;overflow-wrap:anywhere; }
.package-terminal code > span:first-child { opacity:.5; }
.package-install-list { border-top:1px solid #ffffff12; }
.package-list-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:0 24px;font-size:12px;opacity:.6; }
.package-dependency-row { display:flex;align-items:center;gap:14px;min-height:42px;padding:0 24px;border-top:1px solid #ffffff09;font-size:16px; }
.package-dependency-row > :is(.cc-product-icon,.cc-product-file-icon) { width:21px;height:21px;flex:0 0 21px;opacity:.65; }
.package-dependency-row small { margin-left:auto;font-size:12px;opacity:.6; }
.package-dependency-row[hidden] { display:none; }
.package-transfer-track { margin:10px 24px 0; }
.package-history { position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:9px;font-size:12px;opacity:.6; }
.package-history[hidden] { display:flex;visibility:hidden; }
.package-history .cc-product-icon { width:16px;height:16px; }
.package-history > span:last-child { margin-left:auto; }
.blocked-workspace { display:grid;grid-template-columns:1fr 1fr;gap:40px 50px;padding:45px 24px 0; }
.compare-without .blocked-request > p { font-size:28px;line-height:1.4;letter-spacing:-.03em;color:inherit;margin:0 0 30px; }
.blocked-package { display:flex;align-items:center;gap:13px;padding:20px 0; }
.blocked-package > .ecosystem { width:40px;height:40px;flex:0 0 40px;padding:0;background:transparent;color:inherit; }
.blocked-package > div > span { font-size:26px; }
.blocked-package small { display:block;font-size:13px;margin-top:8px;line-height:1.5; }
.blocked-package > .cc-product-icon { width:24px;height:24px;margin-left:auto;opacity:.5; }
.blocked-console { padding-top:8px; }
.blocked-console code { display:block;font:22px/1.6 'Geist Mono',monospace;overflow-wrap:anywhere; }
.blocked-console > div { display:flex;align-items:center;gap:8px;margin-top:25px;font-size:17px; }
.blocked-console .cc-product-icon { width:22px;height:22px; }
.blocked-console > span { display:block;font-size:14px;opacity:.6;margin-top:12px; }
.blocked-handoff { grid-column:1/-1;display:flex;align-items:center;gap:15px;opacity:.55;padding-top:24px;border-top:1px dashed currentColor; }
.blocked-handoff > .cc-product-icon { width:27px;height:27px; }
.blocked-handoff > div > span { font-size:18px; }
.blocked-handoff small { display:block;font-size:13px;line-height:1.5;margin-top:8px; }
.blocked-handoff > span { margin-left:auto;font:12px/1.8 'Geist Mono',monospace; }
.comparison-footer { margin-top:18px; }
.comparison-footer .comparison-help { margin:0; }
.flow-playback { border:0;border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;cursor:pointer; }
.compare-presets .flow-playback { display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:7px; }
.compare-presets .flow-playback[hidden],.flow-play-label { display:none; }
.flow-playback:focus-visible { outline:2px solid var(--focus);outline-offset:3px; }
.flow-playback[aria-pressed="true"] .flow-pause-label { display:none; }
.flow-playback[aria-pressed="true"] .flow-play-label { display:inline; }
.flow-playback svg { display:block;width:18px;height:18px; }
.flow-playback .sr-only { position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.toolchain-brand { display:flex;align-items:center;justify-content:center;width:64px;height:58px; }
.toolchain-brand .ecosystem { width:35px;height:35px;flex:0 0 35px;padding:0;background:transparent;color:var(--muted); }
.toolchain-brand:hover .ecosystem { color:var(--text); }
.agent-example-reference > .ecosystem { width:35px;height:35px;flex:0 0 35px;padding:0;background:transparent;color:var(--muted); }
html[lang="ko"] .connected-workflow,html[lang="ko"] #supply-workflow .home-heading p { word-break:keep-all; }
@media(max-width:760px) {
 .connected-comparison .compare-surface { min-height:650px; }
 .connected-workflow,.compare-without { padding:22px 44px 18px 20px; }
 .connected-workflow { clip-path:inset(var(--comparison-split) 0 0 0); }
 .compare-without { clip-path:inset(0 0 calc(100% - var(--comparison-split)) 0); }
 .package-scene-header { font-size:13px;flex-wrap:wrap; }
 .package-scene-header > [data-flow-status] { font-size:11px; }
 .package-canvas { height:560px;margin-top:12px; }
 .package-request { inset:8px 0 33px;padding:18px 14px; }
 .package-person { font-size:12px; }
 .connected-workflow .package-prompt { font-size:25px;min-height:140px; }
 .package-object { gap:10px;padding:16px 12px;min-height:124px; }
 .package-object > .ecosystem { width:29px;height:29px;flex-basis:29px; }
 .package-object-name > span { font-size:23px; }
 .package-object-name > small { font-size:11px; }
 .package-object-state { font-size:11px; }
 .package-seal { position:absolute;right:12px;bottom:14px; }
 .package-seal > .cc-product-icon { width:19px;height:19px; }
 .package-attached-evidence { gap:7px;flex-wrap:wrap;max-width:190px; }
 .package-evidence { font-size:9px;gap:3px; }
 .package-evidence .cc-product-icon { width:11px;height:11px; }
 .package-workbench-title { padding:0 12px;font-size:12px;min-height:43px; }
 .package-workbench-title > span:last-child { font-size:10px; }
 .package-inspector-body { grid-template-columns:1fr; }
 .package-file-tree { padding:10px 8px;border-right:0;border-bottom:1px solid #ffffff12; }
 .package-file-tree > .package-small-label { display:none; }
 .package-tree-row { padding:6px 8px;font-size:13px; }
 .package-tree-row > :is(.cc-product-icon,.cc-product-file-icon) { width:18px;height:18px;flex-basis:18px; }
 .package-assessment { min-height:205px;padding:16px; }
 .package-check-view,.package-approval { inset:16px; }
 .package-selected-file { font-size:16px;margin-bottom:15px; }
 .package-selected-file > .cc-product-icon { width:21px;height:21px;flex-basis:21px; }
 .package-small-label { font-size:10px;margin-bottom:10px; }
 .package-check-view h3,.package-approval h3 { font-size:24px;margin:6px 0 18px; }
 .package-check-footer { font-size:11px; }
 .package-approval .package-person { margin-bottom:12px; }
 .connected-workflow .package-approval p { font-size:13px;margin-bottom:16px; }
 .package-approve-button { padding:9px 13px;font-size:13px; }
 [data-package-slot="installed"] .package-object { min-height:102px; }
 .package-terminal code { margin:18px 12px;font-size:20px;min-height:80px; }
 .package-list-heading { min-height:37px;padding:0 12px;font-size:10px; }
 .package-dependency-row { padding:0 12px;gap:9px;font-size:14px;min-height:49px; }
 .package-dependency-row small { font-size:10px; }
 .package-transfer-track { margin:15px 12px 0; }
 .package-history { font-size:10px;gap:6px; }
 .package-history > span:last-child { max-width:90px;text-align:right; }
 .blocked-workspace { grid-template-columns:1fr;gap:30px;padding:30px 0 0; }
 .compare-without .blocked-request > p { font-size:26px;margin-bottom:15px; }
 .blocked-package { padding:16px 0; }
 .blocked-package > div > span { font-size:24px; }
 .blocked-package small { font-size:12px; }
 .blocked-console code { font-size:19px; }
 .blocked-console > div { font-size:15px;margin-top:18px; }
 .blocked-console > span { font-size:13px; }
 .blocked-handoff { padding-top:20px;gap:10px;align-items:flex-start; }
 .blocked-handoff > div > span { font-size:16px; }
 .blocked-handoff small { font-size:12px; }
 .blocked-handoff > span { display:none; }
 .toolchain-band > div { gap:8px; }
 .toolchain-brand { width:58px;height:50px; }
 .toolchain-brand .ecosystem { width:30px;height:30px;flex-basis:30px; }
}
@media(prefers-reduced-motion:reduce) { .package-caret,.package-cursor { display:none; } }