/* Readable product sequences stay inside the same fixed 16:9 capture frame. */
#homeScene[hidden] { display:none; }
.scene-active #exampleImage,.scene-active #examplePrevious { visibility:hidden; }
.home-scene { position:absolute;inset:0;overflow:hidden;background:#202126;pointer-events:none; }
.home-scene-canvas { position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:top left;color:#eceef5;font-family:"Sora","Segoe UI",sans-serif;font-size:24px; }
.home-scene-canvas * { box-sizing:border-box; }
.home-scene-canvas h2,.home-scene-canvas h3,.home-scene-canvas p { margin:0; }
.scene-header { position:absolute;left:64px;right:64px;top:44px;display:flex;align-items:center;gap:20px;height:88px; }
.scene-header h2 { font-size:32px;font-weight:600;letter-spacing:-.03em;line-height:1.3; }
.scene-header p { font-size:21px;color:#aab2c2;margin-top:10px;line-height:1.4; }
.scene-header-icon { display:grid;place-items:center;width:52px;height:52px;color:#83aff7;font-size:46px;flex:none; }
.scene-header-icon img,.scene-header-icon svg { width:44px;height:44px;object-fit:contain; }
.scene-top-status { margin-left:auto;white-space:nowrap;font-size:20px;color:#a4d3b5; }
.scene-muted { font-size:21px;color:#aab2c2; }
.scene-action { display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:10px;padding:18px 24px;background:#82adf5;color:#142139;font-size:23px;font-weight:600;box-shadow:0 0 0 0 #9fc4ff00; }
.scene-action-focus { box-shadow:0 0 0 4px #a3c6ff44; }
.scene-bottom { position:absolute;left:70px;right:70px;bottom:48px;display:flex;justify-content:space-between;align-items:center;color:#b9c3d3;font-size:23px; }
.scene-transfer { position:absolute;left:70px;top:176px;width:1140px;height:384px; }
.scene-preview { position:absolute;left:0;width:470px;height:384px; }
.scene-preview h3,.scene-board h3 { font-size:25px;font-weight:500; }
.scene-chart-placeholder { width:456px;height:264px;border:1px dashed #484c59;border-radius:14px;margin:24px 0 20px; }
.scene-board { position:absolute;right:0;width:488px;height:384px; }
.scene-board h3 { display:flex;justify-content:space-between;align-items:center; }
.scene-board h3>span { font-size:18px;color:#9ba6b9; }
.scene-board-canvas { width:488px;height:306px;background-color:#25272f;background-image:radial-gradient(#424652 1px,transparent 1px);background-size:18px 18px;border:1px solid #414551;border-radius:14px;margin-top:24px; }
.scene-board-note { position:absolute;left:20px;bottom:28px;color:#bac7d9;font-size:19px; }
.scene-transfer-arrow { position:absolute;left:524px;top:146px;font-size:40px;color:#82adf5; }
.scene-moving-chart { position:absolute;left:0;top:61px;width:456px;height:264px;transform-origin:top left; }
.scene-chart { width:100%;height:100%;border-radius:12px;background:#373842;border:1px solid #575a6a;padding:26px 24px;box-shadow:0 12px 28px #0003; }
.scene-chart-heading { display:flex;justify-content:space-between;align-items:center;font-size:20px; }
.scene-chart-heading>span { font-size:17px;color:#aeb5c3; }
.scene-chart-total { display:flex;align-items:baseline;gap:20px;margin:16px 0; }
.scene-chart-total>b { font-size:34px;font-weight:500; }.scene-chart-total>span { color:#b5bdcd;font-size:21px; }
.scene-chart-row { display:grid;grid-template-columns:64px 1fr 48px;gap:12px;align-items:center;font-size:17px;margin-top:14px; }
.scene-chart-row i { height:19px;border-radius:5px;background:linear-gradient(to right,#73acc2 89%,#bab0dc 89%,#bab0dc 92%,#c78ba0 92%); }.scene-chart-row b { font-weight:400; }
.scene-chart-key { display:flex;gap:17px;font-size:14px;color:#bac5d6;margin-top:19px; }.scene-chart-key span:first-child { color:#8cbfd1; }
.scene-report { position:absolute;left:104px;right:104px;top:173px;height:390px;border:1px solid #474a59;background:#2a2b33;border-radius:14px;padding:28px 34px; }
.scene-report-title>span { color:#93b6ee;font-size:18px; }.scene-report-title h3 { font-size:29px;line-height:1.3;margin-top:7px;font-weight:500; }
.scene-report-metrics { display:flex;gap:50px;margin:22px 0; }.scene-report-metrics>div { display:flex;flex-direction:column;gap:5px;min-width:200px; }.scene-report-metrics b { font-size:32px;font-weight:500; }.scene-report-metrics span { font-size:18px;color:#aeb8c9; }
.scene-report-table>div { display:grid;grid-template-columns:1fr 140px 140px;border-top:1px solid #4c505c;padding:11px 0;font-size:20px; }.scene-report-table .scene-report-table-head { font-size:17px;color:#9ca8bc; }.scene-report-source { color:#90b4ee;font-size:17px;margin-top:12px; }
.scene-request-card { position:absolute;left:122px;right:122px;top:196px;border:1px solid #484b59;border-radius:18px;background:#292a33;padding:38px; }
.scene-request-card h3 { margin:18px 0 24px;font-size:29px;font-weight:500; }
.scene-request-field { min-height:174px;border:1px solid #555b6b;border-radius:12px;padding:25px 28px;background:#202127;font-size:30px;line-height:1.6; }
.scene-request-field i { display:inline-block;width:2px;height:30px;margin-left:3px;vertical-align:-4px;background:#9ec2fb; }
.scene-request-foot { display:flex;align-items:center;justify-content:space-between;margin-top:28px;color:#aeb9cc;font-size:21px; }
.scene-log { position:absolute;left:144px;right:144px;top:177px; }
.scene-log-row { display:flex;align-items:center;gap:20px;height:72px;border-bottom:1px solid #3b3e4a;color:#9fa8bb; }
.scene-log-icon { width:40px;height:40px;display:grid;place-items:center; }.scene-log-icon img { max-width:32px;max-height:32px; }.scene-log-row>b { font-size:24px;font-weight:500; }.scene-log-state { margin-left:auto;font-size:21px; }.scene-log-check { color:#a9d9bd;font-size:26px;width:28px; }.scene-log-row.is-running { color:#b7d1fb; }.scene-log-row.is-complete { color:#e4e9f4; }.is-complete .scene-log-state { color:#a3c7b3; }
.scene-log-progress { display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:28px;color:#bac7db;font-size:22px; }.scene-log-progress>b { font-size:22px;font-weight:400; }.scene-log-progress>div { width:100%;height:6px;border-radius:4px;overflow:hidden;background:#3f4553; }.scene-log-progress i { display:block;width:100%;height:100%;background:#8db8ff;transform-origin:left; }
.scene-graph-wires { position:absolute;inset:0;width:1280px;height:720px; }.scene-graph-wires path { fill:none;stroke:#8db7f9;stroke-width:2;stroke-linejoin:round; }.scene-graph-wires circle { fill:#d6e6ff;filter:drop-shadow(0 0 5px #89b3f8); }
.scene-graph-sources { position:absolute;left:70px;top:142px;display:flex;flex-direction:column;gap:18px; }.scene-source-card { width:255px;height:76px;border:1px solid #494c59;border-radius:10px;background:#2e3039;display:flex;align-items:center;gap:14px;padding:14px 18px; }.scene-source-card img { width:28px;height:28px;object-fit:contain; }.scene-source-card b { font-size:19px;font-weight:500; }.scene-source-card>span { margin-left:auto;color:#a6d1b8;opacity:0; }.scene-source-card.is-complete { border-color:#6885b2; }.scene-source-card.is-complete>span { opacity:1; }
.scene-graph-center,.scene-graph-output { position:absolute;top:290px;height:126px;border:1px solid #617ba6;border-radius:12px;background:#2b2d37;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px; }.scene-graph-center { left:505px;width:250px; }.scene-graph-output { left:925px;width:248px; }.scene-graph-center>span { font-size:32px;color:#8db7f9; }.scene-graph-center b,.scene-graph-output b { font-size:23px;font-weight:500; }.scene-graph-center small,.scene-graph-output small { font-size:17px;color:#aab7cb; }.scene-graph-output .scene-ppt-icon { position:absolute;top:-60px;width:40px;height:40px; }.scene-ready-mark { position:absolute;bottom:-48px;font-size:21px;color:#a6d1b8; }
.scene-ppt-icon { display:block;width:48px;height:48px; }.scene-ppt-icon svg { width:100%;height:100%; }
.scene-result { position:absolute;left:84px;top:181px;right:84px;height:449px;display:grid;grid-template-columns:620px 1fr;gap:68px;align-items:center; }.scene-slide-stack { position:relative;height:380px; }.scene-deck-slide { position:absolute;width:504px;height:296px;border:1px solid #4a556a;border-radius:12px;padding:30px;background:#282c36;transform:translateY(var(--slide-lift,0px));box-shadow:0 16px 35px #0003; }.scene-slide-back { left:72px;top:0;background:#232730; }.scene-slide-middle { left:36px;top:38px;background:#2b303a; }.scene-slide-front { left:0;top:76px;background:#343949; }.scene-deck-slide>span { font-size:19px;color:#a5bde4; }.scene-deck-slide h3 { font-size:38px;line-height:1.3;margin-top:14px;letter-spacing:-.02em; }.scene-deck-slide small { font-size:18px;color:#b0bdd2; }.scene-deck-bars { height:64px;display:flex;gap:13px;align-items:flex-end;margin:24px 0 18px; }.scene-deck-bars i { width:74px;background:#83adf3;border-radius:5px 5px 0 0;height:100%; }.scene-deck-bars i:nth-child(2) { height:65%;background:#73acc2; }.scene-deck-bars i:nth-child(3) { height:80%;background:#b0a4d0; }
.scene-result-file h3 { font-size:25px;font-weight:500;margin-top:20px; }.scene-result-file p { font-size:21px;line-height:1.75;color:#adb9ce;margin-top:16px; }.scene-result-file .scene-action { margin-top:22px;font-size:21px;white-space:nowrap; }.scene-ready-label { display:block;margin-top:22px;font-size:20px;color:#a6d1b8; }
.export-motion-active li { border-radius:12px;box-shadow:inset 0 0 0 1px transparent; }.export-motion-active li.export-motion-focus { background:#83adf50b;box-shadow:inset 0 0 0 1px #83adf577; }
@media(max-width:760px) {
 .scene-header p,.scene-top-status,.scene-muted,.scene-preview>.scene-muted,.scene-board-note,.scene-chart-key,.scene-request-foot>span:first-child,.scene-result-file p { display:none; }
 .scene-header h2 { font-size:44px; }.scene-header-icon { width:64px; }.scene-header-icon img,.scene-header-icon svg { width:54px;height:54px; }
 .scene-request-card h3 { font-size:38px; }.scene-request-field { font-size:38px;min-height:220px; }.scene-request-foot { justify-content:flex-end; }.scene-action { font-size:32px;padding:22px 26px; }.scene-bottom { font-size:30px; }
 .scene-preview h3,.scene-board h3 { font-size:34px; }.scene-board h3>span { display:none; }.scene-chart-heading { font-size:28px; }.scene-chart-total>b { font-size:42px; }.scene-chart-total>span { font-size:27px; }.scene-chart-row { font-size:22px; }
 .scene-report-title h3 { font-size:38px; }.scene-report-title>span,.scene-report-source { display:none; }.scene-report-metrics b { font-size:40px; }.scene-report-metrics span { font-size:27px; }.scene-report-table>div { font-size:28px; }
 .scene-log-row>b { font-size:32px; }.scene-log-state { font-size:28px; }.scene-log-progress { font-size:30px; }.scene-log-progress>b { font-size:30px; }
 .scene-source-card b { font-size:23px; }.scene-source-card { gap:10px;padding:12px; }.scene-source-card img { width:30px;height:30px; }.scene-source-card>span { display:none; }.scene-graph-center b,.scene-graph-output b { font-size:28px; }.scene-graph-center small,.scene-graph-output small { font-size:21px; }
 .scene-result-file h3 { font-size:33px; }.scene-ready-label { font-size:29px; }.scene-result-file .scene-action { font-size:29px;white-space:normal; }.scene-deck-slide h3 { font-size:46px; }.scene-deck-slide>span,.scene-deck-slide small { font-size:25px; }
}