@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#20333b;font-synthesis:none;--paper:#fff;--ink:#20333b;--muted:#58696f;--line:#dce4e5;--industry:#087566;--industry-fill:#e6f2ed;--spark:#315fba;--spark-fill:#edf2fc;--accent:#086f63;--stroke:1.5;background:#f5f7f7;font-family:Inter Variable,Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a,select,summary,[role=button]{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button{background:0 0;border:0}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline-offset:4px;outline:3px solid #9e4a00}button:hover{background:#edf2f2}svg{flex-shrink:0;display:block}h1,h2,h3,p{margin:0}button,select{min-height:44px}.app{max-width:1488px;margin:auto;padding:0 56px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:23px;height:96px;display:flex}.wordmark{letter-spacing:-2.7px;font-size:35px;font-weight:850;line-height:1;text-decoration:none}.wordmark span{color:var(--industry);margin-left:7px;font-weight:450}.brand-subtitle{color:var(--muted);border-left:1px solid var(--line);padding-left:23px;font-size:12px}.header-right{align-items:center;gap:20px;margin-left:auto;display:flex}.scene-picker select{background:0 0;border:0;max-width:220px;padding:0 24px 0 8px;font-size:12px;font-weight:600}.export-button{border:1px solid #cdd8da;border-radius:8px;align-items:center;gap:9px;padding:0 15px;font-size:12px;font-weight:600;display:flex}.story-heading{justify-content:space-between;align-items:center;gap:40px;padding:42px 0 28px;display:flex}.eyebrow{letter-spacing:1.55px;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;font-size:10px;font-weight:650;display:flex}.small-line{background:var(--industry);width:17px;height:2px}.eyebrow-divider{color:#809296;margin:0 4px}h1{letter-spacing:-1.9px;margin:15px 0 14px;font-size:clamp(30px,3.35vw,49px);font-weight:550;line-height:1.13}.thesis{color:var(--muted);max-width:700px;font-size:13px;line-height:1.7}.scene-count{letter-spacing:-3px;color:#79918f;align-items:center;gap:13px;font-size:48px;font-weight:300;display:flex}.scene-count small{letter-spacing:1.5px;color:var(--muted);font-size:8px;font-weight:600;line-height:1.8}.canvas{border:1px solid var(--line);background:var(--paper);border-radius:15px;position:relative;overflow:hidden}.canvas-top{color:var(--muted);letter-spacing:.2px;justify-content:space-between;padding:18px 25px 0;font-size:10px;display:flex}.scene-live{align-items:center;gap:7px;display:flex}.status-dot,.subtle-dot{background:#748681;border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.playing{background:var(--industry)}.visual-pair{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);padding:22px 28px 0;display:grid;position:relative}.visual-field{text-align:center;min-width:0}.field-heading{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:11px;margin-left:25px;margin-right:20px;display:grid}.side-tag{letter-spacing:1px;color:var(--industry);border:1px solid #c1dcd3;border-radius:4px;grid-row:span 2;align-self:start;padding:6px 7px;font-size:9px;font-weight:750}.enterprise .side-tag{color:var(--spark);border-color:#d0dcf4}.field-heading h2{letter-spacing:-.35px;font-size:17px;font-weight:600;line-height:1.25}.field-description{color:var(--muted);margin-top:5px;font-size:10px}.system-svg{stroke-linejoin:round;stroke-linecap:round;width:100%;height:clamp(235px,28vw,350px);overflow:visible}.visual-layer[role=button]{cursor:pointer}.visual-layer[role=button]:hover{filter:brightness(.94)}.visual-layer:focus-visible{filter:drop-shadow(0 0 3px #9e4a00);outline:none}.correspondence{color:#586d70;text-align:center;letter-spacing:1.5px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:50px;font-size:7px;line-height:1.6;display:flex}.connection{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.connection.active{color:var(--industry);border-color:#87b9ad}.visual-caption{justify-content:center;align-items:center;gap:9px;min-height:47px;margin:0 5px 12px;font-size:12px;line-height:1.5;display:flex}.visual-caption>span{color:var(--industry);border:1px solid #c9dfd7;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:700}.enterprise .visual-caption>span{color:var(--spark);border-color:#d2ddf4}.visual-caption strong{font-weight:550}.explanation{background:#fbfcfc;border-top:1px solid #e5ebeb;justify-content:center;align-items:center;gap:20px;min-height:77px;padding:16px 7%;display:flex}.explanation-index{letter-spacing:1px;white-space:nowrap;color:var(--industry);font-size:9px;font-weight:600}.explanation p{max-width:720px;font-size:12px;line-height:1.7}.layers{border-top:1px solid #e5ebeb;padding:0 24px;display:flex}.layer-step{min-width:0;min-height:54px;color:var(--muted);border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex;position:relative}.layer-step.selected{border-bottom-color:var(--industry);color:var(--industry);background:#f1f7f4}.step-number{color:var(--muted);font-size:9px}.selected .step-number{color:var(--industry);font-weight:700}.timeline-track{background:#f0f4f3;height:2px}.timeline-track>div{transform-origin:0;background:var(--industry);width:100%;height:100%}.presenter-controls{opacity:0;justify-content:space-between;align-items:center;height:82px;transition:opacity .22s;display:flex}.presenter-controls.revealed,.presenter-controls:focus-within,.presenter-controls:hover{opacity:1}.keyboard-hint{color:var(--muted);align-items:center;gap:5px;width:200px;font-size:10px;display:flex}kbd{border:1px solid #cdd8da;border-radius:4px;padding:3px 6px;font:11px inherit}.transport{align-items:center;gap:9px;display:flex}.icon-button{border-radius:7px;place-items:center;width:44px;display:grid}.play-button{background:var(--ink);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:109px;padding:0 18px;font-size:11px;display:flex}.play-button:hover{background:#334d58}.control-divider{background:var(--line);width:1px;height:20px;margin:0 6px}.text-button{border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-size:11px;display:flex}.present-button{justify-content:flex-end;width:200px}.detail-bar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;min-height:67px;font-size:11px;display:flex}.detail-bar>div{align-items:center;gap:9px;display:flex}.subtle-dot{background:0 0;border:1px solid #627d75}.mapping-details{border-top:1px solid var(--line);color:var(--muted);padding:18px 0;font-size:12px}.mapping-details summary{cursor:pointer;min-height:24px;color:var(--ink);font-size:11px}.mapping-details summary span{float:right;color:var(--muted);font-size:10px}.mapping-details>p{max-width:850px;margin:20px 0;line-height:1.8}.mapping-details ol{grid-template-columns:1fr 1fr;gap:24px 40px;padding-left:20px;display:grid}.mapping-details h3{font-size:12px;font-weight:600;line-height:1.7}.mapping-details h3 span{color:var(--industry);margin:0 6px}.mapping-details li p{margin-top:6px;font-size:12px;line-height:1.7}.talk-track{border-top:1px solid var(--line);background:#edf3f1;border-radius:7px;margin-bottom:20px;padding:22px 26px}.talk-track p{max-width:850px;margin:12px 0;font-size:16px;line-height:1.7}.talk-track>span{color:var(--muted);font-size:11px;line-height:1.7}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:22px 0 30px;font-size:9px;display:flex}.site-footer b{color:var(--ink);letter-spacing:-.6px;margin-right:6px;font-size:10px}.site-footer i{vertical-align:middle;background:#7c8a8b;border-radius:50%;width:3px;height:3px;margin:0 6px;display:inline-block}.study-tag{letter-spacing:.6px;color:#6e512b;background:#f1eada;border-radius:4px;padding:4px 6px;font-size:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;background:#fff;padding:14px;position:fixed;top:10px;left:15px;transform:translateY(-200%)}.skip-link:focus{transform:none}.export-dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:480px;color:var(--ink);border-radius:16px;padding:30px;box-shadow:0 18px 70px #20333b20}.export-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20333b55}.dialog-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.export-dialog h2{letter-spacing:-1px;margin:10px 0;font-size:28px;font-weight:550}.export-dialog p{color:var(--muted);font-size:12px;line-height:1.8}.field-label{margin:24px 0 7px;font-size:11px;display:block}.export-dialog select{background:#fff;border:1px solid #bacacc;border-radius:6px;width:100%;padding:0 12px}.download-list{margin:16px 0}.download-list a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0;font-size:12px;text-decoration:none;display:flex}.download-list a:hover{color:var(--industry)}.export-dialog .fine-print{margin-top:20px;font-size:10px}:is(.story:fullscreen,.story.presenting){background:#f5f7f7;padding:2vh 5vw;overflow:auto}.story:fullscreen .story-heading{padding-top:1vh}.story:fullscreen .system-svg{height:clamp(230px,43vh,530px)}.story:fullscreen .presenter-controls{height:70px}.story.presenting:not(:fullscreen){z-index:30;position:fixed;inset:0}.export-mappings{grid-template-columns:repeat(3,1fr);gap:16px 24px;margin-top:22px;display:grid}.export-mappings>div{border-top:1px solid var(--line);gap:9px;padding-top:12px;display:flex}.export-mappings>div>span{color:var(--industry);font-size:11px}.export-mappings b{font-size:13px;font-weight:550}.export-mappings small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.export-footer{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;font-size:10px;display:flex}.export-footer b{letter-spacing:-1px;color:var(--ink);font-size:23px}.export-footer b>span{color:var(--industry);font-weight:400}.export-footer b small{letter-spacing:0;margin-left:12px;font-size:11px;font-weight:400}.export-app{width:100vw;max-width:none;height:100vh;padding:3.7vh 4.5vw;overflow:hidden}.export-app main,.capture{height:100%}.capture{flex-direction:column;display:flex}.capture .story-heading{padding:0 0 3vh}.capture .canvas{flex-direction:column;flex:1;min-height:0;display:flex}.capture h1{font-size:3.1vw}.capture .thesis{max-width:75vw;font-size:1.05vw}.capture .eyebrow{font-size:.7vw}.capture .visual-pair{flex:1;min-height:0}.capture .visual-field{flex-direction:column;min-height:0;display:flex}.capture .system-svg{flex:1;height:0;min-height:0}.capture .field-heading h2{font-size:1.5vw}.capture .field-description{font-size:.8vw}.capture .visual-caption{margin-top:4px;font-size:1.05vw}.capture .explanation p{font-size:1vw}.capture .layer-step{min-height:5vh;font-size:.85vw}.capture .canvas-top{font-size:.7vw}.capture .explanation{min-height:7vh}.capture .export-mappings b{font-size:1.05vw}.capture .export-mappings small{font-size:.9vw}.capture .export-mappings>div>span{font-size:1vw}.capture .export-footer{font-size:.8vw}.capture .timeline-track{display:none}.capture .layers{flex-shrink:0}.capture .visual-caption>span,.capture .explanation-index{font-size:.8vw}@media (width>=850px){.export-app[data-aspect="1:1"] .visual-pair{padding-top:5vh}.export-app[data-aspect="1:1"] h1{font-size:4.2vw}.export-app[data-aspect="1:1"] .thesis{font-size:1.5vw}.export-app[data-aspect="1:1"] .system-svg{max-height:42vh}}@media (width<=1000px){.app{padding:0 28px}.brand-subtitle{font-size:11px}.scene-count{display:none}.story-heading{padding-top:32px}.field-heading{margin:0 10px}.visual-pair{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);padding:22px 12px 0}.correspondence{letter-spacing:1px;font-size:6px}.field-heading h2{font-size:15px}.visual-caption{font-size:10px}.layers{padding:0 12px}.layer-step{gap:5px;font-size:9px}.keyboard-hint,.present-button{width:150px}}@media (width<=600px){.app{padding:0 18px}.site-header{gap:10px;height:69px}.wordmark{font-size:30px}.brand-subtitle{display:none}.header-right{gap:7px}.scene-picker select{max-width:163px;padding:0 8px;font-size:10px}.export-button{gap:5px;padding:0 10px;font-size:10px}.story-heading{padding:24px 0 20px;display:block}.eyebrow{letter-spacing:1px;gap:5px;font-size:8px}.small-line{width:12px}h1{letter-spacing:-1.3px;margin:12px 0;font-size:32px;line-height:1.12}.thesis{font-size:11px;line-height:1.6}.canvas{border-radius:11px}.canvas-top{padding:13px 15px 0;font-size:8px}.visual-pair{grid-template-columns:1fr;gap:12px;padding:16px 13px 0}.field-heading{grid-template-columns:auto 1fr;column-gap:8px;margin:0 3px}.side-tag{grid-row:span 1;padding:4px 6px;font-size:7px}.field-heading h2{font-size:13px}.field-description{display:none}.system-svg{height:149px;margin-top:-1px}.visual-caption{gap:7px;min-height:25px;margin:0 0 5px;font-size:10px}.visual-caption>span{padding:2px 4px;font-size:7px}.visual-field+.visual-field{border-top:1px solid var(--line);padding-top:10px}.correspondence{display:none}.explanation{gap:11px;min-height:78px;padding:13px 15px}.explanation-index{letter-spacing:.4px;font-size:7px}.explanation p{font-size:10px;line-height:1.65}.layers{padding:0 8px}.layer-step{flex-direction:column;gap:4px;min-height:43px;font-size:7px;line-height:1}.step-number{font-size:8px}.presenter-controls{opacity:1;height:68px}.keyboard-hint{display:none}.present-button{gap:5px;width:auto;padding:0 5px;font-size:10px}.transport{gap:1px}.play-button{min-width:99px;padding:0 12px;font-size:10px}.control-divider{margin:0 5px}.detail-bar{gap:10px;min-height:58px;font-size:9px}.detail-bar>div{max-width:165px;line-height:1.6}.detail-bar .text-button{gap:4px;padding:0 3px;font-size:9px}.detail-bar .text-button>svg{width:15px}.mapping-details{padding:17px 0}.mapping-details summary{font-size:10px}.mapping-details summary span{font-size:9px}.mapping-details ol{grid-template-columns:1fr;gap:16px}.site-footer{gap:18px;font-size:8px;line-height:1.6}.site-footer>span{max-width:46%}.site-footer>span:last-child{text-align:right}.site-footer i{display:none}.talk-track{padding:18px}.talk-track p{font-size:14px}.study-tag{letter-spacing:0;font-size:6px}.story:fullscreen{padding:10px 18px}.story:fullscreen .system-svg{height:20vh}.story:fullscreen .story-heading{padding-bottom:15px}}.export-app[data-aspect="4:5"],.export-app[data-aspect="9:16"]{padding:3.5vh 5vw}.capture[data-aspect="4:5"] .visual-pair,.capture[data-aspect="9:16"] .visual-pair{grid-template-columns:1fr;gap:1vh;padding:2vh 4vw 0}.capture[data-aspect="4:5"] .correspondence,.capture[data-aspect="9:16"] .correspondence{display:none}.capture[data-aspect="4:5"] .visual-field,.capture[data-aspect="9:16"] .visual-field{height:100%;overflow:hidden}.capture[data-aspect="4:5"] .visual-pair,.capture[data-aspect="9:16"] .visual-pair{grid-template-rows:1fr 1fr}.capture[data-aspect="4:5"] h1,.capture[data-aspect="9:16"] h1{font-size:5vw}.capture[data-aspect="4:5"] .thesis,.capture[data-aspect="9:16"] .thesis{max-width:85vw;font-size:1.8vw}.capture[data-aspect="4:5"] .eyebrow,.capture[data-aspect="9:16"] .eyebrow{font-size:1.1vw}.capture[data-aspect="4:5"] .field-heading h2,.capture[data-aspect="9:16"] .field-heading h2{font-size:2.3vw}.capture[data-aspect="4:5"] .field-description,.capture[data-aspect="9:16"] .field-description{display:none}.capture[data-aspect="4:5"] .visual-caption,.capture[data-aspect="9:16"] .visual-caption{min-height:2vh;margin-bottom:.5vh;font-size:1.8vw}.capture[data-aspect="4:5"] .explanation p,.capture[data-aspect="9:16"] .explanation p{font-size:1.7vw}.capture[data-aspect="4:5"] .explanation-index,.capture[data-aspect="9:16"] .explanation-index{font-size:1.2vw}.capture[data-aspect="4:5"] .explanation,.capture[data-aspect="9:16"] .explanation{min-height:6vh;padding:1.5vh 4vw}.capture[data-aspect="4:5"] .layer-step,.capture[data-aspect="9:16"] .layer-step{min-height:4vh;font-size:1.2vw}.capture[data-aspect="4:5"] .export-mappings,.capture[data-aspect="9:16"] .export-mappings{grid-template-columns:1fr 1fr;gap:1vh 3vw;margin-top:1.5vh}.capture[data-aspect="4:5"] .export-mappings b,.capture[data-aspect="9:16"] .export-mappings b{font-size:1.7vw}.capture[data-aspect="4:5"] .export-mappings small,.capture[data-aspect="9:16"] .export-mappings small{font-size:1.35vw}.capture[data-aspect="4:5"] .export-footer,.capture[data-aspect="9:16"] .export-footer,.capture[data-aspect="4:5"] .canvas-top,.capture[data-aspect="9:16"] .canvas-top{font-size:1.1vw}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=600px){.system-svg{height:135px}.visual-pair{gap:8px}.visual-caption{margin-bottom:3px}.layer-step{font-size:7.5px}.transport .icon-button{width:38px}.control-divider{margin:0 3px}.header-right,.scene-picker{min-width:0}.scene-picker select{width:100%;max-width:150px}.export-button{flex-shrink:0}.system-svg path,.system-svg rect,.system-svg circle,.system-svg ellipse{vector-effect:non-scaling-stroke}}@media (width<=360px){.app{padding:0 12px}.site-header,.header-right{gap:4px}.export-button span{display:none}.export-button{justify-content:center;width:40px;padding:0}.export-button svg{width:18px}.scene-picker select{max-width:155px}.present-button span{display:none}.present-button{justify-content:center;width:36px}.story-heading{padding-top:20px}h1{font-size:28px}.system-svg{height:120px}.visual-caption{font-size:9px}.thesis{font-size:10px}.transport{gap:2px}.layer-step{font-size:6.5px}}.stack-diagram{height:clamp(235px,28vw,350px);position:relative}.stack-diagram .system-svg{height:100%;margin:0}.stack-numbers{pointer-events:none;position:absolute;inset:0}.stack-number{width:20px;height:20px;color:var(--industry);background:#fff;border:1px solid #a9cfc4;border-radius:50%;place-items:center;font-size:9px;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%)}.stack-number.active{background:var(--industry);border-color:var(--industry);color:#fff}.enterprise-stack .stack-number{color:var(--spark);border-color:#bfcfeb}.enterprise-stack .stack-number.active{background:var(--spark);border-color:var(--spark);color:#fff}.capture .stack-diagram{flex:1;height:0;min-height:0}.capture .stack-diagram .system-svg{height:100%}.capture .stack-number{width:24px;height:24px;font-size:12px}.story:fullscreen .stack-diagram{height:clamp(230px,43vh,530px)}.story:fullscreen .stack-diagram .system-svg{height:100%}@media (width<=600px){.stack-diagram{height:135px}.stack-number{width:15px;height:15px;font-size:8px}.story:fullscreen .stack-diagram{height:20vh}}@media (width<=360px){.stack-diagram{height:120px}}.playback-settings{border:1px solid var(--line);background:#eef3f1;border-radius:10px;align-items:center;gap:24px;margin:0 0 16px;padding:12px 18px;display:flex}.playback-settings label{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.playback-settings label>span{flex-shrink:0}.playback-settings select{background:var(--paper);max-width:100%;min-height:36px;color:var(--ink);border:1px solid #c9d7d3;border-radius:6px;padding:0 28px 0 10px;font-size:11px;font-weight:550}.playback-settings select:disabled{opacity:.6;cursor:default}.field-at-rest .system-svg{opacity:.58}.story:not([data-story-mode=together]) .field-in-focus .side-tag{border-width:2px}@media (width<=750px){.playback-settings{gap:12px;padding:10px 12px}.playback-settings label{gap:6px}.playback-settings select{padding-right:15px;font-size:10px}.playback-settings .story-setting{margin-left:0}}@media (width<=600px){.playback-settings{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px;padding:10px 12px;display:grid}.playback-settings .story-setting{grid-column:1/-1}.playback-settings label{font-size:9px}.playback-settings select{flex:1;min-width:0;min-height:30px}.playback-settings .speed-setting select{min-width:64px}.story:not([data-story-mode=together]) .canvas-top{align-items:start;gap:8px}.story:not([data-story-mode=together]) .phase-label{text-align:right;max-width:50%;line-height:1.5}.story:not([data-story-mode=together]) .layer-step{overflow-wrap:anywhere;font-size:7px;line-height:1.3}.playback-settings+.canvas .system-svg,.playback-settings+.canvas .stack-diagram{height:118px}.playback-settings+.canvas .stack-diagram .system-svg{height:100%}}@media (width<=360px){.playback-settings+.canvas .system-svg,.playback-settings+.canvas .stack-diagram{height:105px}.playback-settings+.canvas .stack-diagram .system-svg{height:100%}}.layer-explanation{text-align:left;min-height:66px;color:var(--ink);background:#f2f7f4;border-top:1px solid #d5e5df;border-radius:0 0 6px 6px;justify-content:center;align-items:center;margin:0 5px 18px;padding:13px 20px;font-size:13px;line-height:1.65;display:flex}.ai-explanation{background:#f3f6fc;border-top-color:#d7e0f1}.story-progress{justify-content:center;align-items:center;min-height:24px;padding:4px 12px;display:flex}.mapping-copy{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mapping-copy span{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:4px;font-size:9px;display:block}.subject-setting{margin-left:auto}.playback-settings{gap:18px}.playback-settings .story-setting{margin-left:0}.capture .layer-explanation{flex-shrink:0;min-height:5.5vh;margin-bottom:1vh;font-size:1.05vw}.capture .story-progress{min-height:2vh;padding:0}.capture[data-aspect="4:5"] .layer-explanation,.capture[data-aspect="9:16"] .layer-explanation{min-height:3.2vh;margin-bottom:.6vh;padding:1vh 2vw;font-size:1.8vw}@media (width<=1050px) and (width>=601px){.playback-settings{flex-wrap:wrap;gap:10px 20px}.playback-settings .subject-setting,.playback-settings .story-setting{margin-left:0}}@media (width<=600px){.playback-settings .subject-setting{grid-column:1/-1;margin:0}.layer-explanation{min-height:40px;margin:2px 0 7px;padding:8px 10px;font-size:10px;line-height:1.5}.story-progress{min-height:21px}.enterprise .field-description{grid-column:2;margin-top:3px;font-size:8px;display:block}.playback-settings+.canvas .system-svg,.playback-settings+.canvas .stack-diagram{height:102px}.playback-settings+.canvas .stack-diagram .system-svg{height:100%}.mapping-copy{gap:12px}}@media (width<=360px){.playback-settings+.canvas .system-svg,.playback-settings+.canvas .stack-diagram{height:91px}.playback-settings+.canvas .stack-diagram .system-svg{height:100%}.layer-explanation{min-height:35px;padding:6px 8px;font-size:9px}.story-heading{padding-bottom:14px}}.capture .enterprise .field-description{display:block}@media (width<=600px){.playback-settings{gap:8px}.story-heading{padding-top:20px}}@media (width<=360px){.story-heading{padding-top:16px}}.industry-equipment{--diagram-ink:#177b70;--diagram-fill:#e5f0eb;--equipment-base:#d1e4dc;--equipment-active:#bfe5d6;--equipment-road:#e4ece8;--equipment-white:#f5faf7;--equipment-roof:#cee1d8;--equipment-metal:#ccdad6;--equipment-glass:#c6dfdc;--equipment-wood:#e5c27b;--equipment-box:#f1dba8;--equipment-tire:#244d4a}.ai-equipment{--diagram-ink:#3663ba;--diagram-fill:#e9effc;--equipment-base:#d9e3fa;--equipment-active:#ceddfb;--equipment-road:#e5ebf8;--equipment-white:#f6f8ff;--equipment-roof:#dce5fc;--equipment-metal:#d0def5;--equipment-glass:#dae7ff;--equipment-wood:#b6cbf4;--equipment-box:#d9e5fb;--equipment-tire:#34558c}.facility-diagram{height:clamp(285px,30vw,410px);margin-top:10px}.facility-diagram[data-focused=true] .visual-layer:not(.is-active){opacity:.45}.facility-diagram .visual-layer:focus-visible{filter:drop-shadow(0 0 3px #203b50);outline:none}.scene-variants{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;font-size:11px;display:flex}.scene-variants label{align-items:center;gap:12px;display:flex}.scene-variants select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:6px;padding:9px 28px 9px 12px;font-weight:600}.editing-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:20px 0;display:flex}.editing-toolbar strong{font-size:13px}.editing-toolbar p{color:var(--muted);margin:6px 0 0;font-size:11px}.edit-button{background:var(--ink);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:6px;padding:11px 16px;font-size:12px}.editor-actions{align-items:center;gap:12px;display:flex}.editor-notice{background:#e5f0eb;padding:12px;font-size:12px}.copy-editor fieldset{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:20px;position:relative}.copy-editor legend{padding:0 8px;font-size:13px;font-weight:650}.reset-item{float:right;color:var(--industry);cursor:pointer;background:0 0;border:0;margin-bottom:16px;font-size:11px;text-decoration:underline}.copy-fields{clear:both;grid-template-columns:1fr 1fr;gap:18px;display:grid}.copy-field label{margin-bottom:7px;font-size:11px;font-weight:600;display:block}.copy-field input,.copy-field textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #acbfb9;border-radius:5px;padding:10px;font-size:12px;line-height:1.5;display:block}.field-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:10px;display:flex}.field-actions button{color:var(--industry);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.capture:not([data-story-mode=together]) .field-at-rest,.capture:not([data-story-mode=together]) .correspondence{display:none}.capture:not([data-story-mode=together]) .visual-pair{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;max-width:1200px;margin:0 auto}.capture:not([data-story-mode=together]) .visual-field{grid-area:auto}.capture:not([data-story-mode=together]) .facility-diagram{flex:1;min-height:0}@media (width<=600px){.scene-variants>span{display:none}.scene-variants{font-size:10px}.scene-variants label{width:100%}.scene-variants select{flex:1;min-width:0}.playback-settings+.canvas .facility-diagram{height:210px}.editing-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.copy-fields{grid-template-columns:1fr}.copy-editor fieldset{padding:12px}.copy-editor .editor-actions{background:var(--paper);padding:12px 0}.editing-toolbar p{line-height:1.6}}.export-dialog{width:min(620px,100vw - 32px);max-width:620px;max-height:90vh;overflow:auto}.export-settings{border:0;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 0;padding:0;display:grid}.export-settings label{flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:600;display:flex}.export-settings select{width:100%;max-width:100%;font-size:12px}.export-description{margin:18px 0!important;font-size:12px!important}.create-export{width:100%;min-height:44px}.edit-button:disabled{opacity:.55;cursor:wait}.export-progress{margin:20px 0}.export-progress progress{width:100%;accent-color:var(--industry)}.export-progress>div{justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;display:flex}.export-progress p{font-size:11px}.rendered-file{background:#e8f2ed;border-radius:8px;margin:20px 0;padding:16px;font-size:12px}.rendered-file a{overflow-wrap:anywhere;color:var(--industry);justify-content:space-between;align-items:center;gap:16px;margin-top:12px;display:flex}.rendered-file svg{flex-shrink:0}.ready-exports-heading{color:var(--muted);margin:24px 0 0;font-size:11px}.export-error{background:#fff0ec;border-radius:5px;padding:12px;color:#a13329!important}@media (width<=600px){.export-dialog{padding:20px}.export-settings{grid-template-columns:1fr}.export-dialog h2{font-size:23px}.export-progress>div{gap:16px}}.edit-button:hover{color:#fff;background:#334d58}.export-settings label:nth-of-type(2){grid-column:1/-1}