*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body: "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--dialog-max-width: 560px}html,body,#root,#root>.fui-FluentProvider{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{margin:0;font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased;background-color:var(--colorNeutralBackground1);height:100vh;width:100vw}#root{display:flex;flex-direction:column;height:100%;width:100%}#root>.fui-FluentProvider{display:flex;flex-direction:column;flex:1;height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808033;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#80808066;border:2px solid transparent;background-clip:content-box}.taskflow-ribbon{flex-wrap:wrap}.taskflow-ribbon-scroll-container{width:100%;overflow-x:hidden}@media (max-width: 768px){.taskflow-ribbon-scroll-container{width:100vw;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;scrollbar-width:none;-ms-overflow-style:none;position:relative;z-index:10}.taskflow-ribbon-scroll-container::-webkit-scrollbar{display:none}.taskflow-ribbon{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;min-width:100%;padding-right:20px}.taskflow-ribbon *{flex-shrink:0!important}.taskflow-ribbon .fui-ToolbarGroup,.taskflow-ribbon .fui-ToolbarButton,.taskflow-ribbon .fui-ToolbarDivider,.taskflow-ribbon>*{scroll-snap-align:start;flex-shrink:0!important;min-width:max-content!important}.taskflow-ribbon .fui-ToolbarGroup{gap:4px!important;padding:0 4px;display:flex!important;flex-direction:row!important}}.scrollable{overflow-y:auto;scrollbar-gutter:stable}.fui-DialogBackdrop,.fui-Dialog__backdrop{background-color:#0006!important;transition-duration:.1s!important;animation-duration:.1s!important}.fui-DialogSurface,.fui-Dialog__surface{transition-duration:.1s!important;animation-duration:.1s!important}.fui-Dialog__surface,.fui-DialogSurface{max-height:80vh!important;max-width:90vw!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-sizing:border-box!important;background:var(--fluent-color-neutral-background-1, #ffffff)!important;cursor:move}@media (max-width: 768px){.fui-Dialog__surface,.fui-DialogSurface{cursor:default}}@media (max-width: 480px){.fui-Dialog__surface,.fui-DialogSurface{max-width:95vw!important;max-height:90vh!important;margin:10px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}.fui-Dialog__surface,.fui-DialogSurface{width:auto!important;min-width:min(400px,90vw)!important;max-width:min(var(--dialog-max-width),90vw)!important}.fui-DialogActions .fui-Button,.fui-Dialog__surface .fui-Button,.fui-DialogSurface .fui-Button{white-space:nowrap!important;min-width:-webkit-fill-available!important;min-width:fit-content!important;overflow:hidden!important;text-overflow:ellipsis!important;order:2}.fui-DialogActions .fui-Button[appearance=secondary],.fui-Dialog__surface .fui-Button[appearance=secondary],.fui-DialogSurface .fui-Button[appearance=secondary]{order:1}.fui-Dialog__surface,.fui-DialogSurface{font-family:var(--font-body)!important;color:var(--fluent-color-neutral-foreground-1, #323130)!important;background:var(--fluent-color-neutral-background-1, #ffffff)!important;border:1px solid var(--fluent-color-stroke-1, #e0e0e0)!important;box-shadow:0 8px 32px #0000003d!important;-webkit-user-select:none!important;user-select:none!important}.fui-Dialog__surface .fui-Button,.fui-DialogSurface .fui-Button{font-family:inherit!important;background:var(--fluent-color-accent-default, var(--accent))!important;color:var(--fluent-color-on-accent-default, var(--bg))!important}.fui-Dialog__surface .fui-Button[appearance=secondary],.fui-DialogSurface .fui-Button[appearance=secondary]{background:var(--fluent-color-neutral-background-1, var(--panel))!important;color:var(--fluent-color-neutral-foreground-1, var(--text))!important;border:1px solid var(--fluent-color-stroke-1, var(--border))!important}*{-webkit-user-select:none!important;user-select:none!important}input,textarea,[contenteditable=true],.fui-TextField__input,.fui-Textarea__textarea,.task-description{-webkit-user-select:text!important;user-select:text!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.fui-Button:focus-visible,.fui-ToolbarButton:focus-visible,.fui-TextField:focus-visible,.fui-Textarea:focus-visible,.fui-Select:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--fluent-color-accent-default, #0078d4)!important;outline-offset:2px!important}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{scroll-margin-top:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.animate-staggered>*{opacity:0}.animate-staggered>*:nth-child(1){animation:fadeIn .4s ease forwards;animation-delay:.05s}.animate-staggered>*:nth-child(2){animation:fadeIn .4s ease forwards;animation-delay:.1s}.animate-staggered>*:nth-child(3){animation:fadeIn .4s ease forwards;animation-delay:.15s}.animate-staggered>*:nth-child(4){animation:fadeIn .4s ease forwards;animation-delay:.2s}.animate-staggered>*:nth-child(5){animation:fadeIn .4s ease forwards;animation-delay:.25s}.animate-staggered>*:nth-child(n+6){animation:fadeIn .4s ease forwards;animation-delay:.3s}.fui-Button:focus,.fui-ToolbarButton:focus,button:focus{outline:none}.fui-Button:focus-visible,.fui-ToolbarButton:focus-visible,button:focus-visible{outline:2px solid var(--fluent-color-accent-default, #0078d4);outline-offset:2px}.fui-DialogSurface *,.fui-DialogContent *,.fui-DialogTitle *,.fui-DialogActions *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.fui-DialogContent input,.fui-DialogContent textarea,.fui-DialogContent [contenteditable=true],.fui-DialogContent .selectable-content{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.fui-DialogActions button{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:fit-content}.fui-DialogSurface{max-height:80vh!important;overflow-y:auto!important}.fui-DialogSurface{cursor:move}@media (max-width: 768px){.fui-DialogSurface{max-height:100dvh!important;cursor:default!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:90vw!important;max-width:90vw!important}}@media (min-width: 769px){.taskflow-ribbon{flex-wrap:wrap}}@media (max-width: 768px){.taskflow-ribbon{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.taskflow-ribbon-item{scroll-snap-align:start;flex-shrink:0}}.ui-text,.label,.button-text,.taskflow-ui-text{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.selectable-content,.code-block,.error-message,.taskflow-selectable{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.taskflow-button:focus-visible,.taskflow-interactive:focus-visible{outline:2px solid var(--color-brand-stroke-1, #0078d4);outline-offset:2px}@media (prefers-reduced-motion: reduce){.taskflow-animations *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.taskflow-touch-target{min-height:48px;min-width:48px;touch-action:manipulation}}@media (max-width: 768px){html,body,#root,.fui-FluentProvider,.taskflow-app-root,main{max-width:100vw!important;width:100vw!important;overflow-x:hidden!important;position:relative!important;box-sizing:border-box!important}.template-manager,.template-list-item,.template-card{max-width:100%!important;width:100%!important;flex-wrap:wrap!important;overflow-x:hidden!important;box-sizing:border-box!important}.template-list-item *,.template-card *{max-width:100%!important;overflow-wrap:break-word!important;word-break:break-all!important;white-space:normal!important}.template-list-item .steps-text{display:block!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important}.template-list-item .subtitle{flex-wrap:wrap!important}.fui-DialogSurface,.fui-DialogBody,.fui-DialogContent{max-width:100vw!important;width:95vw!important;box-sizing:border-box!important}.fui-DialogContent{overflow-x:hidden!important;padding:8px!important}.fui-DialogContent [class*=row],.fui-DialogContent [class*=Grid],.fui-DialogContent .field-row,.fui-DialogContent .settings-grid,.fui-DialogContent div[style*="display: flex"]{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important;box-sizing:border-box!important}.fui-DialogContent [class*=row]>*,.fui-DialogContent [class*=Grid]>*,.fui-DialogContent .field-row>*,.fui-DialogContent div[style*="display: flex"]>*{width:100%!important;flex:none!important;max-width:100%!important}.fui-DialogContent [class*=row]{flex-direction:column!important}input,textarea,select,.fui-Input,.fui-Textarea,.fui-Select{max-width:100%!important;width:100%!important;box-sizing:border-box!important}input[type=datetime-local],input[type=date],input[type=time]{min-width:0!important;flex:1!important}}.template-manager-content{overflow-x:hidden!important}.template-list-container{max-width:100%!important;overflow-x:hidden!important}