diff --git a/studio/web/src/components/Field.tsx b/studio/web/src/components/Field.tsx
index eb88649..7a5053e 100644
--- a/studio/web/src/components/Field.tsx
+++ b/studio/web/src/components/Field.tsx
@@ -642,6 +642,8 @@ function PathStringField({
   return (
     <FieldShell
       {...shell}
+      // Paths are long: full width under the name, not squeezed into the side column.
+      stack={kind === 'path'}
       below={
         <>
           {/* resume_state / resume_lora：贴字段的 dropdown，按 version 分组列文件 */}
@@ -669,31 +671,44 @@ function PathStringField({
         </>
       }
     >
-      <input
-        type="text"
-        value={text}
-        onChange={(e) => onChange(e.target.value)}
-        disabled={disabled}
-        aria-label={label}
-        title={text || undefined}
-        className={'ds-inp' + (kind === 'path' ? ' ds-mono' : '')}
-      />
-      {(kind === 'path' || suffix) && (
-        <span style={{ display: 'flex', gap: 6, alignItems: 'center' }}>
-          {kind === 'path' && (
-            <button
-              ref={browseBtnRef}
-              type="button"
-              onClick={() => setPicking((p) => !p)}
-              disabled={disabled}
-              className="ds-ctl ds-ghost"
-              style={{ height: 24 }}
-            >
-              {useResumePicker ? t('field.browseProject') : t('field.browse')}
-            </button>
-          )}
-          {suffix}
+      {kind === 'path' ? (
+        // input + folder button on one row, as in the mockup
+        <span style={{ display: 'flex', gap: 6, width: '100%' }}>
+          <input
+            type="text"
+            value={text}
+            onChange={(e) => onChange(e.target.value)}
+            disabled={disabled}
+            aria-label={label}
+            title={text || undefined}
+            className="ds-inp ds-mono"
+            style={{ flex: 1 }}
+          />
+          <button
+            ref={browseBtnRef}
+            type="button"
+            onClick={() => setPicking((p) => !p)}
+            disabled={disabled}
+            className="ds-iconbtn"
+            aria-label={useResumePicker ? t('field.browseProject') : t('field.browse')}
+            title={useResumePicker ? t('field.browseProject') : t('field.browse')}
+          >
+            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /></svg>
+          </button>
         </span>
+      ) : (
+        <input
+          type="text"
+          value={text}
+          onChange={(e) => onChange(e.target.value)}
+          disabled={disabled}
+          aria-label={label}
+          title={text || undefined}
+          className="ds-inp"
+        />
+      )}
+      {suffix && (
+        <span style={{ display: 'flex', gap: 6, alignItems: 'center' }}>{suffix}</span>
       )}
     </FieldShell>
   )
diff --git a/studio/web/src/components/Sidebar.tsx b/studio/web/src/components/Sidebar.tsx
index c7da735..915ca7c 100644
--- a/studio/web/src/components/Sidebar.tsx
+++ b/studio/web/src/components/Sidebar.tsx
@@ -309,7 +309,11 @@ function ProjectStepperNav({ pid, activeVid, currentStep, version, collapsed, in
 
   const overviewActive = inRoute && currentStep === null
   // ADR-0007 §11.5 cursor 派生：cursor 之前的 phase = done。
-  const cursorPhase: VersionPhase = (version?.phase as VersionPhase | undefined) ?? 'curating'
+  // The cursor only means something while the version is being prepared; a
+  // trained / training version has every step behind it (same as Overview).
+  const cursorPhase: VersionPhase = !version
+    ? 'curating'
+    : version.status === 'preparing' ? version.phase : 'ready'
   const cursorIdx = PHASE_ORDER.indexOf(cursorPhase)
 
   const isStepDone = (key: string): boolean => {
diff --git a/studio/web/src/components/StepShell.tsx b/studio/web/src/components/StepShell.tsx
index 18985f5..2486c94 100644
--- a/studio/web/src/components/StepShell.tsx
+++ b/studio/web/src/components/StepShell.tsx
@@ -6,7 +6,7 @@ import TaskLogDrawer, { type LogSource } from './TaskLogDrawer'
 interface Props {
   idx: number | string
   title: string
-  subtitle?: string
+  subtitle?: ReactNode
   /** Caption above the title; defaults to "STEP N" for a numeric idx. */
   eyebrow?: string
   /** Green eyebrow (the mockup's version steps). On unless set to false. */
diff --git a/studio/web/src/components/preprocess/PreprocessToolsBar.tsx b/studio/web/src/components/preprocess/PreprocessToolsBar.tsx
index 9c97cf8..c84a693 100644
--- a/studio/web/src/components/preprocess/PreprocessToolsBar.tsx
+++ b/studio/web/src/components/preprocess/PreprocessToolsBar.tsx
@@ -178,7 +178,7 @@ export function PreprocessHeadTools({ projectId, versionId }: { projectId: numbe
       >
         {t('ppFrame.restoreAll')}{s.processed > 0 ? ` · ${s.processed}` : ''}
       </button>
-      <Link className="ds-btn-primary" to={`/projects/${projectId}/v/${versionId}/edit`}>{t('ppFrame.next')}</Link>
+      <Link className="ds-btn-primary" to={`/projects/${projectId}/v/${versionId}/edit`}>{t('ppFrame.next')}<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.3" strokeLinecap="round" strokeLinejoin="round"><path d="M5 12h13m-5-6 6 6-6 6" /></svg></Link>
     </>
   )
 }
diff --git a/studio/web/src/i18n/locales/en.json b/studio/web/src/i18n/locales/en.json
index 206b9d3..8f45e2f 100644
--- a/studio/web/src/i18n/locales/en.json
+++ b/studio/web/src/i18n/locales/en.json
@@ -1169,7 +1169,7 @@
     "downloadFile": "Download",
     "folderOpened": "Opened {{path}}",
     "sourceLink": "Project #{{projectId}} / v#{{versionId}}",
-    "eyebrow": "Task · {{kind}}",
+    "eyebrow": "TASK · {{kind}}",
     "startedAtShort": "started {{time}}",
     "runningFor": "running {{time}}",
     "queuedAtShort": "queued since {{time}}",
@@ -1927,7 +1927,7 @@
     "deltaHint": "Net gain over the plain base model baseline",
     "deltaHintShort": "Δ against the plain base model",
     "waitingMetrics": "waiting for metrics",
-    "eyebrow": "Tools",
+    "eyebrow": "TOOLS",
     "title": "Monitor",
     "subtitle": "Checkpoint metrics against the validation set. Δ is the gain over the plain base model.",
     "pickCkptsBtn": "Pick checkpoints",
@@ -2168,7 +2168,7 @@
     "sweep": "Sweep:",
     "nCkpts": "{{count}} checkpoints",
     "versionTraining": "{{label}} (training)",
-    "eyebrow": "Tools",
+    "eyebrow": "TOOLS",
     "guidance": "Guidance",
     "randomSeed": "Random",
     "sizeNote": "multiple of 64 · {{mp}} MP",
@@ -2773,7 +2773,7 @@
     },
     "reg": {
       "title": "Reg set",
-      "subtitle": "Booru scrape or a neutral base-model prior. Mirrors the train structure or one 1_data/ folder."
+      "subtitle": "Booru scrape or a neutral base-model prior. Mirrors the train structure or one <code>1_data/</code> folder."
     },
     "train": {
       "title": "Train",
@@ -3036,7 +3036,7 @@
     "colRes": "Res",
     "selectHint": "Select a preset to see its summary.",
     "colName": "Name",
-    "eyebrow": "Tools",
+    "eyebrow": "TOOLS",
     "title": "Presets",
     "subtitle": "Global config templates. A project version takes a copy — edits there never change the preset.",
     "headMenu": "More: import, export YAML",
@@ -3073,7 +3073,7 @@
     "noPresetError": "Select a preset first",
     "enqueuedNav": "Queued #{{id}}, check progress in /queue",
     "scheduledNav": "Scheduled #{{id}} to start at {{time}}",
-    "startTrainBtn": "Start Training",
+    "startTrainBtn": "Start training",
     "scheduleBtn": "Schedule training",
     "scheduleHint": "Schedule training (delay by N hours or pick a time)",
     "scheduleDelaySection": "Start after",
@@ -3133,7 +3133,7 @@
     "pickerTitleConfigured": "Current version has its own config; click to pick a preset as a starting point to reset",
     "pickerTitleEmpty": "Click to pick a preset as a starting point and create the current version's config",
     "configChip": "config",
-    "scopedConfigLabel": "{{title}} / {{label}} config",
+    "scopedConfigLabel": "{{title}} · {{label}}",
     "notConfiguredLabel": "Not configured — pick a preset to start",
     "readPresetParams": "Read params from this preset",
     "estDuration": "Est. duration",
diff --git a/studio/web/src/i18n/locales/ru.json b/studio/web/src/i18n/locales/ru.json
index 79eb48c..818e8cc 100644
--- a/studio/web/src/i18n/locales/ru.json
+++ b/studio/web/src/i18n/locales/ru.json
@@ -134,7 +134,7 @@
     },
     "reg": {
       "title": "Reg-набор",
-      "subtitle": "Сбор с booru или нейтральный приор базовой модели. Повторяет структуру train либо одна папка 1_data/."
+      "subtitle": "Сбор с booru или нейтральный приор базовой модели. Повторяет структуру train либо одна папка <code>1_data/</code>."
     },
     "train": {
       "title": "Тренировка",
@@ -320,7 +320,7 @@
     "deltaHint": "Чистый прирост относительно чистой базовой модели",
     "deltaHintShort": "Δ относительно чистой базовой модели",
     "waitingMetrics": "жду метрики",
-    "eyebrow": "Инструменты",
+    "eyebrow": "ИНСТРУМЕНТЫ",
     "title": "Монитор",
     "subtitle": "Метрики чекпоинтов против validation-набора. Δ — прирост к чистой базовой модели.",
     "pickCkptsBtn": "Выбрать чекпоинты",
@@ -446,7 +446,7 @@
     "noPresetError": "Сначала выберите пресет",
     "enqueuedNav": "Поставлено в очередь #{{id}}, прогресс в /queue",
     "scheduledNav": "Запланировано #{{id}} на {{time}}",
-    "startTrainBtn": "Запустить тренировку",
+    "startTrainBtn": "Начать тренировку",
     "scheduleBtn": "Запланировать",
     "scheduleHint": "Запланировать тренировку (через N часов или на конкретное время)",
     "scheduleDelaySection": "Начать через",
@@ -506,7 +506,7 @@
     "pickerTitleConfigured": "У версии свой конфиг; нажмите, чтобы выбрать пресет как отправную точку для сброса",
     "pickerTitleEmpty": "Нажмите, чтобы выбрать пресет как отправную точку и создать конфиг версии",
     "configChip": "конфиг",
-    "scopedConfigLabel": "Конфиг {{title}} / {{label}}",
+    "scopedConfigLabel": "{{title}} · {{label}}",
     "notConfiguredLabel": "Не настроено — выберите пресет",
     "readPresetParams": "Прочитать параметры из этого пресета",
     "estDuration": "Примерно займёт",
@@ -1624,7 +1624,7 @@
     "addYAxis": "+ Добавить ось Y",
     "addLora": "+ Добавить LoRA",
     "versionTraining": "{{label}} (тренируется)",
-    "eyebrow": "Инструменты",
+    "eyebrow": "ИНСТРУМЕНТЫ",
     "singleMode": "Одиночно",
     "xyMode": "XY-перебор",
     "xyAxis": "Ось {{label}}",
@@ -2838,7 +2838,7 @@
     "copyFailed": "Не удалось скопировать",
     "defaultedFieldsBody": "Поля с недопустимыми значениями сброшены к значениям по умолчанию:",
     "droppedFieldsBody": "Поля, которых нет в этой версии, пропущены:",
-    "eyebrow": "Инструменты",
+    "eyebrow": "ИНСТРУМЕНТЫ",
     "title": "Пресеты",
     "subtitle": "Глобальные шаблоны конфига. Версия проекта берёт копию — правки в ней не меняют пресет.",
     "headMenu": "Ещё: импорт, экспорт YAML",
@@ -2984,7 +2984,7 @@
     "downloadFile": "Скачать",
     "folderOpened": "Открыто: {{path}}",
     "sourceLink": "Проект #{{projectId}} / v#{{versionId}}",
-    "eyebrow": "Задача · {{kind}}",
+    "eyebrow": "ЗАДАЧА · {{kind}}",
     "startedAtShort": "запущена {{time}}",
     "runningFor": "идёт {{time}}",
     "queuedAtShort": "в очереди с {{time}}",
diff --git a/studio/web/src/i18n/locales/zh.json b/studio/web/src/i18n/locales/zh.json
index 9711021..fd0cac8 100644
--- a/studio/web/src/i18n/locales/zh.json
+++ b/studio/web/src/i18n/locales/zh.json
@@ -2259,7 +2259,7 @@
     },
     "reg": {
       "title": "正则集（可选）",
-      "subtitle": "Booru 拉图或 base 模型自生成中性 prior；可镜像 train 结构或平铺单桶 1_data/"
+      "subtitle": "Booru 拉图或 base 模型自生成中性 prior；可镜像 train 结构或平铺单桶 <code>1_data/</code>"
     },
     "train": {
       "title": "训练",
@@ -2577,7 +2577,7 @@
     "pickerTitleConfigured": "当前 version 私有配置；点击展开选预设作为起点重置",
     "pickerTitleEmpty": "点击选预设作为起点创建当前 version 配置",
     "configChip": "配置",
-    "scopedConfigLabel": "{{title}} / {{label}} 配置",
+    "scopedConfigLabel": "{{title}} · {{label}}",
     "notConfiguredLabel": "未配置 — 选预设作为起点",
     "readPresetParams": "读取此预设参数",
     "estDuration": "预计耗时",
diff --git a/studio/web/src/pages/Projects.tsx b/studio/web/src/pages/Projects.tsx
index 38c629c..197a918 100644
--- a/studio/web/src/pages/Projects.tsx
+++ b/studio/web/src/pages/Projects.tsx
@@ -817,7 +817,7 @@ function NewProjectDialog({
           />
         </FieldLabel>
 
-        <FieldLabel label={t('common.notes')} hint="note (optional)">
+        <FieldLabel label={t('common.notes')} hint="note">
           <textarea
             className="input"
             value={form.note}
diff --git a/studio/web/src/pages/project/steps/Curation.tsx b/studio/web/src/pages/project/steps/Curation.tsx
index 8101de3..9a5ce10 100644
--- a/studio/web/src/pages/project/steps/Curation.tsx
+++ b/studio/web/src/pages/project/steps/Curation.tsx
@@ -641,7 +641,7 @@ export default function CurationPage() {
               <button type="button" className={`ds-seg-item${!isVal ? ' ds-is-active' : ''}`} aria-pressed={!isVal} onClick={() => switchBucket('train')}>{t('curate.bucketTrain')}</button>
               <button type="button" className={`ds-seg-item${isVal ? ' ds-is-active' : ''}`} aria-pressed={isVal} onClick={() => switchBucket('validation')}>{t('curate.bucketValShort')}</button>
             </div>
-            <Link className="ds-btn-primary" to={`/projects/${project.id}/v/${activeVersion.id}/preprocess`}>{t('curate.next')}</Link>
+            <Link className="ds-btn-primary" to={`/projects/${project.id}/v/${activeVersion.id}/preprocess`}>{t('curate.next')}<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.3" strokeLinecap="round" strokeLinejoin="round"><path d="M5 12h13m-5-6 6 6-6 6" /></svg></Link>
           </>
         }
       />
diff --git a/studio/web/src/pages/project/steps/Download.tsx b/studio/web/src/pages/project/steps/Download.tsx
index 9af2786..46f5911 100644
--- a/studio/web/src/pages/project/steps/Download.tsx
+++ b/studio/web/src/pages/project/steps/Download.tsx
@@ -267,7 +267,7 @@ export default function DownloadPage() {
             <button type="button" className="ds-ctl" onClick={() => setShowPathPicker(true)} disabled={uploader.busy}>
               {t('download.uploadFromPath')}
             </button>
-            <Link className="ds-btn-primary" to={nextTo}>{t('dataset.nextCurate')}</Link>
+            <Link className="ds-btn-primary" to={nextTo}>{t('dataset.nextCurate')}<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.3" strokeLinecap="round" strokeLinejoin="round"><path d="M5 12h13m-5-6 6 6-6 6" /></svg></Link>
           </>
         }
       />
diff --git a/studio/web/src/pages/project/steps/Regularization.tsx b/studio/web/src/pages/project/steps/Regularization.tsx
index 349e54c..ddf40c4 100644
--- a/studio/web/src/pages/project/steps/Regularization.tsx
+++ b/studio/web/src/pages/project/steps/Regularization.tsx
@@ -1,6 +1,6 @@
 import type { TFunction } from 'i18next'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
+import { Trans, useTranslation } from 'react-i18next'
 import { Link, useOutletContext } from 'react-router-dom'
 import {
   api,
@@ -532,7 +532,7 @@ export default function RegularizationPage() {
       idx={5}
       eyebrow={t('reg.eyebrow')}
       title={t('steps.reg.title')}
-      subtitle={t('steps.reg.subtitle')}
+      subtitle={<Trans i18nKey="steps.reg.subtitle" components={{ code: <code /> }} />}
       actions={
         <>
           {!reg?.exists && <Link className="ds-ctl" to={trainUrl}>{t('reg.skipStep')}</Link>}
diff --git a/studio/web/src/pages/project/steps/Train.tsx b/studio/web/src/pages/project/steps/Train.tsx
index 6ec375b..b804f6a 100644
--- a/studio/web/src/pages/project/steps/Train.tsx
+++ b/studio/web/src/pages/project/steps/Train.tsx
@@ -648,7 +648,7 @@ export default function TrainPage() {
     return base.replace(/\.(safetensors|ckpt|pt|bin|gguf)$/i, '') || String(config?.model_family ?? '—')
   })()
   const subtitle = config
-    ? [modelName, `${String(config.lora_type ?? 'lora')} r${String(config.lora_rank ?? '—')}`, t('train.nParams', { count: totalFields })].join(' · ')
+    ? <><code>{modelName}</code>{' · '}{[`${LORA_TYPE_LABEL[String(config.lora_type ?? 'lora')] ?? String(config.lora_type)} r${String(config.lora_rank ?? '—')}`, t('train.nParams', { count: totalFields })].join(' · ')}</>
     : t('steps.train.subtitle')
 
   const triggerUnderDop = !!config?.dop_enabled && groupFields('loss').includes('dop_enabled')
@@ -695,6 +695,7 @@ export default function TrainPage() {
             disabled={busy || !configResp?.has_config}
             className="ds-btn-primary"
           >
+            <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z" /></svg>
             {t('train.startTrainBtn')}
           </button>
           {scheduleOpen && (
@@ -967,6 +968,9 @@ type TrainTabId = 'model' | 'data' | 'optim' | 'system'
 type FieldFilterMode = 'all' | 'changed' | 'nondefault' | 'locked'
 
 /** Which schema groups each tab of the form shows. */
+/** How the network type reads in the page subtitle (the mockup writes "LoKr r32"). */
+const LORA_TYPE_LABEL: Record<string, string> = { lora: 'LoRA', lokr: 'LoKr', loha: 'LoHa', ortho: 'OrthoLoRA', tlora: 'T-LoRA' }
+
 const TRAIN_TABS = [
   { id: 'model', groups: ['model', 'lora'] },
   { id: 'data', groups: ['dataset', 'caption'] },
diff --git a/studio/web/src/pages/tools/Presets.tsx b/studio/web/src/pages/tools/Presets.tsx
index 256321d..97b9416 100644
--- a/studio/web/src/pages/tools/Presets.tsx
+++ b/studio/web/src/pages/tools/Presets.tsx
@@ -87,6 +87,7 @@ export default function PresetsPage() {
   // ── backend state ──
   const [schema, setSchema] = useState<SchemaResponse | null>(null)
   const [presets, setPresets] = useState<PresetSummary[]>([])
+  const [presetsLoaded, setPresetsLoaded] = useState(false)
   const [selected, setSelected] = useState<string | null>(null)
   const [config, setConfig] = useState<ConfigData | null>(null)
   const [busy, setBusy] = useState(false)
@@ -156,13 +157,14 @@ export default function PresetsPage() {
   const refreshList = () => {
     api.listPresets().then((list) => {
       setPresets(list)
+      setPresetsLoaded(true)
       // 拉每个 preset 的 config 填表格列（best-effort，失败列显示 —）。
       list.forEach((p) => {
         api.getPreset(p.name)
           .then((c) => setConfigCache((m) => ({ ...m, [p.name]: c })))
           .catch(() => {})
       })
-    }).catch(() => setPresets([]))
+    }).catch(() => { setPresets([]); setPresetsLoaded(true) })
   }
 
   // ── 选 preset 切换 ──
@@ -228,14 +230,12 @@ export default function PresetsPage() {
   // ── 首次拿到列表后：自动选最近一个，省一次「切换」点击 ──
   const autoSelectedRef = useRef(false)
   useEffect(() => {
-    if (autoSelectedRef.current) return
-    if (presets.length > 0 && selected === null) {
-      autoSelectedRef.current = true
-      setSelected(presets[0].name)
-    } else if (presets.length === 0 && schema) {
-      autoSelectedRef.current = true
-    }
-  }, [presets, selected, schema])
+    // Wait for the list itself: the schema can arrive first, and an empty
+    // list at that moment is "not loaded yet", not "no presets".
+    if (autoSelectedRef.current || !presetsLoaded) return
+    autoSelectedRef.current = true
+    if (presets.length > 0 && selected === null) setSelected(presets[0].name)
+  }, [presets, presetsLoaded, selected])
 
   // 编辑器开着时 Esc 关闭（dirty 时仍可关 —— 改动留在内存，跟切 preset 一致）。
   useEffect(() => {
@@ -632,7 +632,7 @@ export default function PresetsPage() {
                           </td>
                           <td className="ds-num">{cfgRank(c)}</td>
                           <td className="ds-num">{cfgRes(c)}</td>
-                          <td>{c?.optimizer_type ? schemaEnumLabel('optimizer_type', String(c.optimizer_type), t) : '—'}</td>
+                          <td style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', maxWidth: 130 }} title={c?.optimizer_type ? schemaEnumLabel('optimizer_type', String(c.optimizer_type), t) : undefined}>{c?.optimizer_type ? schemaEnumLabel('optimizer_type', String(c.optimizer_type), t) : '—'}</td>
                           <td className="ds-muted" style={{ whiteSpace: 'nowrap' }}>{fmtUpdated(p.updated_at)}</td>
                           <td onClick={(e) => e.stopPropagation()}>
                             <KebabMenu label={t('presets.rowMenu', { name: p.name })} items={rowMenu(p.name)} />
diff --git a/studio/web/src/styles/tokens.css b/studio/web/src/styles/tokens.css
index 2acb82e..04e00b7 100644
--- a/studio/web/src/styles/tokens.css
+++ b/studio/web/src/styles/tokens.css
@@ -202,12 +202,12 @@ select option:checked { background-color: var(--accent-soft); color: var(--accen
 /* Button — Tailark Mist `buttonVariants`: h-9 px-4 rounded-md text-sm font-medium;
    outline = bg-background ring-1 ring-foreground/10 shadow-sm; ghost = hover:bg-foreground/5 */
 .btn {
-  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
-  min-height: 36px;
-  padding: 0 16px;
+  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
+  min-height: 32px;
+  padding: 0 11px;
   border-radius: var(--r-md);
   border: 1px solid transparent;
-  font-size: var(--t-sm); font-weight: 500;
+  font-size: 12.5px; font-weight: 500;
   letter-spacing: -0.005em;
   transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease, filter 200ms ease, transform 200ms ease;
   white-space: nowrap; line-height: 1.2;
@@ -217,7 +217,7 @@ select option:checked { background-color: var(--accent-soft); color: var(--accen
 .btn:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--bg-surface), 0 0 0 4px var(--ring); }
 .btn:disabled { opacity: 0.5; cursor: not-allowed; }
 .btn-primary {
-  background: var(--accent-fill); color: var(--accent-fg); font-weight: 600;
+  background: var(--accent-fill); color: var(--accent-fg); font-weight: 600; padding: 0 14px;
 }
 .btn-primary:hover:not(:disabled) { background: var(--accent); }
 .btn-secondary {
@@ -233,7 +233,7 @@ select option:checked { background-color: var(--accent-soft); color: var(--accen
 .btn-danger:hover:not(:disabled) { background: #fbdcdc; }
 .btn-warn { background: var(--warn-soft); color: var(--warn); box-shadow: inset 0 0 0 1px var(--warn-line); }
 .btn-warn:hover:not(:disabled) { filter: brightness(0.95); }
-.btn-sm { min-height: 32px; padding: 0 12px; font-size: var(--t-sm); gap: 6px; }
+.btn-sm { min-height: 26px; padding: 0 10px; font-size: 12px; gap: 6px; }
 .btn-xs { min-height: 24px; padding: 0 8px; font-size: var(--t-xs); font-weight: 500; border-radius: var(--r-sm); gap: 4px; }
 
 /* Card — Tailark Mist `cardVariants.default`: bg-card rounded-xl shadow ring-1 ring-foreground/5 */
@@ -259,10 +259,9 @@ select option:checked { background-color: var(--accent-soft); color: var(--accen
 
 .badge {
   display: inline-flex; align-items: center; gap: 5px;
-  font-family: var(--font-sans); font-size: var(--t-xs); font-weight: 500;
-  padding: 1px 8px; border-radius: var(--r-pill); letter-spacing: 0;
-  white-space: nowrap; line-height: 1.5;
-  box-shadow: inset 0 0 0 1px var(--badge-line, transparent);
+  font-family: var(--font-sans); font-size: 11px; font-weight: 500;
+  min-height: 21px; padding: 0 9px; border-radius: var(--r-pill); letter-spacing: 0;
+  white-space: nowrap; line-height: 1.2;
 }
 .badge-ok      { background: var(--ok-soft);   color: var(--ok);   --badge-line: var(--ok-line); }
 .badge-warn    { background: var(--warn-soft); color: var(--warn); --badge-line: var(--warn-line); }
@@ -285,8 +284,8 @@ select option:checked { background-color: var(--accent-soft); color: var(--accen
   background: var(--bg-surface);
   border: 1px solid var(--border-default);
   border-radius: var(--r-md);
-  padding: 7px 12px;
-  font-size: var(--t-sm); line-height: 20px; color: var(--fg-primary);
+  padding: 6px 11px;
+  font-size: 12.5px; line-height: 18px; color: var(--fg-primary);
   outline: none; width: 100%; min-width: 0;
   box-shadow: var(--sh-sm);
   transition: color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
@@ -294,7 +293,7 @@ select option:checked { background-color: var(--accent-soft); color: var(--accen
 .input:focus { border-color: var(--ring); box-shadow: var(--ring-focus); }
 .input:disabled { background: var(--bg-sunken); opacity: 0.6; cursor: not-allowed; }
 .input::placeholder { color: var(--fg-tertiary); }
-.input-mono { font-family: var(--font-mono); font-size: var(--t-sm); letter-spacing: 0; }
+.input-mono { font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0; }
 textarea.input { line-height: 1.55; }
 /* Select — Tailark SelectTrigger: ChevronsUpDown icon at 50% opacity */
 select.input {