forgecad 0.6.3 → 0.8.0

package/dist/assets/{EditorApp-CnC2k4cW.css → EditorApp-BWYUSpUN.css}

@@ -13,6 +13,20 @@
   font-family: system-ui, -apple-system, sans-serif;
   -webkit-tap-highlight-color: transparent;
   touch-action: manipulation;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+/* Allow text selection inside the code editor and text inputs */
+.fc-mobile [data-fc-editor-surface="monaco"],
+.fc-mobile [data-fc-editor-surface="monaco"] * {
+  -webkit-user-select: text;
+  user-select: text;
+}
+.fc-mobile input,
+.fc-mobile textarea {
+  -webkit-user-select: text;
+  user-select: text;
 }
 
 /* ════════════════════════════════════
@@ -44,7 +58,7 @@
 
 .fc-mobile-viewport-fabs {
   position: absolute;
-  top: calc(env(safe-area-inset-top, 0px) + 60px);
+  top: calc(env(safe-area-inset-top, 0px) + 8px);
   right: 14px;
   display: flex;
   flex-direction: column;
@@ -181,7 +195,9 @@
   backdrop-filter: blur(16px);
   -webkit-backdrop-filter: blur(16px);
   cursor: pointer;
-  transition: background 0.2s, border-color 0.2s;
+  transition:
+    background 0.2s,
+    border-color 0.2s;
 }
 
 .fc-m-status-pill--ok {
@@ -209,8 +225,12 @@
   flex-shrink: 0;
 }
 
-.fc-m-status-pill--ok .fc-m-status-dot { background: #34d399; }
-.fc-m-status-pill--error .fc-m-status-dot { background: #ff4757; }
+.fc-m-status-pill--ok .fc-m-status-dot {
+  background: #34d399;
+}
+.fc-m-status-pill--error .fc-m-status-dot {
+  background: #ff4757;
+}
 
 .fc-m-status-divider {
   width: 1px;
@@ -219,50 +239,11 @@
   flex-shrink: 0;
   opacity: 0.3;
 }
-.fc-m-status-pill--ok .fc-m-status-divider { background: #34d399; }
-.fc-m-status-pill--error .fc-m-status-divider { background: #ff4757; }
-
-/* ════════════════════════════════════
-   CORNER BUTTONS — top-right export
-════════════════════════════════════ */
-
-.fc-m-corners {
-  position: absolute;
-  top: calc(env(safe-area-inset-top, 0px) + 8px);
-  right: 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  z-index: 30;
-}
-
-.fc-m-corner-btn {
-  width: 38px;
-  height: 38px;
-  border-radius: 11px;
-  background: color-mix(in srgb, var(--fc-bgPanel) 88%, transparent);
-  backdrop-filter: blur(16px);
-  -webkit-backdrop-filter: blur(16px);
-  border: 1px solid var(--fc-border);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  color: var(--fc-textMuted);
-}
-
-.fc-m-corner-btn:active {
-  background: var(--fc-bgHover);
+.fc-m-status-pill--ok .fc-m-status-divider {
+  background: #34d399;
 }
-
-.fc-m-corner-btn svg {
-  width: 16px;
-  height: 16px;
-  stroke: currentColor;
-  fill: none;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round;
+.fc-m-status-pill--error .fc-m-status-divider {
+  background: #ff4757;
 }
 
 /* ════════════════════════════════════
@@ -285,7 +266,9 @@
   mask-image: linear-gradient(90deg, transparent 0px, black 12px, black calc(100% - 12px), transparent 100%);
 }
 
-.fc-m-param-chips-wrap::-webkit-scrollbar { display: none; }
+.fc-m-param-chips-wrap::-webkit-scrollbar {
+  display: none;
+}
 
 .fc-m-param-chip {
   display: flex;
@@ -301,7 +284,9 @@
   white-space: nowrap;
   cursor: pointer;
   flex-shrink: 0;
-  transition: background 0.1s, border-color 0.1s;
+  transition:
+    background 0.1s,
+    border-color 0.1s;
 }
 
 .fc-m-param-chip:active,
@@ -369,7 +354,9 @@
   padding: 0;
 }
 
-.fc-m-cmdbar-search-btn:active { opacity: 0.7; }
+.fc-m-cmdbar-search-btn:active {
+  opacity: 0.7;
+}
 
 .fc-m-cmdbar-search-icon {
   width: 15px;
@@ -409,14 +396,23 @@
 }
 
 .fc-m-cmdbar-filename {
+  display: flex;
+  align-items: center;
+  gap: 6px;
   font-size: 13px;
   color: var(--fc-textMuted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
   width: 100%;
   font-weight: 500;
   line-height: 1.3;
+  min-width: 0;
+}
+
+.fc-m-cmdbar-filename-text {
+  flex: 1;
+  min-width: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 /* Legacy — keep for any old references */
@@ -477,8 +473,12 @@
   transition: opacity 0.15s;
 }
 
-.fc-m-cmdbar-run-btn:active { opacity: 0.8; }
-.fc-m-cmdbar-run-btn:disabled { opacity: 0.4; }
+.fc-m-cmdbar-run-btn:active {
+  opacity: 0.8;
+}
+.fc-m-cmdbar-run-btn:disabled {
+  opacity: 0.4;
+}
 
 .fc-m-cmdbar-run-btn svg {
   width: 13px;
@@ -642,55 +642,148 @@
 }
 
 /* ── highlight.js token colours — dark themes (default) ── */
-.fc-mobile-editor-highlight .hljs-keyword   { color: #c586c0; }
-.fc-mobile-editor-highlight .hljs-string    { color: #ce9178; }
-.fc-mobile-editor-highlight .hljs-number    { color: #b5cea8; }
-.fc-mobile-editor-highlight .hljs-comment   { color: #6a9955; font-style: italic; }
-.fc-mobile-editor-highlight .hljs-function  { color: #dcdcaa; }
-.fc-mobile-editor-highlight .hljs-title     { color: #dcdcaa; }
-.fc-mobile-editor-highlight .hljs-params    { color: #9cdcfe; }
-.fc-mobile-editor-highlight .hljs-built_in  { color: #4ec9b0; }
-.fc-mobile-editor-highlight .hljs-literal   { color: #569cd6; }
-.fc-mobile-editor-highlight .hljs-attr      { color: #9cdcfe; }
-.fc-mobile-editor-highlight .hljs-property  { color: #9cdcfe; }
-.fc-mobile-editor-highlight .hljs-variable  { color: #9cdcfe; }
-.fc-mobile-editor-highlight .hljs-regexp    { color: #d16969; }
-.fc-mobile-editor-highlight .hljs-operator  { color: #d4d4d4; }
-.fc-mobile-editor-highlight .hljs-punctuation { color: #d4d4d4; }
+.fc-mobile-editor-highlight .hljs-keyword {
+  color: #c586c0;
+}
+.fc-mobile-editor-highlight .hljs-string {
+  color: #ce9178;
+}
+.fc-mobile-editor-highlight .hljs-number {
+  color: #b5cea8;
+}
+.fc-mobile-editor-highlight .hljs-comment {
+  color: #6a9955;
+  font-style: italic;
+}
+.fc-mobile-editor-highlight .hljs-function {
+  color: #dcdcaa;
+}
+.fc-mobile-editor-highlight .hljs-title {
+  color: #dcdcaa;
+}
+.fc-mobile-editor-highlight .hljs-params {
+  color: #9cdcfe;
+}
+.fc-mobile-editor-highlight .hljs-built_in {
+  color: #4ec9b0;
+}
+.fc-mobile-editor-highlight .hljs-literal {
+  color: #569cd6;
+}
+.fc-mobile-editor-highlight .hljs-attr {
+  color: #9cdcfe;
+}
+.fc-mobile-editor-highlight .hljs-property {
+  color: #9cdcfe;
+}
+.fc-mobile-editor-highlight .hljs-variable {
+  color: #9cdcfe;
+}
+.fc-mobile-editor-highlight .hljs-regexp {
+  color: #d16969;
+}
+.fc-mobile-editor-highlight .hljs-operator {
+  color: #d4d4d4;
+}
+.fc-mobile-editor-highlight .hljs-punctuation {
+  color: #d4d4d4;
+}
 
 /* ── highlight.js token colours — light themes ── */
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-keyword   { color: #af00db; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-string    { color: #a31515; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-number    { color: #098658; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-comment   { color: #008000; font-style: italic; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-function  { color: #795e26; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-title     { color: #795e26; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-params    { color: #001080; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-built_in  { color: #267f99; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-literal   { color: #0000ff; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-attr      { color: #001080; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-property  { color: #001080; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-variable  { color: #001080; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-regexp    { color: #811f3f; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-operator  { color: #3b3b3b; }
-:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-punctuation { color: #3b3b3b; }
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-keyword {
+  color: #af00db;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-string {
+  color: #a31515;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-number {
+  color: #098658;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-comment {
+  color: #008000;
+  font-style: italic;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-function {
+  color: #795e26;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-title {
+  color: #795e26;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-params {
+  color: #001080;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-built_in {
+  color: #267f99;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-literal {
+  color: #0000ff;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-attr {
+  color: #001080;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-property {
+  color: #001080;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-variable {
+  color: #001080;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-regexp {
+  color: #811f3f;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-operator {
+  color: #3b3b3b;
+}
+:root[data-fc-theme="light"] .fc-mobile-editor-highlight .hljs-punctuation {
+  color: #3b3b3b;
+}
 
 /* ── highlight.js token colours — kanagawa-lotus ── */
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-keyword   { color: #c84053; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-string    { color: #6f894e; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-number    { color: #cc6d00; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-comment   { color: #8a8980; font-style: italic; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-function  { color: #4d699b; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-title     { color: #4d699b; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-params    { color: #545464; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-built_in  { color: #597b8c; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-literal   { color: #c84053; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-attr      { color: #4d699b; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-property  { color: #4d699b; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-variable  { color: #545464; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-regexp    { color: #c84053; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-operator  { color: #766b6b; }
-:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-punctuation { color: #766b6b; }
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-keyword {
+  color: #c84053;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-string {
+  color: #6f894e;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-number {
+  color: #cc6d00;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-comment {
+  color: #8a8980;
+  font-style: italic;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-function {
+  color: #4d699b;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-title {
+  color: #4d699b;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-params {
+  color: #545464;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-built_in {
+  color: #597b8c;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-literal {
+  color: #c84053;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-attr {
+  color: #4d699b;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-property {
+  color: #4d699b;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-variable {
+  color: #545464;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-regexp {
+  color: #c84053;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-operator {
+  color: #766b6b;
+}
+:root[data-fc-theme="kanagawa-lotus"] .fc-mobile-editor-highlight .hljs-punctuation {
+  color: #766b6b;
+}
 
 /* ════════════════════════════════════
    PARAM SCRUB ZONE
@@ -725,7 +818,7 @@
 }
 
 .fc-m-scrub-zone::before {
-  content: '';
+  content: "";
   position: absolute;
   inset: 0;
   background-image: repeating-linear-gradient(
@@ -842,7 +935,9 @@
   color: var(--fc-accent);
 }
 
-.fc-m-scrub-spacer { flex: 1; }
+.fc-m-scrub-spacer {
+  flex: 1;
+}
 
 .fc-m-scrub-type-btn {
   display: flex;
@@ -881,6 +976,144 @@
   box-shadow: 0 2px 10px color-mix(in srgb, var(--fc-accent) 30%, transparent);
 }
 
+/* ── Choice sheet ── */
+.fc-m-choice-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 60;
+  display: flex;
+  align-items: flex-end;
+  background: rgba(0, 0, 0, 0.45);
+  animation: fc-m-fade-in 0.12s ease-out;
+}
+
+.fc-m-choice-sheet {
+  width: 100%;
+  max-height: 70vh;
+  background: var(--fc-bgPanel);
+  border-radius: 18px 18px 0 0;
+  border-top: 1px solid var(--fc-border);
+  padding: 8px 0 calc(12px + env(safe-area-inset-bottom, 0px));
+  animation: fc-m-slide-up 0.18s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  display: flex;
+  flex-direction: column;
+}
+
+.fc-m-choice-handle {
+  width: 36px;
+  height: 4px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.15);
+  margin: 0 auto 12px;
+}
+
+.fc-m-choice-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 0 20px 12px;
+  border-bottom: 1px solid var(--fc-border);
+}
+
+.fc-m-choice-copy {
+  min-width: 0;
+}
+
+.fc-m-choice-eyebrow {
+  font-size: 10px;
+  font-weight: 700;
+  color: var(--fc-textDim);
+  text-transform: uppercase;
+  letter-spacing: 0.7px;
+}
+
+.fc-m-choice-title {
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--fc-text);
+  margin-top: 2px;
+}
+
+.fc-m-choice-subtitle {
+  font-size: 12px;
+  color: var(--fc-textMuted);
+  margin-top: 4px;
+}
+
+.fc-m-choice-done {
+  flex-shrink: 0;
+  height: 30px;
+  padding: 0 12px;
+  border-radius: 15px;
+  border: 1px solid var(--fc-border);
+  background: var(--fc-bgSurface, var(--fc-bgInput));
+  color: var(--fc-textMuted);
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-choice-list {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.fc-m-choice-option {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  padding: 16px 20px;
+  border: none;
+  border-bottom: 1px solid var(--fc-border);
+  background: none;
+  text-align: left;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-choice-option:active {
+  background: var(--fc-bgHover, rgba(255, 255, 255, 0.04));
+}
+
+.fc-m-choice-option--active {
+  background: color-mix(in srgb, var(--fc-accent) 10%, transparent);
+}
+
+.fc-m-choice-option-label {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--fc-text);
+  min-width: 0;
+}
+
+.fc-m-choice-option-label--active {
+  color: var(--fc-accent);
+}
+
+.fc-m-choice-option-check {
+  width: 20px;
+  height: 20px;
+  border-radius: 10px;
+  border: 1px solid var(--fc-border);
+  color: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  font-weight: 800;
+  flex-shrink: 0;
+}
+
+.fc-m-choice-option-check--active {
+  background: var(--fc-accent);
+  border-color: var(--fc-accent);
+  color: #fff;
+}
+
 /* ── Type mode ── */
 .fc-m-type-overlay {
   position: absolute;
@@ -1080,7 +1313,9 @@
   line-height: 1.6;
 }
 
-.fc-m-error-ctx-line { color: var(--fc-textDim); }
+.fc-m-error-ctx-line {
+  color: var(--fc-textDim);
+}
 .fc-m-error-ctx-line--active {
   color: #ff8080;
   background: rgba(255, 71, 87, 0.08);
@@ -1146,11 +1381,131 @@
   font-family: inherit;
 }
 
-.fc-mobile-filepicker-item:active { background: var(--fc-bgHover); }
-.fc-mobile-filepicker-item[data-active="true"] { color: var(--fc-accent); font-weight: 600; }
+.fc-mobile-filepicker-item:active {
+  background: var(--fc-bgHover);
+}
+.fc-mobile-filepicker-item[data-active="true"] {
+  color: var(--fc-accent);
+  font-weight: 600;
+}
+
+/* ── Share sheet ── */
+.fc-m-share-sheet {
+  max-height: 78vh;
+}
+
+.fc-m-share-section {
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--fc-border);
+}
+
+.fc-m-share-section:last-child {
+  border-bottom: none;
+}
+
+.fc-m-share-label {
+  margin-bottom: 8px;
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--fc-textDim);
+  text-transform: uppercase;
+  letter-spacing: 0.6px;
+}
+
+.fc-m-share-card {
+  display: block;
+  width: 100%;
+  padding: 14px;
+  background: var(--fc-bgCard, var(--fc-bgInput, var(--fc-bg)));
+  border: 1px solid var(--fc-border);
+  border-radius: 12px;
+  color: var(--fc-text);
+  text-align: left;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-share-card:active {
+  background: var(--fc-bgHover);
+}
+
+.fc-m-share-card-title {
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.fc-m-share-card-desc {
+  display: block;
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--fc-textDim);
+}
+
+.fc-m-share-url {
+  width: 100%;
+  padding: 11px 12px;
+  background: var(--fc-bgCard, var(--fc-bgInput, var(--fc-bg)));
+  border: 1px solid var(--fc-border);
+  border-radius: 10px;
+  color: var(--fc-text);
+  font-size: 12px;
+  font-family: var(--fc-mono, "SF Mono", "Menlo", monospace);
+  box-sizing: border-box;
+}
+
+.fc-m-share-meta,
+.fc-m-share-note {
+  margin-top: 10px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--fc-textDim);
+}
+
+.fc-m-share-actions {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
+  margin-top: 10px;
+}
+
+.fc-m-share-btn {
+  min-width: 0;
+  height: 38px;
+  padding: 0 12px;
+  border-radius: 10px;
+  background: var(--fc-bgCard, var(--fc-bgInput, var(--fc-bg)));
+  border: 1px solid var(--fc-border);
+  color: var(--fc-text);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-share-btn:active {
+  background: var(--fc-bgHover);
+}
+
+.fc-m-share-btn--primary {
+  background: color-mix(in srgb, var(--fc-accent) 14%, transparent);
+  border-color: color-mix(in srgb, var(--fc-accent) 28%, transparent);
+  color: var(--fc-accent);
+}
+
+.fc-m-share-btn--danger {
+  color: var(--fc-error, #e74c3c);
+}
+
+.fc-m-share-btn--full {
+  grid-column: 1 / -1;
+}
 
 /* ── File picker: project section + new file ── */
-.fc-m-filepicker-projects { padding: 4px 0 0; }
+.fc-m-filepicker-projects {
+  padding: 4px 0 0;
+}
 
 .fc-m-filepicker-section-label {
   padding: 8px 16px 4px;
@@ -1182,7 +1537,9 @@
   border-radius: 6px;
 }
 
-.fc-m-filepicker-new-btn:active { opacity: 0.7; }
+.fc-m-filepicker-new-btn:active {
+  opacity: 0.7;
+}
 
 .fc-m-filepicker-new-row {
   display: flex;
@@ -1206,7 +1563,9 @@
   min-width: 0;
 }
 
-.fc-m-filepicker-new-input:focus { border-color: var(--fc-accent); }
+.fc-m-filepicker-new-input:focus {
+  border-color: var(--fc-accent);
+}
 
 .fc-m-filepicker-new-confirm {
   height: 38px;
@@ -1222,7 +1581,9 @@
   flex-shrink: 0;
 }
 
-.fc-m-filepicker-new-confirm:disabled { opacity: 0.4; }
+.fc-m-filepicker-new-confirm:disabled {
+  opacity: 0.4;
+}
 
 /* ── Cancel button in rename / new-file row ── */
 .fc-m-filepicker-cancel-btn {
@@ -1293,11 +1654,20 @@
   font-family: inherit;
 }
 
-.fc-m-action-sheet-btn:last-child { border-bottom: none; }
-.fc-m-action-sheet-btn:active { background: var(--fc-bgHover); }
+.fc-m-action-sheet-btn:last-child {
+  border-bottom: none;
+}
+.fc-m-action-sheet-btn:active {
+  background: var(--fc-bgHover);
+}
 
-.fc-m-action-sheet-btn--danger { color: #e05252; }
-.fc-m-action-sheet-btn--cancel { color: var(--fc-textDim); font-size: 15px; }
+.fc-m-action-sheet-btn--danger {
+  color: #e05252;
+}
+.fc-m-action-sheet-btn--cancel {
+  color: var(--fc-textDim);
+  font-size: 15px;
+}
 
 .fc-m-action-sheet-divider {
   height: 6px;
@@ -1322,16 +1692,24 @@
   font-family: inherit;
 }
 
-.fc-mobile-export-item:active { background: var(--fc-bgHover); }
-.fc-mobile-export-item:disabled { opacity: 0.5; }
+.fc-mobile-export-item:active {
+  background: var(--fc-bgHover);
+}
+.fc-mobile-export-item:disabled {
+  opacity: 0.5;
+}
 
 /* ════════════════════════════════════
    JOINT CONTROLS (inside a sheet)
 ════════════════════════════════════ */
 
-.fc-mobile-joints { padding: 4px 0 8px; }
+.fc-mobile-joints {
+  padding: 4px 0 8px;
+}
 
-.fc-mobile-joints-section { padding: 10px 16px; }
+.fc-mobile-joints-section {
+  padding: 10px 16px;
+}
 .fc-mobile-joints-section + .fc-mobile-joints-section {
   border-top: 1px solid var(--fc-border);
 }
@@ -1387,7 +1765,9 @@
   color: #fff;
 }
 
-.fc-mobile-joints-playbtn:disabled { opacity: 0.4; }
+.fc-mobile-joints-playbtn:disabled {
+  opacity: 0.4;
+}
 
 .fc-mobile-joints-slider {
   flex: 1;
@@ -1409,7 +1789,9 @@
   margin-top: 4px;
 }
 
-.fc-mobile-joint-item { margin-bottom: 8px; }
+.fc-mobile-joint-item {
+  margin-bottom: 8px;
+}
 
 .fc-mobile-joint-header {
   display: flex;
@@ -1418,7 +1800,10 @@
   margin-bottom: 2px;
 }
 
-.fc-mobile-joint-name { font-size: 12px; color: var(--fc-text); }
+.fc-mobile-joint-name {
+  font-size: 12px;
+  color: var(--fc-text);
+}
 
 .fc-mobile-joint-value {
   font-size: 11px;
@@ -1481,7 +1866,9 @@
   border-radius: 6px;
 }
 
-.fc-mobile-cmdpal-back:active { background: var(--fc-bgHover); }
+.fc-mobile-cmdpal-back:active {
+  background: var(--fc-bgHover);
+}
 
 .fc-mobile-cmdpal-close {
   background: none;
@@ -1517,7 +1904,9 @@
   min-width: 0;
 }
 
-.fc-mobile-cmdpal-input::placeholder { color: var(--fc-textDim); }
+.fc-mobile-cmdpal-input::placeholder {
+  color: var(--fc-textDim);
+}
 
 .fc-mobile-cmdpal-clear {
   display: flex;
@@ -1556,7 +1945,9 @@
   font-family: inherit;
 }
 
-.fc-mobile-cmdpal-item:active { background: var(--fc-bgHover); }
+.fc-mobile-cmdpal-item:active {
+  background: var(--fc-bgHover);
+}
 
 .fc-mobile-cmdpal-item-icon {
   font-size: 18px;
@@ -1599,12 +1990,16 @@
 ════════════════════════════════════ */
 
 @keyframes fc-m-spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 /* Keep old name for backward compat in existing components */
 @keyframes fc-mobile-spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
 
 .fc-mobile-spinner {
@@ -1634,13 +2029,21 @@
 ════════════════════════════════════ */
 
 @keyframes fc-m-fade-in {
-  from { opacity: 0; }
-  to   { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes fc-m-slide-up {
-  from { transform: translateY(100%); }
-  to   { transform: translateY(0); }
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
 }
 
 /* ════════════════════════════════════
@@ -1652,12 +2055,14 @@
   align-items: center;
   gap: 5px;
   flex-shrink: 0;
+  line-height: 1;
+  transform: translateY(-0.5px);
 }
 
 .fc-m-status-inline-dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 3px;
+  width: 7px;
+  height: 7px;
+  border-radius: 999px;
   flex-shrink: 0;
 }
 
@@ -1673,8 +2078,13 @@
 }
 
 @keyframes fc-m-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.5; }
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
 }
 
 .fc-m-status-inline-spinner {
@@ -1690,10 +2100,11 @@
   font-size: 9px;
   color: #f06b6b;
   opacity: 0.8;
+  min-width: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 180px;
+  max-width: 10ch;
 }
 
 /* ════════════════════════════════════
@@ -1960,7 +2371,7 @@
 }
 
 .fc-m-explorer-toggle::after {
-  content: '';
+  content: "";
   position: absolute;
   top: 2px;
   left: 2px;
@@ -2281,6 +2692,49 @@
   font-weight: 500;
 }
 
+.fc-m-listsheet-choice-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 10px 12px;
+  border-radius: 10px;
+  border: 1px solid var(--fc-border);
+  background: var(--fc-bgSurface, var(--fc-bgInput));
+  color: var(--fc-text);
+  cursor: pointer;
+  font-family: inherit;
+}
+
+.fc-m-listsheet-choice-btn:active {
+  background: var(--fc-bgHover, rgba(255, 255, 255, 0.04));
+}
+
+.fc-m-listsheet-choice-name {
+  flex: 1;
+  min-width: 0;
+  font-size: 11px;
+  color: var(--fc-textMuted);
+  font-weight: 500;
+  text-align: left;
+}
+
+.fc-m-listsheet-choice-value {
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--fc-accent);
+  max-width: 50%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.fc-m-listsheet-choice-chevron {
+  font-size: 16px;
+  line-height: 1;
+  color: var(--fc-textDim);
+}
+
 .fc-m-listsheet-scrub-slider {
   flex: 1;
   -webkit-appearance: none;