.offdesk-keybar{box-sizing:border-box;background:rgb(var(--color-bg-1));border-top:1px solid rgb(var(--color-line-soft));min-width:0;color:rgb(var(--color-fg-0));flex-shrink:0;padding:4px 6px}.offdesk-keybar-row{align-items:center;gap:var(--key-gap);min-width:0;height:44px;display:flex}.offdesk-keybar-primary{gap:var(--key-gap);scrollbar-width:none;touch-action:pan-x;flex:1;min-width:0;display:flex;overflow-x:auto}.offdesk-keybar-primary::-webkit-scrollbar{display:none}.offdesk-keybar .offdesk-terminal-key{box-sizing:border-box;flex:0 0 var(--key-width);width:var(--key-width);min-width:0;height:44px;color:inherit;font-family:var(--font-display);font-size:min(.75rem,calc((var(--key-width) - 4px) / 3.8));white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;margin:0;padding:0;font-weight:500;display:flex;position:relative}.offdesk-keybar .offdesk-terminal-key:before{content:"";z-index:-1;border:1px solid rgb(var(--color-line));background:0 0;border-radius:3px;position:absolute;inset:4px 0}.offdesk-keybar .offdesk-terminal-key[data-accent=true]{color:rgb(var(--color-on-primary));font-weight:600}.offdesk-keybar .offdesk-terminal-key[data-accent=true]:before{background:rgb(var(--color-primary));border-color:#0000}.offdesk-keybar .offdesk-terminal-key:disabled{opacity:.4;cursor:not-allowed}.offdesk-keybar .offdesk-terminal-key[aria-pressed=true]{color:rgb(var(--color-accent))}.offdesk-keybar .offdesk-terminal-key[aria-pressed=true]:before{border-color:rgb(var(--color-accent))}.offdesk-keybar .offdesk-terminal-key:active:before{background:rgb(var(--color-bg-3))}.offdesk-keybar .offdesk-terminal-key[data-accent=true]:active:before{background:rgb(var(--color-primary));filter:brightness(.92)}@media (hover:hover){.offdesk-keybar .offdesk-terminal-key:not(:disabled):hover:before{background:rgb(var(--color-bg-3))}.offdesk-keybar .offdesk-terminal-key[data-accent=true]:not(:disabled):hover:before{background:rgb(var(--color-primary))}}.offdesk-keybar-scroll-wrap{flex:1;min-width:0;position:relative}.offdesk-keybar-scroll{scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;overflow:auto hidden}.offdesk-keybar-scroll::-webkit-scrollbar{display:none}.offdesk-keybar-track{gap:var(--key-gap);width:max-content;min-width:100%;display:flex}.offdesk-keybar-scroll-wrap:before,.offdesk-keybar-scroll-wrap:after{content:"";z-index:1;pointer-events:none;opacity:0;width:8px;position:absolute;top:0;bottom:0}.offdesk-keybar-scroll-wrap:before{background:linear-gradient(to right,rgb(var(--color-bg-1)),transparent);left:0}.offdesk-keybar-scroll-wrap:after{background:linear-gradient(to left,rgb(var(--color-bg-1)),transparent);right:0}.offdesk-keybar-scroll-wrap[data-left=true]:before,.offdesk-keybar-scroll-wrap[data-right=true]:after{opacity:1}.offdesk-keybar-view-only{min-height:44px;font-family:var(--font-display);align-items:center;gap:12px;padding:2px 0 2px 4px;display:flex}.offdesk-keybar-view-only>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.offdesk-keybar-view-only strong{font-size:.8125rem;font-weight:600}.offdesk-keybar-view-only>span>span{color:rgb(var(--color-fg-3));font-size:.6875rem}.offdesk-keybar-view-only button{flex-shrink:0;min-height:44px;padding:0 16px}.offdesk-selection-bar,.offdesk-attachment-status{min-height:44px;font-family:var(--font-display);align-items:center;gap:8px;font-size:.75rem;display:flex}.offdesk-selection-bar span,.offdesk-attachment-status span{overflow-wrap:anywhere;min-width:0;font-family:var(--font-sans);flex:1}.offdesk-selection-bar button,.offdesk-attachment-status button{min-height:44px;color:inherit;font:inherit;text-transform:lowercase;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:flex}.offdesk-keybar-spinner{animation:.8s linear infinite offdeskSpin}