.uds-shell-static {
 display: none !important;
}

/* sticky kill — shell plugin only */
section.uds-scroll-track,
.uds-scroll-track,
[data-uds-scroll="1"] {
 height: auto !important;
 min-height: 0 !important;
 max-height: none !important;
}
.uds-scroll-pin {
 position: relative !important;
 top: auto !important;
 bottom: auto !important;
 z-index: auto !important;
}
.pin-spacer:has(.uds-scroll-pin),
.pin-spacer:has(.uds-root) {
 height: auto !important;
 padding: 0 !important;
 margin: 0 !important;
}

/* Fake editor chrome — scoped to shell roots only */
.uds-root .uds-window,
.ud-shell .uds-window {
 box-sizing: border-box !important;
 width: 100% !important;
 max-width: none !important;
 height: min(85vh, 780px) !important;
 max-height: 780px !important;
 min-height: 480px !important;
}

/*
  HOME SHELL WIDTH — only when fake editor is on the page.
  Expand public column + zone so fullBleed home sections (features/download)
  and the shell are not stuck in --canvas-w 960. Do not touch plugins/roadmap.
*/
#app-content:has(.uds-root),
#app-content:has(.ud-shell) {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
#app-content:has(.uds-root) .zone-container,
#app-content:has(.ud-shell) .zone-container,
#app-content:has(.uds-root) .workspace,
#app-content:has(.ud-shell) .workspace,
#app-content:has(.uds-root) .grid-content,
#app-content:has(.ud-shell) .grid-content {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Shell block only — align to header column tokens */
.layout-item.ud-shell,
.ud-shell.layout-item,
.layout-item:has(.uds-root),
.layout-item:has(.uds-scroll-track) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: var(--ud-col-inset, max(1.5rem, calc((100vw - var(--ud-col-max, 1400px)) / 2 + 1.5rem))) !important;
  padding-right: var(--ud-col-inset, max(1.5rem, calc((100vw - var(--ud-col-max, 1400px)) / 2 + 1.5rem))) !important;
}
.layout-item.ud-shell .item-content,
.layout-item:has(.uds-root) .item-content,
.ducky-plugin-block.uds-root,
.uds-root {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

/* Chat column breathing room — inside shell only */
.uds-root .uds-messages,
.uds-root .virtual-chat-message-list-scroller {
 padding-left: 28px !important;
 padding-right: 28px !important;
}
.uds-root .chat-pane-input-area,
.uds-root .chat-pane-composer-pane {
 padding-left: 28px !important;
 padding-right: 28px !important;
}
.uds-root .chat-pane-root > .chat-pane-plan-dock,
.uds-root .chat-column-shell > .chat-pane-plan-dock {
 margin-left: 28px !important;
 margin-right: 28px !important;
}
.uds-root .chat-pane-input-box,
.uds-root .chat-pane-input-box.chat-pane-input-box--focused,
.uds-root .chat-pane-textarea {
 border-radius: 0 !important;
}

/*
  Titlebar — match UEFN Ducky app chrome.
  Absolute-centered search cluster; flex left/trailing.
  Only under .uds-root (this plugin). Never plugins/roadmap.
*/
.uds-root .app-header {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 16px !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  position: relative !important;
  box-sizing: border-box !important;
  gap: 0 !important;
}
.uds-root .app-header-left {
  flex: 1 1 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}
.uds-root .app-header-status-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
}
.uds-root .app-header-project-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--blue, #5b9cff) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  max-width: 220px !important;
  display: inline-block !important;
}
.uds-root .app-header-center {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(420px, calc(100% - 480px)) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 2 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
}
.uds-root .app-header-center > * {
  pointer-events: auto !important;
}
.uds-root .app-header-nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 1px !important;
  flex: 0 0 auto !important;
  height: auto !important;
}
.uds-root .app-header-trailing {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 1 1 0 !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  height: 100% !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
}
.uds-root .app-header-editor-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.uds-root .app-header .icon-btn,
.uds-root .app-header .app-header-plugin-btn,
.uds-root .app-header .plugin-header-btn,
.uds-root .app-header .app-header-nav-btn,
.uds-root .app-header .sidebar-toggle-btn {
  background: transparent !important;
  border: none !important;
  color: var(--muted, #9a9a9a) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
}
.uds-root .app-header .icon-btn svg,
.uds-root .app-header .plugin-header-btn svg,
.uds-root .app-header .sidebar-toggle-btn svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  flex-shrink: 0 !important;
}
.uds-root .app-header .connection-status-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--muted, #9a9a9a) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.uds-root .app-header-duck,
.uds-root .app-header-duck-img {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.uds-root .app-header .quick-open-bar,
.uds-root .quick-open-bar.uds-quick-open {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: min(280px, 36vw) !important;
  min-width: 110px !important;
  max-width: 280px !important;
  height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid var(--border, #333) !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg, #1a1a1a) 60%, transparent) !important;
  color: var(--muted, #9a9a9a) !important;
  font-size: 11px !important;
  flex: 0 1 auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.uds-root .app-header .quick-open-bar svg {
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  opacity: 0.7 !important;
}
.uds-root .app-header .quick-open-bar > span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.uds-root .app-header-save-btn {
  flex-shrink: 0 !important;
  background: var(--btn-bg, #2a2a2a) !important;
  border: 1px solid var(--border, #333) !important;
  color: var(--fg, #eee) !important;
  border-radius: 6px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 25px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.uds-root .app-header-divider {
  width: 1px !important;
  height: 16px !important;
  background-color: var(--border, #333) !important;
  margin: 0 4px !important;
  flex-shrink: 0 !important;
  display: block !important;
}
.uds-root .window-controls {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
}
.uds-root .window-control-btn {
  background: transparent !important;
  border: none !important;
  color: var(--muted, #9a9a9a) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.uds-root .window-control-btn svg {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
}

/* Beat ducky-core `button, .ducky-btn, .btn { border-radius: pill }` — shell titlebar only */
.uds-root .app-header button,
.uds-root .app-header .icon-btn,
.uds-root .app-header .plugin-header-btn,
.uds-root .app-header .app-header-plugin-btn,
.uds-root .app-header .sidebar-toggle-btn,
.uds-root .app-header .app-header-nav-btn,
.uds-root .app-header .connection-status-btn,
.uds-root .app-header .app-header-save-btn,
.uds-root .app-header .window-control-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  border-style: none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.uds-root .app-header .icon-btn,
.uds-root .app-header .plugin-header-btn,
.uds-root .app-header .app-header-plugin-btn,
.uds-root .app-header .sidebar-toggle-btn,
.uds-root .app-header .app-header-nav-btn,
.uds-root .app-header .connection-status-btn:not(.verse-problems-trigger--error),
.uds-root .app-header .window-control-btn {
  border-radius: 6px !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--muted, #9a9a9a) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}
.uds-root .app-header .app-header-save-btn {
  border-radius: 6px !important;
  background: var(--btn-bg, #2a2a2a) !important;
  background-color: var(--btn-bg, #2a2a2a) !important;
  border: 1px solid var(--border, #333) !important;
  color: var(--fg, #eee) !important;
  width: auto !important;
  min-width: 0 !important;
  height: 25px !important;
  padding: 3px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
.uds-root .app-header .verse-problems-trigger--error {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  border-radius: 50% !important;
  background: #e5484d !important;
  background-color: #e5484d !important;
  color: #fff !important;
}
.uds-root .app-header-center .plugin-header-btn img,
.uds-root .app-header-center .plugin-header-btn .plugin-contrib-icon {
  width: 16px !important;
  height: 16px !important;
  border-radius: 3px !important;
  object-fit: cover !important;
  display: block !important;
  background: transparent !important;
}
.uds-root .app-header .icon-btn svg,
.uds-root .app-header .plugin-header-btn svg,
.uds-root .app-header .sidebar-toggle-btn svg,
.uds-root .app-header .window-control-btn svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}
.uds-root .app-header .window-control-btn svg {
  width: 12px !important;
  height: 12px !important;
}

/* Fake chat composer — square corners, kill ugly outline (shell only) */
.uds-root .chat-pane-input-box,
.uds-root .chat-pane-input-box.chat-pane-input-box--focused,
.uds-root .chat-pane-textarea,
.uds-root .chat-pane-composer-pane,
.uds-root .chat-pane-input-area,
.uds-root .chat-pane-root,
.uds-root .chat-pane-plan-dock,
.uds-root .chat-pane-plan-bar,
.uds-root .chat-column-shell .chat-pane-plan-dock,
.uds-root .chat-pane-root > .chat-pane-plan-dock {
  border-radius: 0 !important;
}
.uds-root .chat-pane-input-box,
.uds-root .chat-pane-input-box.chat-pane-input-box--focused,
.uds-root .chat-pane-textarea,
.uds-root .chat-pane-composer-pane,
.uds-root .chat-pane-input-area {
  outline: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}
.uds-root .chat-pane-textarea:focus,
.uds-root .chat-pane-input-box:focus,
.uds-root .chat-pane-input-box.chat-pane-input-box--focused {
  outline: none !important;
  box-shadow: none !important;
}
.uds-root .app-header-project-label,
.uds-root .chat-pane-root,
.uds-root .chat-pane-composer-pane,
.uds-root .chat-pane-input-box {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* Fake editor tabs: unscrunch (shell-static companion) */
.uds-root .editor-tab-bar-tabs{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
}
.uds-root .editor-tabs-shell,
.uds-root .editor-tabs-scroll-wrap,
.uds-root .editor-tabs-bar{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
}
.uds-root .editor-tabs-bar--chrome .editor-tab,
.uds-root .editor-tabs-bar--focus.editor-tabs-bar--chrome .editor-tab{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:7.5rem!important;
  max-width:14rem!important;
}