:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  background: #111;
  color: #eee;
}
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; }
body { display: flex; flex-direction: column; height: 100dvh; overflow: hidden; }
button { font: inherit; cursor: pointer; }
.workspace-header {
  display: flex; align-items: center; gap: 24px; flex-shrink: 0;
  min-height: 60px; padding: 9px 20px; padding-top: max(9px, env(safe-area-inset-top));
  border-bottom: 1px solid #34363a; background: #191a1c;
}
.workspace-brand { font-size: 14px; font-weight: 600; white-space: nowrap; color: #ddd; }
.workspace-tabs { display: flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid #383a3f; border-radius: 10px; background: #121315; }
.workspace-tabs button { min-height: 34px; min-width: 130px; padding: 6px 18px; color: #aaaeb7; border: 1px solid transparent; border-radius: 7px; background: transparent; font-size: 13px; }
.workspace-tabs button:hover { color: #fff; background: #23252a; }
.workspace-tabs button[aria-selected="true"] { background: #30333a; border-color: #4a4e58; color: #fff; box-shadow: 0 1px 3px #0005; }
.account-status {margin-left:auto;font-size:12px;color:#b8bec9;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.reload-view, .logout-account { min-height: 34px; padding: 6px 13px; border: 1px solid #40434a; border-radius: 7px; background: transparent; color: #c8cbd2; font-size: 12px; white-space: nowrap; }
.reload-view:hover { background: #2c2e33; color: white; }
button:focus-visible { outline: 2px solid #75a9ff; outline-offset: 3px; }
.workspace-content { position: relative; flex: 1; min-height: 0; }
[role="tabpanel"] { position: absolute; inset: 0; }
[role="tabpanel"][hidden] { display: none; }
iframe { display: block; border: 0; width: 100%; height: 100%; background: #111; }
noscript { padding: 18px; }
.workspace-more { display: none; }
.workspace-actions { display: contents; }
@media (max-width: 820px) {
  .workspace-header {
    position: relative;
    z-index: 2;
    flex-wrap: nowrap;
    gap: 6px;
    min-height: 0;
    padding: 5px max(8px, env(safe-area-inset-right)) 5px max(8px, env(safe-area-inset-left));
    padding-top: max(5px, env(safe-area-inset-top));
  }
  .workspace-brand, .account-status { display: none; }
  .workspace-tabs { flex: 1 1 auto; min-width: 0; gap: 2px; padding: 2px; }
  .workspace-tabs button {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    padding: 4px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .workspace-more {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #40434a;
    border-radius: 7px;
    background: transparent;
    color: #d2d7e0;
  }
  .workspace-more[aria-expanded="true"] { background: #30333a; }
  .workspace-actions {
    display: none;
    position: absolute;
    inset-inline-end: max(8px, env(safe-area-inset-right));
    inset-block-start: calc(100% + 4px);
    min-width: 136px;
    padding: 4px;
    background: #222428;
    border: 1px solid #40434a;
    border-radius: 9px;
    box-shadow: 0 6px 20px #0006;
  }
  .workspace-more[aria-expanded="true"] + .workspace-actions { display: grid; }
  .workspace-actions button {
    min-height: 44px;
    border: 0;
    text-align: start;
  }
  .workspace-actions button:hover { background: #30333a; }
}