app.css RawHistoryFolder

1:root { color-scheme: dark; font-family: ui-monospace, monospace; background: #101010; color: #d8d8d8; }
2* { box-sizing: border-box; }
3body { margin: 0; height: 100vh; height: var(--app-height, 100dvh); padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); display: flex; flex-direction: column; overflow: hidden; }
4header { flex-shrink: 0; display: flex; align-items: center; gap: .75rem; padding: 2px 6px; min-height: 24px; border-bottom: 1px solid #303030; font-size: 12px; }
5header strong { color: inherit; font-size: inherit; }
6.header-space { flex: 1; }
7.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
8header svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
9#views svg { width: 14px; height: 14px; }
10#views { display: inline-flex; align-items: center; gap: 4px; color: #aaa; font-variant-numeric: tabular-nums; }
11#connection i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #d9ad52; }
12#connection[data-state="connected"] i { background: #86b98b; }
13#connection[data-state="disconnected"] i { background: #888; }
14#connection[data-state="error"] i { background: #db7777; }
15button { font: inherit; color: #aaa; background: transparent; border: 0; border-radius: 0; padding: 2px 6px; cursor: pointer; }
16button:hover { color: #fff; }
17button:focus-visible { outline: 1px solid #ccc; outline-offset: 1px; }
18#workspace { flex: 1; min-height: 0; overflow: hidden; padding: 4px; }
19#terminal { display: inline-block; vertical-align: top; --vev-fg: #d8d8d8; --vev-bg: #101010; --vev-cursor: #ccc; --vev-selection-bg: #444; --vev-selection-fg: #fff; }
20/* Fixed-size rows do not need to relayout the rest of the terminal. */
21#terminal .vev-terminal__row { contain: strict; transform: translateZ(0); }
22#terminal:focus-within { outline: 1px solid #777; outline-offset: -1px; }
23.touch-control { display: none; }
24@media (pointer: coarse) {
25  header button { min-width: 44px; min-height: 44px; }
26  header { gap: .25rem; }
27  .touch-control { display: inline-block; }
28}
29button[aria-pressed="true"] { color: #fff; }
30#terminal.vev-terminal--mouse-capture { user-select: text; }
31#help, noscript { padding: 1rem; }
32[hidden] { display: none !important; }