*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}:root{--sf-mobile-touch-target: 40px;--sf-mobile-page-padding: 12px;--sf-mobile-safe-bottom: env(safe-area-inset-bottom, 0px)}#app{font-family:JetBrains Mono,Space Grotesk,Noto Sans SC,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#fff;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#333}button{font-family:inherit}@supports (min-height: 100dvh){#app{min-height:100dvh}}@media(max-width:760px){html,body,#app{width:100%;min-width:0;overflow-x:hidden}body{min-height:100dvh}#app button:not(.graph-node-label):not(.timeline-replay-row),#app [role=button],#app input,#app select,#app textarea{min-height:var(--sf-mobile-touch-target)}#app button:not(.graph-node-label):not(.timeline-replay-row),#app [role=button]{touch-action:manipulation}#app .graph-panel button.tool-btn{min-height:34px}#app .graph-panel .graph-visual-toggle button,#app .graph-panel .graph-timeline-controls button{min-height:32px}#app .graph-panel button.timeline-replay-toggle{min-height:28px}#app input,#app select,#app textarea{max-width:100%;font-size:16px}#app input[type=checkbox],#app input[type=radio]{min-width:var(--sf-mobile-touch-target)}#app .switcher-trigger,#app .switcher-option,#app .auth-button,#app .icon-button{min-height:var(--sf-mobile-touch-target)}#app .switcher-dropdown{max-height:min(60dvh,360px);overflow:auto}#app .auth-status,#app .auth-pill{max-width:100%;min-width:0}#app .auth-pill{flex-wrap:wrap}#app .auth-button{padding-inline:12px}#app .main-view{height:auto!important;min-height:100dvh!important;overflow:visible!important}#app .main-view>.app-header{position:sticky!important;top:0;height:auto!important;min-height:64px;padding:10px var(--sf-mobile-page-padding)!important;display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 10px}#app .main-view>.app-header .brand{flex:1 1 170px;min-width:0;max-width:100%;font-size:16px;line-height:1.15;letter-spacing:.04em;overflow-wrap:anywhere}#app .main-view>.app-header .header-center{position:static!important;order:3;transform:none!important;width:100%;min-width:0;min-height:var(--sf-mobile-touch-target);justify-content:flex-start;overflow-x:auto}#app .main-view>.app-header .header-tools{position:static!important;order:4;width:100%;min-width:0;justify-content:stretch;overflow-x:auto}#app .main-view>.app-header .header-right{order:2;flex:0 1 auto;min-width:0!important;max-width:calc(100% - 132px);justify-content:flex-end;flex-wrap:nowrap;gap:8px}#app .main-view>.app-header .workflow-step,#app .main-view>.app-header .status-indicator{min-width:0;white-space:nowrap}#app .main-view>.app-header .step-name{overflow:hidden;text-overflow:ellipsis}#app .main-view>.app-header .status-indicator{min-height:36px;max-width:94px;padding-inline:10px;font-size:12px;overflow:hidden;text-overflow:ellipsis}#app .main-view>.app-header .next-entry-btn{width:auto;flex:0 0 auto;min-height:var(--sf-mobile-touch-target);padding-inline:12px}#app .main-view .view-switcher{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);overflow-x:auto}#app .main-view .switch-btn{min-height:var(--sf-mobile-touch-target);padding-inline:12px;white-space:nowrap}#app .main-view .content-area{flex:0 0 auto;height:calc(100dvh - 112px);min-height:calc(100dvh - 112px);overflow:visible!important}#app .main-view .panel-wrapper{height:100%!important;min-height:0;overflow:auto!important;-webkit-overflow-scrolling:touch}#app .graph-panel{height:100%;min-height:100%}#app .graph-timeline-ticks button{min-height:6px}}