@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Geo:ital@0;1&display=swap&family=Jura:wght@300..700&display=swap";:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,:root[data-theme=light]{--logo-color: #fb6d00;--title-accent-color: #004a7f;--text-color: #000000;--background-color: #FAFAFA;--background-secondary: #f5f5f5;--header-background: #FFFFFF;--header-button-background: #FFFFFF;--email-change-pending-background: #f5f5f5;--border-grey: #83838e;--info-background-color: #fffcb9;--dropdown-hover-background: #d3d3d3;--header-text-color: #FFFFFF;--grey-dark: #83838e;--scratch-pad-background-color: #ffdb99;--scratch-pad-button-color: #FFC047;--dark-text-color: #000000;--light-text-color: #000000;--primary-dark: #004a7f;--secondary-dark: #004a7f;--tertiary-dark: #004a7f;--accent-dark: #004a7f;--accent-dark-2: #004a7f;--accent-dark-3: #004a7f;--accent-dark-4: #004a7f;--accent-bright-1: #fb6d00;--accent-bright-2: #fb6d00;--accent-bright-3: #fb6d00;--accent-bright-4: #fb6d00;--accent-bright-5: #004a7f;--accent-bright-6: #004a7f;--accent-bright-7: #004a7f;--accent-bright-8: #004a7f;--link-color: #004a7f;--link-hover-color: #fb6d00;--input-disabled-background: #d8d8d8;--input-disabled-color: #666666;--btn-green: #12A702;--btn-green-hover: #0F8A01;--btn-green-border: #0F8A01;--btn-red: #DA1E28;--btn-red-hover: #BA1B23;--btn-red-border: #BA1B23;--btn-yellow: #FFC047;--btn-yellow-hover: #E0A837;--btn-yellow-border: #E0A837;--btn-blue: #004a7f;--btn-blue-hover: #2E4A8A;--btn-blue-border: #004a7f;--btn-gray: #c4c4c4;--button-color: #fb6d00;--graph-arrow-color: #000000;--graph-arrow-dashed-color: #4b5563;--graph-node-fill: #f3f4f6;--graph-node-stroke: #374151;--graph-node-text: #111827;--graph-joint-fill: #ffffff;--graph-joint-stroke: #374151;--graph-joint-label: #111827;--graph-link-color: #6b7280;--graph-break-node-fill: #9ca3af;--graph-break-node-text: #111827;--graph-title-color: #111827;--graph-border-color: #374151;--graph-start-end-fill: rgba(243, 244, 246, .5);--graph-start-end-stroke: #374151;--graph-table-title: #111827;--graph-table-bg: #ffffff;--graph-table-border: #000000;--graph-table-text: #000000;--graph-table-line: #000000;--graph-bar-chart-title: #111827;--graph-bar-chart-border: #374151;--graph-bar-chart-legend: #111827;--graph-bar-chart-label: #111827;--graph-bar-chart-bar-fill: #d3d3d3;--node-atomic-bg: #004a7f;--node-atomic-text: #FAFAFA;--node-composite-bg: #fb6d00;--node-composite-text: #FAFAFA;--node-root-bg: #041f38;--node-root-text: #FAFAFA;--node-schema-bg: #d1fae5;--node-schema-text: #111827;--node-say-bg: #eae5dc;--node-say-text: #111827;--node-view-bg: #ffffff;--node-view-text: #000000;--node-border-color: #111827;background-color:var(--background-color);color:var(--text-color)}:root[data-theme=dark]{--title-accent-color: #fb6d00;--text-color: #ffffff;--background-color: #1a1a1a;--background-secondary: #2d2d2d;--header-background: #2D2D2D;--header-button-background: #1A1A1A;--dropdown-hover-background: #2D2D2D;--header-text-color: #FFFFFF;--scratch-pad-background-color: #81693d;--scratch-pad-button-color: #554528;--dark-text-color: #ffffff;--light-text-color: #ffffff;--primary-dark: #1a1a1a;--secondary-dark: #2d2d2d;--tertiary-dark: #3d3d3d;--accent-dark: #fb6d00;--accent-dark-2: #fb6d00;--accent-dark-3: #fb6d00;--accent-dark-4: #fb6d00;--accent-bright-1: #fcd127;--accent-bright-2: #fcd127;--accent-bright-3: #fcd127;--accent-bright-4: #fcd127;--accent-bright-5: #fb6d00;--accent-bright-6: #fb6d00;--accent-bright-7: #fb6d00;--accent-bright-8: #fb6d00;--link-color: #fb6d00;--link-hover-color: #fcd127;--btn-green: #12A702;--btn-green-hover: #1dfc04;--btn-green-border: #1dfc04;--btn-red: #DA1E28;--btn-red-hover: #BA1B23;--btn-red-border: #BA1B23;--btn-yellow: #FFC047;--btn-yellow-hover: #E0A837;--btn-yellow-border: #E0A837;--btn-blue: #004a7f;--btn-blue-hover: #2E4A8A;--btn-blue-border: #004a7f;--btn-gray: #494949;--button-color: #fb6d00;--graph-arrow-color: #ffffff;--graph-arrow-dashed-color: #6b7280;--graph-node-fill: #ffffff;--graph-node-stroke: #4b5563;--graph-node-text: #1f2937;--graph-joint-fill: #ffffff;--graph-joint-stroke: #4b5563;--graph-joint-label: #ffffff;--graph-link-color: #9ca3af;--graph-break-node-fill: rgb(136, 136, 136);--graph-break-node-text: #1f2937;--graph-title-color: #ffffff;--graph-border-color: #ffffff;--graph-start-end-fill: rgba(255, 255, 255, .2);--graph-start-end-stroke: #ffffff;--graph-table-title: #ffffff;--graph-table-bg: #ffffff;--graph-table-border: #000000;--graph-table-text: #000000;--graph-table-line: #000000;--graph-bar-chart-title: #ffffff;--graph-bar-chart-border: #ffffff;--graph-bar-chart-legend: #ffffff;--graph-bar-chart-label: #ffffff;--graph-bar-chart-bar-fill: #d3d3d3;--node-atomic-bg: #004a7f;--node-atomic-text: #FAFAFA;--node-composite-bg: #fb6d00;--node-composite-text: #FAFAFA;--node-root-bg: #041f38;--node-root-text: #FAFAFA;--node-schema-bg: #d1fae5;--node-schema-text: #111827;--node-say-bg: #eae5dc;--node-say-text: #111827;--node-view-bg: #ffffff;--node-view-text: #000000;--node-border-color: #FAFAFA;background-color:var(--background-color);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:Jura,sans-serif;color:var(--title-accent-color)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}body{margin:0;min-height:100vh;font-family:Roboto,sans-serif;background-color:var(--background-color);color:var(--text-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:5px;border:1px solid var(--button-color);padding:.4em 1em .5em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-color);cursor:pointer;transition:all .25s;line-height:1rem;color:var(--text-color)}button:hover{opacity:.9}button:disabled{opacity:.6;cursor:default}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.theme-toggle-button{background-color:var(--title-accent-color)!important;border:1px solid var(--title-accent-color)!important;color:#fff!important}.font-roboto{font-family:Roboto,sans-serif}.font-geo{font-family:Geo,sans-serif}.roboto-thin{font-weight:100}.roboto-light{font-weight:300}.roboto-regular{font-weight:400}.roboto-medium{font-weight:500}.roboto-bold{font-weight:700}.roboto-black{font-weight:900}.italic{font-style:italic}.normal{font-style:normal}form{display:flex;flex-direction:column;gap:1rem}form button{display:fit-content}form textarea{min-height:100px}textarea#description{resize:none}.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background-color:var(--btn-blue);border:1px solid var(--btn-blue-border);color:#fff}.btn-secondary{background-color:var(--btn-gray);border:1px solid var(--btn-gray-border);color:var(--text-color)}.btn-success{background-color:var(--btn-green);color:#fff}.btn-warning{background-color:var(--btn-yellow);color:#fff}.btn-run{padding:.3em 1em;border-radius:3px}.btn-blue:hover:not(:disabled){background-color:var(--accent-bright-6)}.btn-danger{background-color:var(--btn-red);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-small{padding:.375rem .75rem;font-size:.875rem}.btn-right{margin-left:auto}.tooltip-container{position:fixed;z-index:1000;pointer-events:none;overflow:visible}.tooltip{position:relative;padding:8px 12px;background-color:var(--background-secondary);border-radius:4px;box-shadow:0 4px 6px #0000001a;font-size:.875rem;line-height:1.4;color:var(--text-color);pointer-events:auto;word-wrap:break-word;max-width:300px}.tooltip-arrow{width:0;height:0;position:absolute;border-style:solid}.tooltip-arrow-top{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--tertiary-dark);border-bottom:none}.tooltip-arrow-bottom{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--tertiary-dark);border-top:none}.tooltip-arrow-left{width:0;height:0;border-left:10px solid transparent;border-right:none;border-bottom:10px solid transparent;border-top:10px solid transparent}.tooltip-arrow-right{width:0;height:0;border-left:none;border-right:10px solid transparent;border-top:10px solid var(--tertiary-dark);border-bottom:10px solid transparent}.tooltip-success .tooltip-arrow-top{border-bottom-color:#10b981}.tooltip-success .tooltip-arrow-bottom{border-top-color:#10b981}.tooltip-success .tooltip-arrow-left{border-right-color:#10b981}.tooltip-success .tooltip-arrow-right{border-left-color:#10b981}.tooltip-warning .tooltip-arrow-top{border-bottom-color:#f59e0b}.tooltip-warning .tooltip-arrow-bottom{border-top-color:#f59e0b}.tooltip-warning .tooltip-arrow-left{border-right-color:#f59e0b}.tooltip-warning .tooltip-arrow-right{border-left-color:#f59e0b}.tooltip-error .tooltip-arrow-top{border-bottom-color:#dc2626}.tooltip-error .tooltip-arrow-bottom{border-top-color:#dc2626}.tooltip-error .tooltip-arrow-left{border-right-color:#dc2626}.tooltip-error .tooltip-arrow-right{border-left-color:#dc2626}.info .tooltip-arrow-bottom{border-bottom-color:#3b82f6}.info .tooltip-arrow-top{border-top-color:#3b82f6}.info .tooltip-arrow-left{border-left-color:#3b82f6}.info .tooltip-arrow-right{border-right-color:#3b82f6}.tooltip-success{border-color:#10b981;background-color:#d1fae5;color:#065f46}.tooltip-warning{border-color:#f59e0b;background-color:#fef3c7;color:#92400e}.tooltip-info{background-color:#3b82f6;color:#fff}[data-theme=dark] .tooltip{background-color:var(--background-secondary);color:var(--text-color)}[data-theme=dark] .tooltip-success{background-color:#10b98133;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .tooltip-warning{background-color:#f59e0b33;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .tooltip-error{background-color:#dc262633;border-color:#dc2626;color:#fca5a5}[data-theme=dark] .tooltip-info{background-color:#3b82f633;border-color:#3b82f6;color:#93c5fd}.cm-schema-name{color:#000!important;font-weight:700!important}.cm-root-event{color:#041f38!important}.cm-composite-event{color:#fb6d00!important}.cm-atomic-event{color:#004a7f!important}.cm-schema-comment{color:#707070!important;font-style:italic!important}.cm-schema-keyword{color:#760f7f!important;font-weight:700!important}.cm-schema-string,.cm-schema-variable,.cm-schema-number{color:#2d6b3c!important}.cm-schema-operator{color:#404040!important}[data-theme=dark] .cm-schema-name{color:#fff!important}[data-theme=dark] .cm-root-event{color:#0f4f8b!important}[data-theme=dark] .cm-atomic-event{color:#6ba3d5!important}[data-theme=dark] .cm-schema-comment{color:#8b8b8b!important}[data-theme=dark] .cm-schema-keyword{color:#760f7f!important}[data-theme=dark] .cm-schema-string,[data-theme=dark] .cm-schema-variable,[data-theme=dark] .cm-schema-number{color:#71f893!important}[data-theme=dark] .cm-schema-operator{color:#d8d8d8!important}.cm-editor .cm-content .cm-selectionBackground,.cm-content .cm-selectionBackground,.cm-selectionBackground{background-color:#c4c4c4!important}[data-theme=dark] .cm-editor .cm-content .cm-selectionBackground,[data-theme=dark] .cm-content .cm-selectionBackground,[data-theme=dark] .cm-selectionBackground{background-color:#2d2d2d!important}.cm-activeLine.cm-has-selection{background-color:#f0f0f033!important}[data-theme=dark] .cm-activeLine.cm-has-selection{background-color:#2d2d2d33!important}.editor-sidebar,.graph-container,.trace-list-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-grow:1;min-width:100px;background:var(--background-secondary);color:var(--text-color)}.editor-sidebar{background-color:var(--background-secondary);color:var(--text-color);display:flex;flex-direction:column;overflow:hidden}.editor-sidebar-empty{display:flex;align-items:center;justify-content:center;height:100%;padding-left:2rem;padding-right:2rem}.editor-sidebar-empty .icon-container{font-size:3rem;color:var(--text-color);opacity:.7}.editor-code-container{flex-shrink:0;overflow:hidden}.editor-resize-handle-vertical{height:4px;cursor:row-resize;background:var(--tertiary-dark);transition:background .2s;flex-shrink:0}.editor-resize-handle-vertical:hover{background:var(--title-accent-color)}.cm-lint-gutter{width:16px;flex-shrink:0}.lint-gutter-marker-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.lint-gutter-marker{width:8px;height:8px;border-radius:50%;margin:0 auto;cursor:pointer;transition:transform .2s ease}.lint-gutter-marker:hover{transform:scale(1.2)}.lint-gutter-marker.lint-error{background-color:#dc2626}.lint-gutter-marker.lint-warning{background-color:#f59e0b}.lint-tooltip{background-color:var(--background-secondary);border:1px solid var(--tertiary-dark);border-radius:4px;padding:8px 12px;box-shadow:0 4px 6px #0000001a;max-width:400px;z-index:1000}.lint-tooltip-item{padding:4px 0;font-size:.875rem;line-height:1.4;color:var(--text-color)}.lint-tooltip-item:not(:last-child){border-bottom:1px solid var(--grey-dark);margin-bottom:4px;padding-bottom:8px}.lint-tooltip-item.lint-error{color:#dc2626}.lint-tooltip-item.lint-warning{color:#f59e0b}.status-error,.status-lint_error{color:var(--btn-red);font-weight:600}.status-error .icon-container,.status-lint_error .icon-container{margin-left:5px;font-size:.8rem;top:2px}.status-success .icon-container{margin-right:5px;font-size:.8rem;top:2px}.run-controls-container{margin-left:1rem;margin-right:1rem;margin-top:.4rem;margin-bottom:10px;display:flex;flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}.scope-container{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.scope-slider-wrapper{display:flex;align-items:center;gap:10px;position:relative}.scope-warning-tooltip{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:15px;background-color:var(--btn-red);color:#fff;border-radius:5px;width:115px;font-size:11px;padding:5px;font-weight:500;pointer-events:none;text-align:center;z-index:10}.run-controls-container input[type=range]{flex:1;width:100px;height:5px;background:var(--btn-gray);outline:none;border-radius:5px;-webkit-appearance:none;appearance:none}.run-controls-container input[type=range]:disabled{opacity:.5;cursor:default}.run-controls-container input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;background:var(--btn-gray);border-radius:5px}.run-controls-container input[type=range]::-moz-range-track{width:100%;height:5px;background:var(--btn-gray);border-radius:5px;border:none}.run-controls-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--button-color);cursor:pointer;border-radius:50%;border:none;margin-top:-5px}.run-controls-container input[type=range]:disabled::-webkit-slider-thumb{cursor:default}.run-controls-container input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--button-color);cursor:pointer;border-radius:50%;border:none}.compilation-status-bar{padding:3px 10px;font-size:.8rem;background-color:var(--background-secondary);border-bottom:1px solid var(--grey-dark);box-shadow:0 2px 7px #8686861a;z-index:10;flex-shrink:0;color:var(--text-color);font-weight:600;display:flex;align-items:center;height:15px}.compilation-status-bar .icon{margin-right:5px;position:relative;top:2px}.compilation-status-bar .status-success{color:var(--btn-green-hover)}.compilation-status-bar .status-error{color:var(--btn-red)}.compilation-status-bar .status-blank{color:var(--text-color);opacity:.7}.example-loader-label{margin-bottom:8px;font-size:14px;color:var(--text-color);opacity:.8}.examples-accordion{border:1px solid var(--tertiary-dark);border-radius:4px;max-height:400px;overflow-y:auto;min-width:400px;overflow-x:hidden;background-color:var(--background-color)}.folder-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--tertiary-dark);background-color:var(--background-secondary);-webkit-user-select:none;user-select:none;color:var(--text-color)}.folder-item:hover,.folder-item.expanded{background-color:var(--tertiary-dark)}.folder-item.expanded:hover{background-color:var(--tertiary-dark);opacity:.9}.folder-chevron{margin-right:8px;font-size:.8em;color:var(--text-color);opacity:.7}.folder-icon{margin-right:8px;font-size:.9em;color:var(--text-color);opacity:.7}.folder-name{font-size:14px;color:var(--text-color)}.file-list{background-color:var(--background-secondary)}.file-item{padding:8px 12px 8px 36px;cursor:pointer;font-size:14px;border-bottom:1px solid var(--tertiary-dark);color:var(--text-color)}.file-item.selected{background-color:var(--tertiary-dark)}.file-item:last-child{border-bottom:none}.file-item:hover{background-color:var(--tertiary-dark)}.mode-toggle{position:relative;cursor:pointer;background-color:#0a4f8f;border-radius:5px;padding:.7rem 1rem .5rem;border:1px solid var(--tertiary-dark);transition:all .2s ease;color:#fff;z-index:1000}.mode-toggle:hover{background-color:#0d69bf}.mode-toggle svg{opacity:.8}.mode-toggle-tooltip{position:absolute;top:50%;left:68%;transform:translateY(30%);margin-left:15px;background-color:var(--header-button-background);color:var(--text-color);border:1px solid var(--tertiary-dark);border-radius:5px;padding:8px 12px;font-size:.875rem;pointer-events:none;white-space:nowrap;z-index:1001;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 4px 6px #0000001a}.mode-toggle:hover .mode-toggle-tooltip{opacity:1;visibility:visible}.header-left.scratch_pad .mode-toggle-tooltip{background-color:var(--scratch-pad-button-color);border:1px solid var(--scratch-pad-background-color)}.header-left.scratch_pad .mode-toggle{border-right:0px;border-color:var(--scratch-pad-background-color);border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--scratch-pad-button-color)}.header,.header-left,.header-center,.header-right,.view-options,.menu,.header-back{display:flex;align-items:center}.header{width:calc(100% - 2rem);justify-content:space-between;align-items:center;padding:1rem;height:30px;background-image:linear-gradient(180deg,#041f38,#07345f);-webkit-user-select:none;user-select:none;position:relative}.header .view-option,.header .export-option,.header .menu{color:var(--text-color)}.header-left{gap:1.5rem;flex:1}.header-left.scratch_pad{gap:0px}.header-right{flex:1;justify-content:flex-end}.header-center{font-family:Jura,sans-serif;font-size:2rem;line-height:.8;font-weight:600;color:#fff;display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%);text-decoration:none;cursor:pointer;transition:opacity .2s ease}.header-center:hover{opacity:.8}.header-center .header-logo{width:3rem;margin-right:.6rem}.header-back{display:flex;padding:.5rem 1rem;cursor:pointer}.header-back a{display:flex;align-items:center;gap:.5rem;color:var(--header-text-color);text-decoration:none}.header-back a svg{display:inline-block;vertical-align:middle}.menu-item{height:100%}.dropdown-container .icon-container{margin-left:8px;font-size:.8em;position:relative;top:2px}.settings-dropdown .settings-toggle-square{display:flex;align-items:center;justify-content:center;gap:.4rem;width:50px;height:40px;color:#fff;opacity:.8;transition:all .2s ease}.settings-dropdown .settings-toggle-square:hover{opacity:1}.settings-dropdown .settings-toggle-chevron{font-size:.8em}.dropdown-container.settings-dropdown .dropdown-menu{position:absolute;z-index:5;margin-top:.5rem;top:35px;width:150px;left:auto;right:0}.dropdown-container .user-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.5rem;background-color:var(--logo-color);color:var(--text-color);border:2px solid var(#b34d00);width:22px;height:22px}.dropdown-container.user-dropdown .dropdown-menu{top:35px;left:-60px;width:100px}.layout-dropdown-container{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;display:flex;align-items:center;background-color:#0a4f8f;padding:.3rem 1rem;transition:all .2s ease;color:#fff;border-radius:5px}.layout-dropdown-container:hover{background-color:#0d69bf}.layout-dropdown-container .dropdown-menu{position:absolute;z-index:5;top:79%;left:0;margin-top:.5rem;display:flex;flex-direction:column;min-width:100%;pointer-events:auto}.project .dropdown-container{color:#fff;display:flex;align-items:center;gap:.5rem;width:200px}.project .dropdown-container .dropdown-menu{width:100%}.project .dropdown-container .icon-container{top:3px}.project .dropdown-container .project-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scratch-pad-dropdown-container{width:249px}.scratch-pad-dropdown{padding:.7rem 1rem .65rem;cursor:pointer;transition:all .2s ease;border-top-right-radius:7px;border-bottom-right-radius:7px;background-color:var(--scratch-pad-background-color);margin-right:1rem;width:130px}.scratch-pad-dropdown-handle{display:flex;font-weight:600!important}.slide-in{animation:slideIn .4s ease-out forwards;opacity:0}@keyframes slideIn{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.zoom-controls{position:absolute;top:10px;right:10px;display:flex;gap:5px;justify-content:center;align-items:center;color:var(--text-color)}.zoom-controls .zoom-btn{width:25px;height:25px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;opacity:.7}.zoom-controls .zoom-btn:hover{opacity:.9;font-size:17px;margin-left:-1px;margin-bottom:-1px}.zoom-controls .zoom-percentage{font-size:14px;align-self:center;width:30px;text-align:center;-webkit-user-select:none;user-select:none}.app{background:var(--background-color)}.app-main{display:flex;height:calc(100vh - 69px);width:100%;overflow:hidden}.icon-container{font-size:.8em;opacity:.8;position:relative;top:1px}.status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.status-card{background:var(--background-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid var(--tertiary-dark);transition:all .2s ease}.status-card:hover{transform:translateY(-2px);border-color:var(--accent-bright-7);box-shadow:0 4px 20px #4dd0e14d}.status-card h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.status-ok{color:var(--accent-bright-7);font-weight:600}.graph-section{background:var(--background-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;border:1px solid var(--tertiary-dark)}.graph-section h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.graph-container{display:flex;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--text-color)}.menu{gap:2rem}.view-options{position:relative}.view-option,.user-dropdown-item,.dropdown-item{background-color:var(--header-button-background);padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;color:var(--text-color)}.export-options{display:flex;flex-direction:column;gap:1rem;align-items:center}.export-options button{width:100%;max-width:300px;text-align:center}.view-option:hover{background-color:var(--tertiary-dark)}.mp-graph-canvas-container{width:100%;background-color:var(--background-color);color:var(--text-color)}.mp-graph-canvas-container .no-traces-message{font-size:1rem;opacity:.5;color:var(--text-color);text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.trace-list-sidebar{scrollbar-gutter:stable;display:flex;flex-direction:column;align-items:flex-start;background-color:var(--background-secondary)}.trace-list-sidebar .trace-list{overflow-y:auto;overflow-x:hidden;height:100%}.trace-list-item{position:relative;transition:all .2s ease;border-top:1px solid;border-bottom:1px solid;border-color:var(--text-color);cursor:pointer;box-sizing:border-box;aspect-ratio:1 / 1;background-color:var(--background-secondary)}.trace-list-item canvas{cursor:pointer!important}.trace-list-item .mp-graph-canvas-container{background-color:var(--background-secondary)}.trace-list-options-container{display:flex;flex-flow:wrap;justify-content:center;align-items:center;gap:15px;padding:10px;background-color:var(--background-secondary);border-bottom:1px solid var(--tertiary-dark);width:calc(100% - 15px)}.trace-list-sort-container{display:flex;position:absolute;width:115px;top:32px;right:0;background-color:var(--background-secondary);z-index:100;padding:10px;border:1px solid var(--grey-dark);border-radius:3px;box-shadow:0 3px 6px #0000001a}.trace-list-options-container .sort-button{padding:3px 5px;opacity:.8;cursor:pointer;transition:all .2s ease;font-size:16px;border-radius:3px}.trace-list-options-container .sort-button svg{position:relative;top:2px}.trace-list-options-container .sort-button.expanded,.trace-list-options-container .sort-button:hover{background-color:#fff;opacity:1}.trace-list-sort-container label{font-size:12px;text-wrap:nowrap;margin-right:5px}.trace-list-options-container select{padding-top:2px;padding-bottom:2px;border-radius:2px;font-size:12px;width:65px}.trace-list-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;width:fit-content;background-color:var(--background-secondary)}.trace-list-pagination .btn{display:flex;align-items:center;justify-content:center;padding:.3rem .4rem;font-size:12px}.trace-list-pagination .trace-nav-container{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px}.trace-list-pagination .trace-nav-title{margin-right:5px}.trace-nav-container .trace-nav-count{min-width:75px}.trace-list-pagination-button:hover:not(:disabled){background-color:var(--tertiary-dark);border-color:var(--accent-bright-7)}.trace-list-pagination-button:disabled{opacity:.5;cursor:not-allowed}.trace-list-pagination-input{width:30px}.trace-list-pagination-input:focus{outline:none;border-color:var(--accent-bright-7)}.trace-list-pagination-total{color:var(--text-color);font-size:14px;opacity:.7}.trace-list-item.selected{border-color:var(--border-grey)}.trace-list-item.selected .mp-graph-canvas-container{background-color:var(--background-color);box-shadow:inset 1px 1px #0003}.trace-list-item .marked-indicator{position:absolute;top:8px;right:8px;width:12px;height:12px;background-color:var(--button-color);border-radius:50%;z-index:10}.trace-list-item .trace-index{position:absolute;top:5px;left:6px;display:flex;align-items:center;gap:5px;z-index:10}.logs{white-space:pre-wrap;font-family:JetBrains Mono,monospace;background-color:var(--background-secondary);color:var(--text-color);padding:10px;flex:1;overflow-y:auto;min-height:100px}.running-indicator{color:var(--accent-bright-3);animation:pulse 1.5s ease-in-out infinite}.save-spinner{display:inline-block;width:8px;height:8px;border:2px solid #888;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.save-status{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 20px;font-size:12px;color:var(--text-color);font-family:JetBrains Mono,monospace;background-color:var(--background-secondary);border-bottom:1px solid var(--btn-gray-border);margin-bottom:1px}.save-status .save-status-check{font-size:10px;position:relative;top:.5px;color:var(--btn-green);margin-top:2px;justify-content:right}.save-status .save-status-x{font-size:12px;position:relative;top:1px;color:var(--btn-red);margin-top:2px;justify-content:right}.save-status.saved,.save-status.saving{background-color:var(--background-secondary);justify-content:right}.save-status.saving{justify-content:right}.save-status.error{color:var(--btn-red);font-weight:600}.save-status.scratch-pad{background-color:var(--scratch-pad-background-color);font-weight:600}.save-status .save-status-icon{font-size:8px;color:var(--btn-green);margin-top:2px}.save-status-saved{color:#4f4}.save-status-error{color:#f44}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.trace-list-sidebar .global-view-button{width:100%;border-radius:0}.trace-list-sidebar .global-view-button.expanded{background-color:#4cbf7e}.trace-list-sidebar .global-view{border-bottom:3px solid #4CBF7E}.trace-list-sidebar .global-view{aspect-ratio:auto!important}.divider{width:5px;cursor:col-resize;background:var(--tertiary-dark);transition:background .2s}.divider:hover{background:var(--title-accent-color)}.window-resize-handle{width:4px;cursor:col-resize;background:var(--border-grey);transition:background .2s;flex:0 0 4px}.window-resize-handle:hover{background:var(--accent-bright-7)}.dropdown-container{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative}.dropdown-container .dropdown-menu{position:absolute;z-index:5;margin-top:.5rem;display:flex;flex-direction:column;top:25px}.dropdown-container:hover{cursor:pointer}.dropdown-menu .dropdown-item:hover{background-color:var(--dropdown-hover-background)}.dropdown-menu{border:1px solid var(--grey-dark);box-shadow:0 3px 5px #0000001a}.dropdown-menu .dropdown-item{width:100%;box-sizing:border-box;color:var(--text-color);background-color:var(--header-button-background);border-bottom:1px solid var(--grey-dark);display:flex;align-items:center;gap:.5rem}.dropdown-menu .dropdown-item:last-child{border-bottom:none}.dropdown-menu .dropdown-item .icon-container{top:2px}.layout-dropdown-item{display:flex;gap:.5rem;align-items:center;width:100%;box-sizing:border-box;color:var(--text-color);background-color:var(--header-button-background);padding:.3rem 1rem;border:1px solid var(--tertiary-dark);transition:all .2s ease;cursor:pointer}.menu-item-admin a{color:var(--text-color);padding-right:.3rem}.menu-item-admin a:hover{opacity:.7}.btn-container.space-between{display:flex;justify-content:space-between;align-items:center;width:100%}.new-project-options{display:flex;flex-direction:column;gap:1rem;align-items:center}.new-project-options .btn{width:100%;max-width:300px;padding:1rem;border-radius:.5rem;border:1px solid var(--tertiary-dark);background-color:var(--header-button-background);color:var(--text-color);font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;display:block}.code-preview{font-family:JetBrains Mono,monospace;margin-top:10px;font-size:1rem;color:var(--text-color);background-color:var(--background-secondary);padding:10px;border-radius:5px;border:1px solid var(--tertiary-dark);max-height:300px;overflow-y:auto}.projects-header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.projects-header-container .icon-container{font-size:.85rem}.projects-header-container .icon-container:hover{opacity:.6}.projects-list{overflow:visible}.projects-list-scrollable{max-height:500px;overflow-y:auto}.projects-list .project-item{cursor:pointer;padding:10px;border:1px solid #ccc;margin:5px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:visible}.projects-list .project-item:hover,.projects-list .project-item.selected{background-color:var(--dropdown-hover-background)}.projects-list .project-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:10px}.project-item-dropdown{position:fixed!important;z-index:1000;min-width:130px;transform:translate(21%);margin-top:-1.9rem}.project-details-container{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.project-details-container b{display:block;margin-top:1rem;margin-bottom:.5rem}.project-details-container b:first-child{margin-top:0}.deleted-projects-table{width:100%}.deleted-projects-table th,.deleted-projects-table td{padding:5px;text-align:left;color:var(--text-color)}.deleted-projects-table th{font-weight:600}.deleted-projects-table button{padding:3px 8px}.deleted-projects-table tbody tr:hover{background-color:var(--background-secondary)}.project-options-handle{margin-top:15px;display:flex;align-items:center;gap:5px}.project-options-content{margin-top:10px}.dialog-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1050;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s linear}.dialog-backdrop.show{opacity:1}.dialog-container{position:relative;width:auto;width:100%;margin:1.75rem;pointer-events:none;transform:scale(.8);transition:transform .15s ease-out}.dialog-backdrop.show .dialog-container{transform:scale(1)}.dialog-container.dialog-centered{display:flex;align-items:center;min-height:calc(100% - 3.5rem)}.dialog-container.dialog-sm{max-width:300px}.dialog-container.dialog-lg{max-width:800px}.dialog-container.dialog-xl{max-width:1140px}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:var(--background-color);background-clip:padding-box;border:1px solid var(--tertiary-dark);border-radius:.3rem;box-shadow:0 .25rem .5rem #00000080;outline:0;color:var(--text-color)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--tertiary-dark);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.dialog-header h1,.dialog-header h2,.dialog-header h3,.dialog-header h4,.dialog-header h5,.dialog-header h6{margin:0;font-size:1.25rem;font-weight:500;line-height:1.2;color:var(--text-color)}.dialog-body p{color:var(--text-color)}.dialog-close{padding:1rem;margin:-1rem -1rem -1rem auto;background:none;border:none;font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-color);opacity:.5;cursor:pointer;transition:opacity .15s ease-in-out}.dialog-close:hover{opacity:.75}.dialog-close:focus{outline:none;opacity:.75}.dialog-body{position:relative;flex:1 1 auto;padding:1rem;color:var(--text-color);overflow:visible}.dialog-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid var(--tertiary-dark);border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px);gap:.5rem}@media(max-width:576px){.dialog-container{max-width:none;margin:.5rem}.dialog-container.dialog-centered{min-height:calc(100% - 1rem)}}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dialog-backdrop.show .dialog-content{animation:dialogFadeIn .15s ease-out}.alert{padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:12px;margin-top:10px;position:relative}.alert-success{background-color:#4caf50;color:#fff;border:1px solid #66bb6a}.alert-warning{background-color:#ff9800;color:#fff;border:1px solid #ffb74d}.alert-error{background-color:#f44336;color:#fff;border:1px solid #e57373}.alert-message{flex:1}.alert-close-button{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.alert-close-button:hover{opacity:1}.auth-section{display:flex;align-items:center;color:var(--text-color)}.user-info{display:flex;align-items:center;gap:10px}.user-icon{font-size:16px}.user-text{font-size:14px;margin-right:10px}.login-btn,.logout-btn{background:var(--button-color);color:var(--text-color);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;transition:background-color .2s ease;margin-top:0}.login-btn:hover,.logout-btn:hover{opacity:.9}.auth-container{margin-top:40px;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}.ember-logo{width:7rem;margin-bottom:10px}.auth-card{background:var(--background-color);border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:40px;width:100%;max-width:400px;color:var(--text-color)}.auth-card-icon{text-align:center}.auth-card h2{text-align:center;margin-bottom:25px;color:var(--title-accent-color);font-family:Oxanium,sans-serif}.edit-mode{background-color:var(--background-secondary);padding:20px;border:1px solid var(--tertiary-dark);border-radius:5px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-inline{display:flex;flex-direction:row;gap:20px}.form-group label{font-weight:300;display:flex;align-items:center;gap:8px}.form-group input{padding:12px;border:2px solid var(--tertiary-dark);border-radius:4px;font-size:16px;transition:border-color .2s ease;background-color:var(--background-color);color:var(--text-color)}.form-group input:disabled{border:2px solid var(--input-disabled-background);color:var(--input-disabled-color)!important;background-color:var(--background-secondary);color:var(--text-color)}.form-group input:focus{outline:none;border-color:var(--button-color)}.email-change-pending{background-color:var(--info-background-color);border:1px solid var(--tertiary-dark);border-radius:5px;padding:20px}.password-requirements{font-size:12px;color:var(--text-color);margin-top:4px;opacity:.8}.auth-button{background:var(--button-color);color:var(--text-color);border:none;padding:12px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center;margin-top:20px}.auth-links a{color:var(--link-color);text-decoration:none;font-weight:600}.auth-links a:hover{text-decoration:underline}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-color);cursor:pointer;padding:0;font-size:16px;display:flex;align-items:center;justify-content:center;opacity:.7}.password-toggle:hover{opacity:1}.password-requirements{background:var(--background-secondary);border:1px solid var(--tertiary-dark);border-radius:4px;padding:12px;margin-top:8px}.password-requirements h4{margin:0 0 8px;font-size:14px;color:var(--text-color)}.password-requirements ul{margin:0;padding-left:20px;list-style:none}.password-requirements li{font-size:12px;margin-bottom:4px;position:relative}.password-requirements li:before{content:"✗";color:#dc3545;position:absolute;left:-15px;font-weight:700}.password-requirements li.valid:before{content:"✓";color:#28a745}.auth-subtitle{text-align:center;color:var(--text-color);margin-bottom:20px;font-size:14px;opacity:.8}.auth-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.auth-header{text-align:center;margin-bottom:30px}.auth-icon{font-size:48px;color:var(--title-accent-color);margin-bottom:16px}.auth-header h1{margin:0;color:var(--light-text-color)}.invite-keys-section{margin-top:40px}.invite-keys-table{border-collapse:collapse;width:100%;margin-top:8px;background:var(--background-color)}.invite-keys-table th,.invite-keys-table td{border:1px solid var(--tertiary-dark);padding:8px;text-align:left;color:var(--text-color)}.invite-keys-table th{background:var(--background-secondary);font-weight:700}.invite-keys-table tr:nth-child(2n){background:var(--background-secondary)}.invite-keys-table tr:hover{background:var(--tertiary-dark)}.invite-key-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.invite-key-popup>div{background:var(--background-color);padding:32px;border-radius:8px;min-width:320px;box-shadow:0 2px 8px #0003;text-align:center;position:relative;max-width:90vw;color:var(--text-color)}.invite-key-popup>.modal-content{padding:32px;border-radius:8px;min-width:320px;box-shadow:0 2px 8px #0003;text-align:center;position:relative;max-width:90vw;background:var(--background-color);color:var(--text-color)}.email-confirmation-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-actions{display:flex;justify-content:space-between;align-items:center}.settings-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--text-color);background-color:var(--background-color)}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;margin:0;color:var(--text-color)}.admin-section{background-color:var(--background-secondary);border:1px solid var(--tertiary-dark);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-section-header h2{font-size:1.5rem;margin:0;color:var(--text-color)}.table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background-color:var(--background-color)}.admin-table thead{background-color:var(--background-secondary)}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--accent-bright-7)}.admin-table td{padding:1rem;border-bottom:1px solid var(--tertiary-dark);color:var(--text-color)}.admin-table tbody tr:hover{background-color:var(--background-secondary)}.admin-table tbody tr:last-child td{border-bottom:none}.key-cell{font-family:Courier New,monospace;display:flex;align-items:center}.key-cell code{background-color:var(--tertiary-dark);padding:.25rem .5rem;border-radius:4px;font-size:.9rem;margin-right:.7rem}:root[data-theme=light] .key-cell code{color:#fff}:root[data-theme=dark] .key-cell code{color:var(--accent-bright-7)}.key-cell .btn-primary{background-color:var(--title-accent-color);color:#fff;border:1px solid var(--title-accent-color)}.key-cell .btn-primary:hover:not(:disabled){opacity:.9}.key-cell .btn-primary svg{color:#fff}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-used{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-unused{background-color:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-color)}.empty-state{text-align:center;color:var(--text-color);opacity:.7;padding:2rem!important}.error-message{background-color:#dc262628;border:1px solid #dc2626;color:#dc2626;padding:1rem;border-radius:4px;margin-bottom:1rem}