Spaces:
Running
Running
| .shell { | |
| display: flex; | |
| flex-direction: column; | |
| min-height: 100%; | |
| } | |
| .bar { | |
| position: sticky; | |
| top: 0; | |
| z-index: 40; | |
| flex-shrink: 0; | |
| display: flex; | |
| align-items: center; | |
| gap: 12px; | |
| height: 44px; | |
| padding: 0 14px; | |
| border-bottom: 1px solid var(--surface-glass-border, var(--border-subtle)); | |
| background: var(--surface-glass, var(--surface-card)); | |
| backdrop-filter: blur(16px); | |
| -webkit-backdrop-filter: blur(16px); | |
| } | |
| .brand { | |
| font-size: 13px; | |
| font-weight: 650; | |
| letter-spacing: -0.02em; | |
| color: var(--text-display); | |
| flex-shrink: 0; | |
| } | |
| .nav { | |
| display: flex; | |
| align-items: center; | |
| gap: 2px; | |
| min-width: 0; | |
| flex: 1; | |
| } | |
| .navLink { | |
| display: inline-flex; | |
| align-items: center; | |
| height: 28px; | |
| padding: 0 10px; | |
| border-radius: 8px; | |
| font-size: 13px; | |
| font-weight: 500; | |
| color: var(--muted); | |
| text-decoration: none; | |
| } | |
| .navLink:hover { | |
| color: var(--text); | |
| background: var(--surface-muted); | |
| text-decoration: none; | |
| } | |
| .end { | |
| display: flex; | |
| align-items: center; | |
| gap: 10px; | |
| margin-left: auto; | |
| flex-shrink: 0; | |
| } | |
| .body { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 16px; | |
| max-width: 900px; | |
| width: 100%; | |
| margin: 0 auto; | |
| padding: 16px 16px 32px; | |
| } | |
| .lede { | |
| margin: 0; | |
| font-size: 13px; | |
| color: var(--muted); | |
| line-height: 1.45; | |
| max-width: 560px; | |
| } | |
| .deniedTitle { | |
| margin: 0 0 8px; | |
| font-size: 18px; | |
| font-weight: 650; | |
| color: var(--text-display); | |
| } | |
| .deniedBody { | |
| margin: 0 0 16px; | |
| font-size: 14px; | |
| color: var(--muted); | |
| line-height: 1.5; | |
| max-width: 560px; | |
| } | |
| .panel { | |
| padding: 14px; | |
| border-radius: var(--radius-lg); | |
| border: 1px solid var(--border-subtle); | |
| background: var(--surface-card); | |
| } | |
| .panelTitle { | |
| margin: 0 0 8px; | |
| font-size: 11px; | |
| font-weight: 650; | |
| letter-spacing: 0.08em; | |
| text-transform: uppercase; | |
| color: var(--muted); | |
| } | |
| .json { | |
| width: 100%; | |
| min-height: 220px; | |
| font-family: var(--font-mono); | |
| font-size: 12px; | |
| line-height: 1.45; | |
| padding: 10px; | |
| border-radius: var(--radius-md); | |
| border: 1px solid var(--border-subtle); | |
| background: var(--surface-input); | |
| color: var(--text); | |
| } | |
| .error { | |
| margin: 8px 0 0; | |
| font-size: 13px; | |
| color: var(--danger); | |
| } | |
| .row { | |
| margin-top: 10px; | |
| display: flex; | |
| gap: 8px; | |
| flex-wrap: wrap; | |
| } | |
| .muted { | |
| font-size: 12px; | |
| color: var(--muted); | |
| line-height: 1.45; | |
| } | |
| .flagLabel { | |
| display: flex; | |
| align-items: center; | |
| gap: 8px; | |
| font-size: 14px; | |
| } | |
| .logHead { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| margin-bottom: 8px; | |
| } | |
| .log { | |
| margin: 0; | |
| padding: 10px; | |
| max-height: 200px; | |
| overflow: auto; | |
| font-size: 11px; | |
| line-height: 1.45; | |
| font-family: var(--font-mono); | |
| background: var(--surface-input); | |
| color: var(--text); | |
| border-radius: var(--radius-md); | |
| white-space: pre-wrap; | |
| word-break: break-word; | |
| } | |
| .code { | |
| font-size: 12px; | |
| font-family: var(--font-mono); | |
| } | |