Spaces:
Running
Running
| /* ═══ CheckpointBanner extracted styles ═══ */ | |
| .ckpt-banner { | |
| display: flex; align-items: center; gap: 10px; | |
| padding: 8px 12px; margin-bottom: 6px; | |
| border-radius: var(--chrome-radius-pill); | |
| background: var(--chrome-bg); | |
| border: 1px solid var(--chrome-border); | |
| } | |
| .ckpt-icon { flex-shrink: 0; } | |
| .ckpt-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; } | |
| .ckpt-head { display: flex; align-items: baseline; gap: 6px; } | |
| .ckpt-title { | |
| font-family: var(--chrome-font-mono); | |
| font-size: var(--chrome-label-size); | |
| letter-spacing: var(--chrome-label-track); | |
| text-transform: uppercase; | |
| font-weight: 600; | |
| color: var(--chrome-fg); | |
| } | |
| .ckpt-count { | |
| font-family: var(--chrome-font-mono); | |
| font-size: var(--chrome-label-size); | |
| color: var(--chrome-fg-muted); | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .ckpt-hint { font-size: 0.64rem; color: var(--chrome-fg-muted); line-height: 1.35; } | |
| /* ═══ DirectionDialog extracted styles ═══ */ | |
| .dir-preview-actions { display: flex; gap: 8px; align-items: center; margin-top: 8px; } | |
| .dir-clear-btn { margin-right: auto; } | |
| .dir-rate-up { color: var(--color-brand); } | |
| .dir-rate-down { color: var(--color-info); } | |
| .dir-error { color: var(--color-warn); font-size: 0.7rem; } | |
| /* ═══ SetupWizard preflight extracted styles ═══ */ | |
| .swiz-loading { | |
| display: flex; gap: 8px; align-items: center; | |
| justify-content: center; padding: 20px; | |
| color: var(--color-fg-muted); | |
| } | |
| .swiz-checklist { display: flex; flex-direction: column; gap: 6px; } | |
| .swiz-check-icon { flex-shrink: 0; padding-top: 2px; } | |
| .swiz-check-header { | |
| display: flex; align-items: center; justify-content: space-between; | |
| padding-bottom: 4px; margin-bottom: 2px; | |
| border-bottom: 1px solid var(--chrome-border, rgba(255,255,255,0.06)); | |
| } | |
| .swiz-check-header__label { | |
| font-size: 0.78rem; font-weight: 600; | |
| color: var(--color-fg-muted, #a89984); | |
| text-transform: uppercase; letter-spacing: 0.04em; | |
| } | |
| .swiz-missing { text-align: center; font-size: 0.78rem; margin: 0; } | |
| .swiz-status-loading { | |
| display: flex; gap: 8px; align-items: center; | |
| justify-content: center; color: var(--color-fg-muted); | |
| } | |
| /* ═══ App.jsx startup / wizard extracted styles ═══ */ | |
| .app-startup { | |
| display: flex; align-items: center; justify-content: center; | |
| min-height: 100vh; flex-direction: column; gap: 12px; | |
| color: #a89984; font-size: 13px; | |
| } | |
| .app-startup__title { font-size: 18px; color: #ebdbb2; } | |
| .app-wizard-wrap { | |
| /* Fill viewport above the fixed LogsFooter */ | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: var(--logs-footer-height, 28px); | |
| overflow: hidden; | |
| background: var(--color-bg, #1d2021); | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .app-wizard-dragstrip { | |
| position: fixed; top: 0; left: 0; right: 0; | |
| height: 28px; z-index: 10; | |
| } | |
| .app-lazy-fallback { padding: 12px; color: #6b6657; font-size: 0.7rem; } | |
| /* ═══ CompareModal extracted ═══ */ | |
| .compare-textarea--noresize { resize: none; } | |
| /* ═══ AudioTrimmer play button ═══ */ | |
| .audio-trimmer__play-btn { | |
| color: var(--color-success); | |
| border-color: rgba(142,192,124,0.3); | |
| background: rgba(142,192,124,0.08); | |
| } | |