@layer components{.cs{container:cs/inline-size;inline-size:100%}.cs-grid{display:grid;gap:32px}@container cs (min-width: 880px){.cs-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:var(--col-gap);align-items:start}}.cs-box{position:relative;aspect-ratio:16/9;overflow:hidden;background-color:var(--color-graphite-900)}.cs-poster,.cs-video{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.cs-poster{animation:vt-fade-in var(--dur-photo) var(--ease-out)}.cs-play{position:absolute;inset-inline-start:16px;inset-block-end:16px;display:inline-flex;align-items:center;gap:10px;max-inline-size:calc(100% - 32px);min-block-size:44px;padding-inline:14px 18px;border:0;border-radius:var(--radius-control);background-color:var(--color-white);color:var(--color-graphite-950);font:inherit;font-size:15px;font-weight:var(--fw-ui);cursor:pointer;transition:background-color var(--dur-hover) var(--ease-out)}.cs-play>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-play:focus-visible{outline-color:var(--color-white);outline-offset:3px}.cs-video:focus-visible{outline:2px solid var(--color-white);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.cs-play:hover{background-color:var(--color-fog-300)}}.cs-error{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--color-white)}.cs-error:focus{outline:none}.cs-error:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}.cs-error>svg{flex:none;margin-block-start:3px}.cs-text{display:grid;gap:8px;margin-block-start:20px}.cs-title{display:flex;align-items:center;gap:12px;margin:0;font-size:var(--text-h3);line-height:var(--lh-h3);font-weight:var(--fw-heading)}.cs .pf-mk{display:grid;flex:none;place-items:center;inline-size:24px;block-size:24px;border:1px solid var(--color-fog-300);background-color:var(--color-graphite-950);color:var(--color-white);font-family:var(--font-label);font-size:13px;line-height:1;font-weight:var(--fw-ui)}.cs .pf-mk.is-on{border-color:var(--color-white);background-color:var(--color-white);color:var(--color-graphite-950)}.cs-summary{margin:0;max-inline-size:68ch;color:var(--color-fog-300)}.cs-error>span,.cs-summary,.cs-title>span:last-child{text-wrap:pretty}:lang(zh) .cs-error>span,:lang(zh) .cs-summary{word-break:keep-all;overflow-wrap:anywhere}.cs-caption{margin:0;font-size:12px;line-height:1.45;color:var(--color-fog-400)}.cs-side-title{margin:0 0 8px;color:var(--color-fog-400)}.cs-list{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--color-graphite-800)}.cs-row{display:flex;align-items:center;gap:12px;inline-size:100%;min-block-size:52px;padding-block:10px;border:0;border-block-end:1px solid var(--color-graphite-800);background:none;color:var(--color-fog-300);font:inherit;font-size:15px;text-align:start;cursor:pointer}.cs-row.is-on{color:var(--color-white)}.cs-row:focus-visible{outline-color:var(--color-white);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.cs-row:hover .cs-row-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--color-fog-500)}}.plan-flow-staged{margin-block-start:64px}}