.q-mode{background:var(--q-desk);flex-direction:column;block-size:100%;min-block-size:0;min-inline-size:0;display:flex}.q-mode__main{flex-direction:column;flex:1;min-block-size:0;min-inline-size:0;display:flex;position:relative}.q-toolbar{z-index:var(--q-z-toolbar);align-items:center;gap:var(--q-s1);min-block-size:var(--q-toolbar-h);padding-inline:var(--q-s3);background:var(--q-canvas);border-block-end:1px solid var(--q-border);scrollbar-width:none;flex:none;display:flex;position:relative;overflow:auto hidden}.q-toolbar::-webkit-scrollbar{display:none}.q-toolbar>*{flex:none}.q-toolbar--inline{background:0 0;border:0;min-block-size:0;padding:0}.q-toolbar--bottom{min-block-size:calc(var(--q-bottomnav-h) + var(--q-safe-bottom));padding-block-end:var(--q-safe-bottom);padding-inline:max(var(--q-s1), var(--q-safe-left)) max(var(--q-s1), var(--q-safe-right));border-block-end:0;border-block-start:1px solid var(--q-border);background:var(--q-surface);order:10;justify-content:space-around;gap:0}.q-toolbar__group{align-items:center;gap:2px;display:flex}.q-toolbar__sep{block-size:24px;inline-size:1px;margin-inline:var(--q-s2);background:var(--q-border)}.q-toolbar__spacer{min-inline-size:var(--q-s2);flex:auto!important}.q-toolbtn{border-radius:var(--q-radius-control);min-block-size:52px;min-inline-size:56px;max-inline-size:96px;color:var(--q-text-muted);transition:background-color var(--q-dur-fast) var(--q-ease), color var(--q-dur-fast) var(--q-ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 6px;display:inline-flex;position:relative}.q-toolbtn__icon{display:inline-flex;position:relative}.q-toolbtn__icon svg{block-size:22px;inline-size:22px}.q-toolbtn__icon .q-ibtn__badge{inset-block-start:-6px;inset-inline-end:-10px}.q-toolbtn__label{text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font-size:var(--q-fs-caption);font-weight:var(--q-fw-ui);line-height:1.3;overflow:hidden}.q-toolbtn:hover:not(:disabled){color:var(--q-text);background:var(--q-surface-hover)}.q-toolbtn:active:not(:disabled){background:var(--q-surface-pressed)}.q-toolbtn:disabled{color:var(--q-text-faint)}.q-toolbtn.is-on{color:var(--q-accent-text);background:var(--q-primary-soft)}.q-toolbtn:focus-visible{outline-offset:-3px}.q-modeswitch{flex:none}.q-modebar{align-items:center;gap:var(--q-s2);padding:6px max(var(--q-s3), var(--q-safe-left)) 6px max(var(--q-s3), var(--q-safe-right));background:var(--q-canvas);border-block-end:1px solid var(--q-border);flex:none;display:flex}.q-modebar>.q-seg--block,.q-modebar>:first-child{flex:1;min-inline-size:0}.q-modebar__end{align-items:center;gap:2px;display:flex;flex:none!important}.q-subbar{align-items:center;gap:var(--q-s2);min-block-size:52px;padding-inline:var(--q-s3);background:var(--q-surface);border-block-end:1px solid var(--q-border);scrollbar-width:none;flex:none;display:flex;overflow-x:auto}.q-subbar::-webkit-scrollbar{display:none}.q-subbar>*{flex:none}.q-mode-loading,.q-mode-error{block-size:100%;min-block-size:0;padding:var(--q-s5);color:var(--q-text-muted);flex:1;place-items:center;display:grid}.q-mode-heading{align-items:center;gap:var(--q-s2);min-inline-size:0;font-size:var(--q-fs-body);font-weight:var(--q-fw-heading);white-space:nowrap;display:flex}.q-mode-heading>span{text-overflow:ellipsis;overflow:hidden}