*{box-sizing:border-box}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}#root{width:100%;height:100vh;overflow:hidden}.app-wrapper{width:100%;height:100vh;display:flex;flex-direction:column;position:fixed;top:0;left:0;overflow:hidden}.controls-container{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:6px 20px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);z-index:100}.app-wrapper>*:not(.controls-container){flex:1;width:100%;min-height:0;overflow:auto}.service-selector{display:flex;align-items:center;gap:6px;background-color:transparent;padding:4px 8px;border-radius:6px}.service-label{font-size:12px;font-weight:600;color:#333;margin:0;white-space:nowrap}.service-select{padding:3px 6px;border:none;border-radius:4px;background-color:#f0f0f0;color:#333;font-size:12px;cursor:pointer;min-width:100px;font-weight:500;height:24px}.service-select:hover{background-color:#e0e0e0}.service-select:focus{outline:none;background-color:#e0e0e0}.branch-selector{display:flex;align-items:center;gap:6px;background-color:transparent;padding:4px 8px;border-radius:6px}.branch-label{font-size:12px;font-weight:600;color:#333;margin:0;white-space:nowrap}.branch-select{padding:3px 6px;border:none;border-radius:4px;background-color:#f0f0f0;color:#333;font-size:12px;cursor:pointer;min-width:80px;font-weight:500;height:24px}.branch-select:hover{background-color:#e0e0e0}.branch-select:focus{outline:none;background-color:#e0e0e0}.dark-mode-toggle{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.dark-mode-toggle input{opacity:0;width:0;height:0}.dark-mode-toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.dark-mode-toggle .slider:before{position:absolute;content:"🌙";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:18px}.dark-mode-toggle .slider:after{position:absolute;content:"☀️";right:5px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.3;transition:.3s}.dark-mode-toggle input:checked+.slider{background-color:#4a9eff}.dark-mode-toggle input:checked+.slider:before{content:"☀️";transform:translate(26px)}.dark-mode-toggle input:checked+.slider:after{content:"🌙";left:5px;right:auto;opacity:.3}.dark-mode-toggle:hover .slider{box-shadow:0 0 8px #4a9eff66}.app-wrapper.dark-mode{color-scheme:dark;background-color:#1a1a1a}.app-wrapper.dark-mode *{--mosaic-color-bg-primary: #1a1a1a !important;--mosaic-color-bg-secondary: #2d2d2d !important;--mosaic-color-bg-tertiary: #3d3d3d !important;--mosaic-color-text-primary: #ffffff !important;--mosaic-color-text-secondary: #e0e0e0 !important;--mosaic-color-text-tertiary: #b0b0b0 !important;--mosaic-color-border: #404040 !important;--mosaic-color-hover: #2d2d2d !important;--mosaic-color-active: #3d3d3d !important}.app-wrapper.dark-mode div[class*=mosaic],.app-wrapper.dark-mode div[class*=sl-],.app-wrapper.dark-mode [data-testid],.app-wrapper.dark-mode div,.app-wrapper.dark-mode span,.app-wrapper.dark-mode p,.app-wrapper.dark-mode h1,.app-wrapper.dark-mode h2,.app-wrapper.dark-mode h3,.app-wrapper.dark-mode h4,.app-wrapper.dark-mode h5,.app-wrapper.dark-mode h6,.app-wrapper.dark-mode li,.app-wrapper.dark-mode td,.app-wrapper.dark-mode th,.app-wrapper.dark-mode label{color:#fff!important}.app-wrapper.dark-mode div[class*=mosaic],.app-wrapper.dark-mode div[class*=sl-],.app-wrapper.dark-mode [data-testid]{background-color:#1a1a1a!important}.app-wrapper.dark-mode aside,.app-wrapper.dark-mode [role=complementary],.app-wrapper.dark-mode [class*=Sidebar]{background-color:#1a1a1a!important;border-right-color:#404040!important;color:#fff!important}.app-wrapper.dark-mode main,.app-wrapper.dark-mode [role=main],.app-wrapper.dark-mode [class*=Content]{background-color:#1a1a1a!important;color:#fff!important}.app-wrapper.dark-mode pre,.app-wrapper.dark-mode code{background-color:#2d2d2d!important;color:#e0e0e0!important}.app-wrapper.dark-mode a{color:#4a9eff!important}.app-wrapper.dark-mode a:hover{color:#6bb0ff!important}.app-wrapper.dark-mode button{color:#fff!important}.app-wrapper.dark-mode button[class*=export],.app-wrapper.dark-mode [class*=Export] button,.app-wrapper.dark-mode button[aria-label*=export i],.app-wrapper.dark-mode button[aria-label*=Export i],.app-wrapper.dark-mode [data-testid*=export i] button,.app-wrapper.dark-mode [data-testid*=Export i] button,.app-wrapper.dark-mode [class*=export] button{color:#000!important}.app-wrapper.dark-mode [class*=export] span,.app-wrapper.dark-mode [class*=Export] span,.app-wrapper.dark-mode [class*=export] div,.app-wrapper.dark-mode [class*=Export] div,.app-wrapper.dark-mode button[class*=export] *,.app-wrapper.dark-mode [class*=Export] button *,.app-wrapper.dark-mode [class*=export] button *{color:#000!important}.app-wrapper.dark-mode table{color:#fff!important}.app-wrapper.dark-mode th,.app-wrapper.dark-mode td{color:#fff!important;border-color:#404040!important}.app-wrapper.dark-mode .dark-mode-toggle .slider{background-color:#555}.app-wrapper.dark-mode .dark-mode-toggle input:checked+.slider{background-color:#4a9eff}.app-wrapper.dark-mode .dark-mode-toggle:hover .slider{box-shadow:0 0 8px #4a9eff99}.app-wrapper.dark-mode .controls-container{background-color:#1a1a1a;border-bottom-color:#ffffff1a}.app-wrapper.dark-mode .service-selector{background-color:transparent}.app-wrapper.dark-mode .service-label{color:#fff!important}.app-wrapper.dark-mode .service-select{background-color:#3d3d3d;color:#fff!important;border:none}.app-wrapper.dark-mode .service-select:hover{background-color:#4a4a4a}.app-wrapper.dark-mode .service-select:focus{outline:none;background-color:#4a4a4a}.app-wrapper.dark-mode .service-select option{background-color:#2d2d2d;color:#fff}.app-wrapper.dark-mode .branch-selector{background-color:transparent}.app-wrapper.dark-mode .branch-label{color:#fff!important}.app-wrapper.dark-mode .branch-select{background-color:#3d3d3d;color:#fff!important;border:none}.app-wrapper.dark-mode .branch-select:hover{background-color:#4a4a4a}.app-wrapper.dark-mode .branch-select:focus{outline:none;background-color:#4a4a4a}.app-wrapper.dark-mode .branch-select option{background-color:#2d2d2d;color:#fff}