Spaces:
Running
Running
| .card { | |
| border: 1px solid var(--border-subtle); | |
| border-radius: 10px; | |
| padding: 14px 16px; | |
| margin-bottom: 16px; | |
| background: var(--bg-elevated, var(--bg)); | |
| } | |
| .head { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| gap: 8px; | |
| margin-bottom: 12px; | |
| } | |
| .headTitle { | |
| font-size: 13px; | |
| font-weight: 600; | |
| color: var(--text); | |
| } | |
| .ready { | |
| font-size: 11px; | |
| font-weight: 650; | |
| letter-spacing: 0.06em; | |
| text-transform: uppercase; | |
| color: var(--muted); | |
| } | |
| .readyOk { | |
| color: var(--success, var(--accent)); | |
| } | |
| .field { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 6px; | |
| margin-bottom: 12px; | |
| } | |
| .label { | |
| font-size: 12px; | |
| font-weight: 650; | |
| letter-spacing: 0.04em; | |
| text-transform: uppercase; | |
| color: var(--muted); | |
| } | |
| .textInput { | |
| width: 100%; | |
| padding: 8px 10px; | |
| font: inherit; | |
| font-size: 14px; | |
| } | |
| .chips { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 8px; | |
| } | |
| .choice { | |
| font-size: 12px; | |
| padding: 6px 10px; | |
| border-radius: 8px; | |
| border: 1px solid var(--border-subtle); | |
| background: var(--surface-card); | |
| color: var(--text); | |
| cursor: pointer; | |
| } | |
| .choiceOn { | |
| border: 2px solid var(--accent); | |
| background: var(--surface-muted); | |
| padding: 5px 9px; | |
| } | |
| .hint { | |
| margin: 0; | |
| font-size: 12px; | |
| color: var(--muted); | |
| line-height: 1.4; | |
| } | |
| .blurb { | |
| margin: 0 0 10px; | |
| font-size: 13px; | |
| line-height: 1.5; | |
| color: var(--text); | |
| } | |
| .muted { | |
| margin: 0 0 10px; | |
| font-size: 13px; | |
| color: var(--muted); | |
| } | |
| .skillRow { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 6px; | |
| margin-bottom: 12px; | |
| } | |
| .skill { | |
| font-size: 12px; | |
| padding: 4px 8px; | |
| border-radius: 6px; | |
| background: var(--chip-bg, var(--surface-muted)); | |
| color: var(--text); | |
| } | |
| .actions { | |
| display: flex; | |
| flex-wrap: wrap; | |
| gap: 10px; | |
| margin-top: 8px; | |
| } | |
| .retry { | |
| font-size: 14px; | |
| } | |