html,body{margin:0;width:100%;height:100%;overflow:hidden}body.flow-ui{font-size:14px}button,input,select{-webkit-tap-highlight-color:transparent}#workspace{position:relative;height:100dvh;min-height:520px;overflow:hidden}#stage{position:absolute;inset:0;outline:none;touch-action:none}#stage:focus-visible{outline:1px solid var(--flow-muted);outline-offset:-5px}canvas{display:block;width:100%;height:100%}.identity{position:absolute;left:24px;top:24px;pointer-events:none}.identity h1{font-size:22px}.identity p{font-size:13px;color:var(--flow-muted);margin:8px 0 0}.edition{font:10px var(--flow-mono);color:var(--flow-muted);vertical-align:super;letter-spacing:0;margin-left:10px}.view-switch{position:absolute;top:26px;left:calc((100% - 314px)/2);transform:translateX(-50%);display:flex;gap:3px;padding:4px;border:1px solid var(--flow-line);border-radius:9px;background:var(--flow-paper)}.flow-ui .view-switch .flow-button{font-size:12px;white-space:nowrap;background:transparent}.flow-ui .view-switch .flow-button[aria-pressed=true]{background:var(--flow-filled)}.controls{position:absolute;right:24px;top:24px;width:280px;max-height:calc(100dvh - 92px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--flow-line) transparent}.flow-ui .flow-slider,.flow-ui .flow-field,.flow-ui .flow-button{font-size:13px;--flow-control-height:35px}.flow-ui .flow-slider-value,.flow-ui .flow-slider output{font-size:12px}.flow-ui .flow-text-button{font-size:12px}.flow-section-title{font-size:13px;margin-bottom:10px}.flow-stack{gap:7px}.flow-section{margin-top:17px;padding-top:15px}.transport-stats{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:13px;font-size:11px;color:var(--flow-muted)}.transport-stats strong{font:12px var(--flow-mono);color:var(--flow-ink)}.transport-stats>span:last-child{width:100%;font-size:11px}.control-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px}.flow-ui .control-footer .flow-info-button{height:24px;width:24px;font-size:11px}.muted{color:var(--flow-muted)}.scene-caption{position:absolute;left:24px;bottom:199px;display:flex;flex-direction:column;gap:6px;pointer-events:none;color:var(--flow-muted);font-size:12px}.scene-index{font-size:11px;letter-spacing:.07em}.journey{position:absolute;bottom:24px;left:24px;right:328px;padding-bottom:12px}.journey .flow-panel-header{border:0;padding:12px 0 11px;margin:0}.journey .flow-panel-header>div{display:flex;gap:16px;align-items:center}.journey-subtitle{font-size:12px;color:var(--flow-muted)}.path-steps{display:flex;gap:5px;overflow:auto;scrollbar-width:thin}.path-step{flex:1;min-width:88px}.path-chip{height:32px;border-radius:3px;position:relative;margin-bottom:7px}.path-chip span{font:11px var(--flow-mono);position:absolute;left:8px;top:8px}.path-label{display:flex;justify-content:space-between;gap:5px;font-size:11px;color:var(--flow-muted);white-space:nowrap}.path-label .name{overflow:hidden;text-overflow:ellipsis}.path-energy{font:11px var(--flow-mono);flex-shrink:0}.journey-footer{display:flex;align-items:center;gap:14px;color:var(--flow-muted);font-size:11px;margin-top:13px}.journey-footer>span:last-child{margin-left:auto}.actions{position:absolute;right:24px;bottom:24px;display:flex;gap:6px}.flow-ui .actions .flow-button{font-size:12px;padding:9px 12px}.flow-dialog p{font-size:15px;line-height:1.7}.flow-dialog h2{font-size:18px;letter-spacing:-.02em}.flow-popup{font-size:13px;width:300px}.flow-popup h2{font-size:13px}.about-credit{font-size:12px;color:var(--flow-muted);border-top:1px solid var(--flow-line);padding-top:16px;margin-top:22px}.fallback{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);max-width:420px;padding:24px}.fallback h2{font-weight:400}.controls-hidden #stage{right:0}.controls-hidden .view-switch{left:50%}.controls-hidden .journey{right:328px}.camera-mode .scene-caption{color:var(--flow-ink);background:var(--flow-paper);padding:10px;border-radius:5px}.camera-mode .identity{padding:12px;background:var(--flow-paper);border-radius:8px;top:12px;left:12px}.camera-mode .journey-subtitle{display:none}.flow-ui .flow-slider-label{font-size:inherit}#play-icon{display:inline-block;width:15px;font-size:14px}
@media(max-width:1100px){.view-switch{top:93px}.identity h1{font-size:20px}.journey-subtitle{display:none}.journey-footer>span:last-child{display:none}.flow-ui .path-label{font-size:10px}}
@media(max-width:759px){html,body{overflow:auto}#workspace{min-height:100dvh;height:auto;overflow:hidden;padding:0 12px 76px;display:flex;flex-direction:column}#workspace::before{content:"";display:block;flex:none;height:max(58dvh,390px);order:0;pointer-events:none}#stage{position:fixed;inset:0;height:100dvh;min-height:0;margin:0}.identity{left:16px;top:18px}.identity p{font-size:12px}.view-switch,.controls-hidden .view-switch{top:86px;left:50%;max-width:calc(100% - 24px)}.view-switch .flow-button{font-size:12px!important}.scene-caption{top:calc(58dvh - 54px);left:16px;bottom:auto;font-size:11px}.scene-index{font-size:10px}.controls{position:relative;inset:auto;width:100%;max-height:none;order:2;margin-top:12px;padding:0 14px 15px}.journey,.controls-hidden .journey{position:relative;inset:auto;order:1;padding:0 12px 12px}.journey .flow-panel-header{padding-top:12px}.path-step{min-width:100px}.path-chip{height:34px}.actions{position:fixed;bottom:12px;right:12px;z-index:5}.flow-ui .flow-slider,.flow-ui .flow-field,.flow-ui .flow-button{--flow-control-height:42px;font-size:14px}.flow-ui .flow-slider-value,.flow-ui .flow-slider output{font-size:13px}.flow-ui .actions .flow-button{min-height:40px;font-size:12px}.flow-ui .flow-text-button{min-height:30px}.flow-ui .flow-section-title{font-size:14px}.scene-caption{pointer-events:none}.camera-mode .identity{top:8px;left:8px}.flow-panel-title{font-size:13px}.flow-ui .path-label{font-size:11px}.controls-hidden #stage{right:0}}
@media(max-height:720px) and (min-width:760px){.controls{max-height:calc(100dvh - 88px)}.flow-section{margin-top:12px;padding-top:11px}.flow-panel-header{padding:11px 0;margin-bottom:11px}.control-footer{margin-top:10px}.scene-caption{bottom:183px}.journey-footer{margin-top:9px}}

.field-note{font-size:12px;line-height:1.5;color:var(--flow-muted);margin:12px 0 0}.field-readouts{display:flex;gap:32px;flex-wrap:wrap}.field-readouts>div{display:flex;flex-direction:column;gap:4px}.field-readouts strong{font-size:20px;font-weight:400;color:var(--flow-ink)}.field-readouts span,#field-state{font-size:11px;color:var(--flow-muted)}.field-summary .flow-panel-header{margin-bottom:2px}.field-summary .field-note{margin-top:10px}.flow-ui #field-pause{font-size:12px}.field-mode .transport-stats{display:none}@media(max-width:759px){.field-readouts{gap:12px 22px}.field-readouts strong{font-size:17px}.field-summary .field-note{font-size:12px}}