.topbar{isolation:isolate;z-index:100001;background:var(--page-bg);grid-template-columns:212px minmax(0,1fr) 340px;align-items:center;column-gap:16px;padding:20px 20px 0;transition:grid-template-columns .18s;display:grid;position:sticky;top:0}.topbar.no-left{grid-template-columns:32px minmax(0,1fr) 340px}.topbar.no-right{grid-template-columns:212px minmax(0,1fr) 32px}.topbar.no-left.no-right{grid-template-columns:32px minmax(0,1fr) 32px}@media (width<=1100px){.topbar{justify-content:space-between;gap:16px;display:flex}.logo,.tabs,.top-actions{grid-column:unset}}@media (width<=720px){.topbar{flex-wrap:wrap;row-gap:10px}.tabs{flex:0 0 100%;order:3;width:100%}.tab{flex:1 1 0;width:auto}.layout{margin-top:8px!important}}.logo{background:var(--button-bg);box-sizing:border-box;grid-column:1;justify-self:start;align-items:center;width:140px;height:32px;padding-left:6px;display:flex;position:relative}.logo img{object-fit:contain;width:68px;height:24px;display:block}.logo-wrap{flex-direction:column;grid-column:1;align-items:flex-start;display:flex}.beta-badge{background:var(--style-yellow1);font-family:var(--mono);text-transform:uppercase;color:var(--text-primary);justify-content:center;align-items:center;padding:1px 4px;font-size:8px;font-weight:400;line-height:1.4;display:inline-flex}.tabs{grid-column:2;justify-content:center;gap:0;display:flex}.tab{font-family:var(--mono);background:var(--bg-surface);width:120px;height:20px;color:var(--gray-1);border:1px solid var(--button-bg);cursor:pointer;border-left-width:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.tabs .tab:first-child{border-left-width:1px}.tab.active{background:var(--button-bg);color:var(--text-inverse)}.tools{flex:none;grid-column:3;justify-self:end;gap:4px;display:flex;position:relative}.tools button{font-family:var(--mono);text-transform:uppercase;background:var(--button-bg);height:32px;color:var(--button-text,#fff);cursor:pointer;border:0;padding:0 12px;font-size:12px;transition:background-color .15s,color .15s}.tools button.is-open,.tools button.is-active,.tools button.is-menu-active,.tools button.is-search-active{background:var(--accent,#4eff7b)!important;color:#0b0b0b!important}.tools .ico{place-items:center;width:32px;padding:0;display:grid}.menu-dropdown{z-index:10000;opacity:0;visibility:hidden;box-sizing:border-box;background:0 0;border:0;flex-direction:column;gap:4px;min-width:248px;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + 4px);right:0;transform:translateY(-4px)}.menu-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}.menu-dropdown-item{background:var(--button-bg,#0b0b0b);height:29px;color:var(--button-text,#fff);font-family:var(--mono);text-transform:uppercase;white-space:nowrap;cursor:pointer;text-align:left;box-sizing:border-box;border:0;align-items:center;width:100%;padding:7px 26px 7px 8px;font-size:10px;line-height:1.5;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.menu-dropdown-item .sq-box{box-sizing:border-box;border:1px solid #f2f2f2;flex-shrink:0;width:10px;height:10px;transition:background-color .15s,border-color .15s;display:inline-block}.menu-dropdown-item .sq-box.active{background:var(--accent,#4eff7b);border-color:var(--accent,#4eff7b)}.menu-dropdown-item:hover,.menu-dropdown-item:focus{outline:none;color:var(--button-text,#fff)!important;background:#252525!important}.dropdown-header{font-family:var(--mono);letter-spacing:.04em;color:var(--text-tertiary,#777);background:var(--button-bg,#0b0b0b);border-top:1px dashed var(--border-light,#333);padding:6px 8px 4px;font-size:9px}.dropdown-header:first-child{border-top:0}.top-actions{flex:none;grid-column:3;justify-self:end;gap:4px;display:flex}.icon-btn{background:var(--button-bg);border:1px solid var(--button-bg);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.icon-btn svg{width:15px;height:15px}.btn{font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:var(--button-bg);color:var(--text-inverse);border:1px solid var(--button-bg);cursor:pointer;justify-content:center;align-items:center;height:32px;padding:0;font-size:12px;display:flex}.top-actions .btn:nth-child(2){width:56px}.top-actions .btn:nth-child(3){width:50px}.layout{padding:0;padding-bottom:var(--bottom-offset,92px);flex:auto;grid-template-columns:212px minmax(0,1fr) 340px;gap:0;margin-top:60px;transition:grid-template-columns .18s;display:grid}.layout>.peek-left,.layout>.sidebar-left{grid-column:1}.layout>.content-wrap{grid-column:2}.layout>.peek-right,.layout>.sidebar-right{grid-column:3}.layout.no-left{grid-template-columns:32px minmax(0,1fr) 340px}.layout.no-right{grid-template-columns:212px minmax(0,1fr) 32px}.layout.no-left.no-right{grid-template-columns:32px minmax(0,1fr) 32px}@media (width<=1100px){.layout{grid-template-columns:1fr!important}.layout>.peek-left,.layout>.sidebar-left,.layout>.content-wrap,.layout>.peek-right,.layout>.sidebar-right{grid-column:1!important}.sidebar-left,.sidebar-right,.peek{display:none!important}}.sidebar-left,.sidebar-right{background:var(--bg-surface);height:calc(100vh - 52px - var(--bottom-offset,72px));scrollbar-width:thin;align-self:start;position:sticky;top:52px;overflow-y:auto}.sidebar-left{border-top:1px solid var(--outline);border-right:1px solid var(--outline);padding-bottom:12px}.sidebar-right{border-top:1px solid var(--outline);border-left:1px solid var(--outline);flex-direction:column;display:flex}.sidebar-left::-webkit-scrollbar{width:2px}.sidebar-right::-webkit-scrollbar{width:2px}.sidebar-left::-webkit-scrollbar-track{background:0 0}.sidebar-right::-webkit-scrollbar-track{background:0 0}.sidebar-left::-webkit-scrollbar-thumb{background:var(--line-dashed);border-radius:0}.sidebar-right::-webkit-scrollbar-thumb{background:var(--line-dashed);border-radius:0}.sidebar-head{justify-content:space-between;align-items:center;padding:12px 12px 10px;display:flex}.sidebar-head .label{text-transform:uppercase;color:var(--text-primary);align-items:center;gap:6px;font-size:12px;display:flex}.sidebar-head .close{text-transform:uppercase;color:var(--gray-4);cursor:pointer;font-size:10px;font-family:var(--mono);background:0 0;border:0;padding:0}.sidebar-left hr{border:none;border-top:1px solid var(--outline);margin:0}.sidebar-right hr{border:none;border-top:1px solid var(--outline);margin:0 0 12px}.layout.no-left .sidebar-left,.layout.no-right .sidebar-right{display:none}.peek{background:var(--button-bg);cursor:pointer;box-sizing:border-box;z-index:200;border:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:100px;padding:0;display:none;position:sticky;top:calc(50vh - 50px)}.peek span{writing-mode:vertical-rl;font-family:var(--mono);text-transform:uppercase;color:var(--text-inverse);letter-spacing:0;font-size:12px;font-weight:400}.layout.no-left .peek-left,.layout.no-right .peek-right{display:flex}.content-wrap{min-width:0;padding:0 32px}@media (width<=640px){.content-wrap{padding:0 12px}}