*{box-sizing:border-box;margin:0;padding:0}body{font-family:monospace;background:#1e1e1e;color:#d4d4d4;display:flex;flex-direction:column;height:100vh;overflow:hidden}#toolbar{padding:6px 12px;background:#252526;border-bottom:1px solid #3c3c3c;display:flex;align-items:center;gap:12px;flex-shrink:0}#app-title{font-size:12px;color:#858585;flex:1}#upload-btn{font-size:12px;color:#d4d4d4;background:transparent;border:1px solid #3c3c3c;border-radius:3px;padding:3px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}#upload-btn:hover{background:#2a2d2e;border-color:#555}#save-btn{background:transparent;border:none;border-radius:3px;padding:3px 6px;cursor:pointer;color:#d4d4d4;display:flex;align-items:center}#save-btn:hover{background:#2a2d2e}#save-btn svg{fill:currentColor}#github-link{color:#d4d4d4;display:flex;align-items:center;text-decoration:none}#github-link svg{fill:currentColor}#file-input{display:none}#main{display:flex;flex:1;overflow:hidden}#editor-pane{width:360px;flex-shrink:0;display:flex;flex-direction:column;background:#252526;transition:width .2s ease;overflow:hidden}#editor-pane.collapsed{width:0!important}#editor-toggle{width:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#252526;border-left:1px solid #3c3c3c;border-right:1px solid #3c3c3c;cursor:col-resize}#editor-toggle button{background:none;border:none;cursor:pointer;font-size:14px;color:#555;padding:4px 2px;line-height:1}#editor-toggle button:hover{color:#d4d4d4}#yaml-input{flex:1;overflow:auto}#yaml-input .cm-editor{height:100%;font-size:13px}#error-msg{color:#f44747;font-size:11px;padding:5px 12px;min-height:22px;background:#252526;border-top:1px solid #3c3c3c}#graph-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#1e1e1e;position:relative}#breadcrumb{padding:10px 12px;font-size:12px;color:#858585;display:flex;align-items:center;gap:8px;flex-shrink:0}#back-btn{display:none;cursor:pointer;background:transparent;border:1px solid #3c3c3c;border-radius:3px;padding:2px 8px;font-size:11px;color:#d4d4d4}#back-btn:hover{background:#2a2d2e;border-color:#555}#cy{flex:1;background:#1e1e1e}#cy-tooltip{position:fixed;background:#252526;border:1px solid #3c3c3c;color:#d4d4d4;font-size:11px;padding:4px 8px;border-radius:3px;pointer-events:none;display:none;z-index:100}#view-toggle{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px}#view-toggle>span{opacity:.4}#view-toggle:has(>button[aria-checked=false])>span:first-child{opacity:1}#view-toggle:has(>button[aria-checked=true])>span:last-child{opacity:1}#view-toggle-btn{position:relative;width:28px;height:16px;border-radius:8px;background:transparent;border:1px solid #3c3c3c;cursor:pointer;padding:0;flex-shrink:0}#view-toggle-btn:hover{background:#2a2d2e;border-color:#555}#view-toggle-btn[aria-disabled=true]{opacity:.35;cursor:not-allowed}.toggle-thumb{position:absolute;width:12px;height:12px;border-radius:50%;background:#d4d4d4;top:1px;left:1px;transition:transform .15s ease}#view-toggle-btn[aria-checked=true] .toggle-thumb{transform:translate(12px)}#gantt{flex:1;overflow:hidden;background:#1e1e1e;display:none;cursor:grab}#zoom-reset-btn{position:absolute;bottom:12px;right:12px;background:#252526;border:1px solid #3c3c3c;border-radius:3px;padding:5px 6px;cursor:pointer;color:#d4d4d4;display:flex;align-items:center;z-index:10}#zoom-reset-btn:hover{background:#2a2d2e;border-color:#555}#zoom-reset-btn svg{fill:currentColor}.gantt-bar{fill:#252526;stroke:#c586c0;stroke-width:1}.gantt-bar--uses{fill:#2a2d2e;stroke-dasharray:4 2;stroke-width:2;cursor:pointer}.gantt-bar--uses:hover{fill:#37373d}.gantt-bar--ancestor{stroke:#47cbbc;stroke-width:2}.gantt-label{font-size:12px;fill:#c586c0;pointer-events:none}.gantt-axis-tick{stroke:#3c3c3c;stroke-width:1}.gantt-axis-label{font-size:10px;fill:#858585}#tab-bar{display:flex;align-items:center;background:#252526;border-bottom:1px solid #3c3c3c;padding:0 8px;gap:2px;flex-shrink:0;overflow-x:auto;min-height:30px}.tab{display:flex;align-items:center;gap:7px;padding:4px 7px;font-family:inherit;font-size:12px;color:#858585;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.tab:hover{color:#d4d4d4;background:#2a2d2e}.tab.tab-active{color:#d4d4d4;border-bottom-color:#f9b062}.tab-label{cursor:pointer}.tab-rename{font-family:inherit;font-size:12px;background:#1e1e1e;color:#d4d4d4;border:1px solid #f9b062;border-radius:2px;padding:0 4px;width:120px;outline:none}.tab-close{font-size:10px;color:transparent;background:none;border:none;cursor:pointer;padding:0 2px;line-height:1;border-radius:2px}.tab:hover .tab-close,.tab.tab-active .tab-close{color:#858585}.tab:hover .tab-close:hover,.tab.tab-active .tab-close:hover{color:#d4d4d4;background:#3c3c3c}.tab-add{font-size:16px;color:#858585;background:none;border:none;cursor:pointer;padding:2px 4px;line-height:1;border-radius:3px;margin-left:2px}.tab-add:hover{color:#d4d4d4;background:#2a2d2e}#help-btn{background:transparent;border:none;border-radius:3px;padding:3px 6px;cursor:pointer;color:#d4d4d4;display:flex;align-items:center}#help-btn:hover{background:#2a2d2e}#help-btn svg{fill:currentColor}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.modal-backdrop.hidden{display:none}.modal-card{background:#252526;border:1px solid #3c3c3c;border-radius:4px;width:560px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #3c3c3c;font-size:12px;color:#d4d4d4;flex-shrink:0}.modal-close{background:none;border:none;color:#858585;font-size:16px;cursor:pointer;padding:0 2px;line-height:1;border-radius:2px}.modal-close:hover{color:#d4d4d4;background:#3c3c3c}.modal-body{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal-section-label{font-size:10px;color:#858585;text-transform:uppercase;letter-spacing:.05em}.modal-code{font-family:monospace;font-size:12px;color:#d4d4d4;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;padding:10px 12px;overflow-x:auto;white-space:pre;line-height:1.5}.modal-table{width:100%;border-collapse:collapse;font-size:12px}.modal-table th{text-align:left;color:#858585;font-weight:400;padding:4px 8px;border-bottom:1px solid #3c3c3c}.modal-table td{padding:5px 8px;color:#d4d4d4;border-bottom:1px solid #2a2d2e}.modal-table td code{color:#c586c0}.modal-note{font-size:11px;color:#858585;border-top:1px solid #3c3c3c;padding-top:10px}