html body .glyph-work { border-top: 1px solid #526359; padding-top: 12px; margin-top: 12px; }
html body .glyph-work h3 { font-size: 14px; line-height: 1.4; margin: 0 0 8px; letter-spacing: 0; }
html body .glyph-work form { display: grid; gap: 8px; margin: 12px 0; }
html body .glyph-work label { display: grid; gap: 6px; font-size: 12px; }
html body .glyph-work textarea { width: 100%; box-sizing: border-box; min-height: 80px; resize: vertical; color: #ecf4ef; background: #0d1712; }
html body .glyph-work-task { display: flex; gap: 8px; align-items: center; padding: 6px 0; border-bottom: 1px solid #35443b; }
html body .glyph-work-task span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
html body .glyph-work-run { border-bottom: 1px solid #526359; padding: 10px 0; }
html body .glyph-work-run summary { cursor: pointer; font-size: 12px; overflow-wrap: anywhere; }
html body .glyph-work-run :is(p, code, pre) { display: block; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; max-width: 100%; }
html body .glyph-work-run pre { max-height: 260px; overflow: auto; background: #080e0b; padding: 8px; }
html body .glyph-work-run pre[hidden] { display: none; }
html body .glyph-work-run code { color: #a0d4bd; font-size: 10px; }
html body #glyph-program-list { display: grid; grid-template-columns: 1fr; gap: 6px; }
html body .ghost-program-window { width: min(900px, calc(100vw - 32px)); height: min(700px, calc(100dvh - 130px)); min-width: 0; min-height: 0; }
html body .ghost-program-window:not([hidden]):not(.is-docked) { display: flex !important; flex-direction: column; }
html body #ghost-program-frame { display: block; flex: 1 1 auto; width: 100%; min-height: 0; border: 0; background: white; }
html body[data-launch][data-device-profile] .ghost-program-window > .window-bar { display: flex !important; flex-shrink: 0; flex-wrap: nowrap !important; min-width: 0; gap: 8px !important; }
html body[data-launch][data-device-profile] #ghost-program-title { flex: 1 1 0 !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; letter-spacing: 0 !important; }
html body[data-launch][data-device-profile] .ghost-program-window > .window-bar > div { display: flex !important; flex: 0 0 auto !important; flex-wrap: nowrap !important; gap: 4px !important; }
html body[data-device-profile="phone"] #glyph-program-window.ghost-program-window {
  top: max(44px, env(safe-area-inset-top, 0px)) !important;
  width: calc(100vw - 16px) !important;
  max-width: calc(100vw - 16px) !important;
  height: calc(100dvh - 244px - env(safe-area-inset-bottom, 0px)) !important;
}
html body[data-launch="desktop"][data-device-profile="phone"] #running-dock {
  position: fixed !important;
  top: auto !important;
  bottom: calc(184px + env(safe-area-inset-bottom, 0px)) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  max-width: calc(100vw - 32px);
  flex-wrap: nowrap;
  overflow-x: auto;
}