body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-root{background-color:#f3f4f6;box-sizing:border-box;display:flex;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;height:100vh}.sidebar{background-color:#fff;bottom:0;box-shadow:2px 0 12px #0000001f;overflow-y:auto;padding:16px 20px;position:fixed;top:0;transition:transform .2s ease;width:220px;z-index:40}.sidebar-left{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;left:0}.sidebar-left-build-date{flex-shrink:0}.sidebar-right{border-left:1px solid #e5e7eb;display:flex;flex-direction:column;right:0}.sidebar-right-content{flex:1 1;min-height:0;overflow-y:auto}.sidebar-right-footer{border-top:1px solid #e5e7eb;flex-shrink:0;padding-top:16px}.sidebar.mobile-closed.sidebar-left{transform:translateX(-100%)}.sidebar.mobile-open.sidebar-left{transform:translateX(0)}.sidebar.mobile-closed.sidebar-right{transform:translateX(100%)}.sidebar.mobile-open.sidebar-right{transform:translateX(0)}.canvas-container{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-width:0;overflow:auto;padding:10px 20px 16px}.canvas-wrapper{position:relative;z-index:1}.canvas-inner{border-style:solid;max-width:100%;position:relative}.tabs-bar{align-content:flex-start;align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;height:72px;margin-bottom:5px;margin-left:3px;overflow:visible}.tabs-bar:has(.tabs-row){align-items:flex-end;height:auto;margin-bottom:0;min-height:0;min-height:auto}.tabs-bar:has(.tabs-row)~.canvas-wrapper{margin-top:-3px}.app-root.demo-mode .tabs-bar{align-items:flex-end;height:auto;margin-bottom:0;margin-left:0;min-height:0;min-height:auto}.app-root.demo-mode .tabs-bar .tab-demo-exit{margin-bottom:5px}.tabs-row{align-items:stretch;display:flex;flex-wrap:nowrap;gap:0;min-height:28px}.tab-tab{background-color:#f3f4f6;border:1px solid #d1d5db;border-bottom:none;border-radius:6px 6px 0 0;color:#4b5563;cursor:pointer;font-size:13px;padding:4px 12px;white-space:nowrap}.tabs-bar:has(.tabs-row) .tab-tab{background-color:#f3f4f6;background-color:var(--canvas-color,#f3f4f6);color:#4b5563;color:var(--tab-text,#4b5563)}.tab-tab:hover{background-color:#e5e7eb}.tabs-bar:has(.tabs-row) .tab-tab:hover{filter:brightness(1.08)}.tab-tab.active{background-color:#fff;border-color:#475569;border-width:3px 3px 0;color:#111827;font-weight:600;margin-bottom:-3px;padding-bottom:8px;position:relative;z-index:1}.tabs-bar:has(.tabs-row) .tab-tab.active{background-color:#fff;background-color:var(--canvas-color,#fff);color:#111827;color:var(--tab-text,#111827)}.tabs-select{background-color:#fff;border:1px solid #d1d5db;border-radius:999px;color:#111827;font-size:13px;max-width:220px;min-width:120px;padding:4px 8px}.tabs-bar:not(:has(.tabs-row)){align-items:flex-end;height:auto;margin-bottom:0;margin-left:0;margin-top:6px;min-height:0;min-height:auto;position:relative;z-index:0}.tab-picker-wrap{position:relative}.tabs-bar:not(:has(.tabs-row)) .tab-picker-trigger{background-color:#f3f4f6;background-color:var(--canvas-color,#f3f4f6);border:3px solid #475569;border-bottom:none;border-radius:6px 6px 0 0;box-shadow:0 0 0 1px #334155;color:#4b5563;color:var(--tab-text,#4b5563);cursor:pointer;font-size:13px;margin-bottom:-3px;max-width:200px;min-height:28px;overflow:hidden;padding:4px 12px 8px;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;z-index:1}.tab-picker-dropdown{background:#fff;background:var(--canvas-color,#fff);border:1px solid #475569;border-radius:6px;box-shadow:0 8px 24px #0000002e;display:flex;flex-direction:column;left:0;min-width:100%;padding:4px 0;position:absolute;top:100%;z-index:100}.tab-picker-dropdown,.tab-picker-dropdown-portal{margin-top:1px;max-height:280px;max-width:260px;overflow-y:auto}.tab-picker-dropdown-portal{z-index:10000}.tab-picker-option{background:#0000;border:none;border-radius:4px;color:#111827;color:var(--tab-text,#111827);cursor:pointer;font-size:13px;margin:0 4px;overflow:hidden;padding:8px 12px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tab-picker-option:hover{filter:brightness(.95)}.tab-picker-option.active{background:#00000014;font-weight:600}.tabs-bar:not(:has(.tabs-row))~.canvas-wrapper{margin-top:1px}.tab-add-button{background-color:initial;border:1px solid #9ca3af;border-radius:999px;color:#4b5563;cursor:pointer;font-size:14px;padding:2px 8px}.widget-button{align-items:center;display:flex;justify-content:flex-start;padding-left:8px!important}.widget-icon{align-items:center;display:inline-flex;font-size:14px;margin-right:6px}.tab-rename-button{background-color:#f9fafb;border:1px solid #9ca3af;border-radius:999px;color:#4b5563;cursor:pointer;font-size:13px;padding:2px 8px}.toast{animation:toast-fade-in-out 2s ease forwards;border-radius:999px;bottom:20px;box-shadow:0 8px 20px #0000002e;font-size:13px;opacity:0;padding:10px 16px;position:fixed;right:20px;z-index:1200}.toast-success{background-color:#059669;color:#ecfdf5}@keyframes toast-fade-in-out{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.mobile-toggle{align-items:center;background-color:#0f172ad9;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;height:32px;justify-content:center;position:fixed;top:10px;width:32px;z-index:50}.mobile-toggle-left{left:10px}.mobile-toggle-right{right:10px}.mobile-sidebar-close{align-items:center;background-color:#0f172a14;border:none;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-size:18px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px;z-index:45}@media (max-width:768px){.sidebar{box-shadow:2px 0 12px #00000029;max-width:80%;width:260px}.sidebar-right{border-left:none}.canvas-container{align-items:flex-start;padding:46px 12px 16px}.tabs-bar{align-items:center;height:auto;left:auto;margin-bottom:5px;margin-left:3px;margin-right:8px;min-height:0;min-height:auto;position:static;right:auto;top:auto;z-index:45}.canvas-inner{max-width:100%;overflow:auto}}
/*# sourceMappingURL=main.14ca9033.css.map*/