/* Creator Loop 0.18.5 — responsive Private AI workspace.
   This layer changes layout only; existing AI IDs and behavior remain untouched. */

body.desktop-studio,
body.desktop-studio .studio-container {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

/* 0.28.0 mobile chat-first AI workspace. */
@media(max-width:767px){
  body.desktop-studio #dock-pane-prompts{padding:0!important;overflow:hidden!important}
  body.desktop-studio #dock-pane-prompts>.view{height:100%!important;overflow:hidden!important}
  body.desktop-studio #dock-pane-prompts .ai-workbench{height:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:#0c0f15!important}
  body.desktop-studio #dock-pane-prompts .ai-workbench-head,body.desktop-studio #dock-pane-prompts .ai-page-header{display:none!important}
  body.desktop-studio #dock-pane-prompts .ai-console-layout{height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}
  body.desktop-studio #dock-pane-prompts .ai-console,body.desktop-studio #dock-pane-prompts .ai-chat-main{height:100%!important;min-height:0!important;margin:0!important}
  body.desktop-studio #dock-pane-prompts .ai-thread-scroll{flex:1;min-height:0!important;max-height:none!important;padding:10px 8px!important;border:0!important;border-radius:0!important;background:transparent!important}
  body.desktop-studio #dock-pane-prompts .ai-conversation{display:flex;flex-direction:column;gap:10px;padding:6px 2px 14px!important}
  body.desktop-studio #dock-pane-prompts .ai-message{display:flex;width:100%;gap:4px}
  body.desktop-studio #dock-pane-prompts .ai-message>span{flex:0 0 auto;width:auto;min-height:20px;padding:2px 6px;border:0;border-radius:999px!important;background:transparent;font-size:8px;letter-spacing:.08em}
  body.desktop-studio #dock-pane-prompts .ai-message>div{width:fit-content;max-width:86%;padding:10px 12px!important;border-radius:15px!important;font-size:14px!important;line-height:1.5}
  body.desktop-studio #dock-pane-prompts .ai-message.user{align-items:flex-end;flex-direction:column}
  body.desktop-studio #dock-pane-prompts .ai-message.user>span{color:#9edcff}
  body.desktop-studio #dock-pane-prompts .ai-message.user>div{border:1px solid rgba(74,181,242,.46)!important;border-bottom-right-radius:5px!important;background:linear-gradient(135deg,#137fb9,#075d91)!important;color:#fff}
  body.desktop-studio #dock-pane-prompts .ai-message.assistant{align-items:flex-start;flex-direction:column}
  body.desktop-studio #dock-pane-prompts .ai-message.assistant>span{color:#b6bdc7}
  body.desktop-studio #dock-pane-prompts .ai-message.assistant>div{border:1px solid rgba(255,255,255,.1)!important;border-bottom-left-radius:5px!important;background:rgba(255,255,255,.07)!important;color:#eef1f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  body.desktop-studio #dock-pane-prompts .ai-sticky-composer{flex:0 0 auto;margin:0!important;padding:7px 8px max(8px,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:rgba(13,16,22,.96)!important}
  body.desktop-studio #dock-pane-prompts .ai-input-switch{display:flex!important;width:100%;margin:0 0 7px!important;padding:0 0 3px;gap:6px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important;scrollbar-width:none;scroll-snap-type:x proximity}
  body.desktop-studio #dock-pane-prompts .ai-input-switch::-webkit-scrollbar{display:none}
  body.desktop-studio #dock-pane-prompts .ai-input-switch>button,body.desktop-studio #dock-pane-prompts .ai-model-switcher>summary,body.desktop-studio #dock-pane-prompts .ai-compact-status{flex:0 0 auto;width:auto!important;min-width:max-content;height:38px!important;min-height:38px!important;padding:0 12px!important;border-radius:999px!important;scroll-snap-align:start}
  body.desktop-studio #dock-pane-prompts .ai-model-switcher{order:3;flex:0 0 auto}
  body.desktop-studio #dock-pane-prompts .ai-model-switcher>summary b{display:block!important}
  body.desktop-studio #dock-pane-prompts .web-provider-control{flex:0 0 auto;grid-column:auto;min-height:38px;border-radius:999px}
  body.desktop-studio #dock-pane-prompts .voice-input-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end;gap:7px}
  body.desktop-studio #dock-pane-prompts #aiContext{min-height:58px!important;max-height:120px!important;padding:11px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.06)!important}
  body.desktop-studio #dock-pane-prompts .ai-composer-actions{display:flex!important;align-self:end;gap:6px}
  body.desktop-studio #dock-pane-prompts .ai-composer-actions>button{width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;border-radius:50%!important}
  body.desktop-studio #dock-pane-prompts #aiComposerHint,body.desktop-studio #dock-pane-prompts #aiPrivacyCopy{display:none}
}

body.desktop-studio #dock-pane-prompts,
body.desktop-studio #dock-pane-prompts > .private-ai-viewport,
body.desktop-studio #dock-pane-prompts .ai-viewport-shell {
  width: 100%;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  max-width: none;
  overflow: hidden !important;
}

body.desktop-studio #dock-pane-prompts,
body.desktop-studio #dock-pane-prompts * {
  box-sizing: border-box;
}

body.desktop-studio #dock-pane-prompts {
  position: relative;
  z-index: 1;
  padding: 8px !important;
  background: #0e0e0e;
}

body.desktop-studio #dock-pane-prompts > .private-ai-viewport {
  display: flex;
  flex-direction: column;
  margin: 0;
}

body.desktop-studio #dock-pane-prompts .private-ai-page-title {
  display: none !important;
}

body.desktop-studio #dock-pane-prompts .ai-viewport-shell {
  display: grid !important;
  grid-template-rows: 40px minmax(0, 1fr);
  gap: 4px !important;
  margin: 0;
  padding: 0 !important;
  border: 1px solid #262626;
  border-radius: 4px !important;
  background: #181818;
}

body.desktop-studio #dock-pane-prompts .ai-page-header {
  position: relative !important;
  z-index: 10;
  display: flex !important;
  align-items: center;
  min-width: 0;
  min-height: 36px;
  margin: 0;
  padding: 4px 8px !important;
  border-bottom: 1px solid #262626;
  background: #202020;
}

body.desktop-studio #dock-pane-prompts .ai-command-menu {
  position: relative !important;
  z-index: 50;
  flex: 0 0 auto;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
}

body.desktop-studio #dock-pane-prompts .ai-command-menu > summary {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid #3a3a3a;
  border-radius: 4px;
  background: #2a2a2a;
  color: #e0e0e0;
  font-size: 11px;
  font-weight: 800;
  list-style: none;
  cursor: pointer;
}

body.desktop-studio #dock-pane-prompts .ai-command-menu > summary::-webkit-details-marker { display: none; }
body.desktop-studio #dock-pane-prompts .ai-command-menu[open] > summary { border-color: #0078d4; color: #7ed0ff; }

body.desktop-studio #dock-pane-prompts .ai-command-menu-panel {
  position: absolute;
  z-index: 50;
  top: calc(100% + 5px);
  left: 0;
  display: grid;
  width: min(360px, calc(100vw - 24px));
  max-height: min(72dvh, 620px);
  gap: 6px;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #3a3a3a;
  border-radius: 4px !important;
  background: #181818;
  box-shadow: 0 14px 34px rgba(0,0,0,.65) !important;
}

body.desktop-studio #dock-pane-prompts .ai-command-menu-extras { display: grid; gap: 6px; min-width: 0; }
body.desktop-studio #dock-pane-prompts .ai-command-menu-extras > details { margin: 0 !important; border: 1px solid #303030; }
body.desktop-studio #dock-pane-prompts .ai-command-menu-extras > details > summary { padding: 9px; font-size: 11px; }
body.desktop-studio #dock-pane-prompts .ai-command-menu-extras .prompt-grid { grid-template-columns: 1fr; padding: 6px; }

body.desktop-studio #dock-pane-prompts .ai-page-header > div {
  display: block !important;
  min-width: 0;
}

body.desktop-studio #dock-pane-prompts .ai-workbench-title { flex: 1 1 auto; }

body.desktop-studio #dock-pane-prompts .ai-page-header p {
  margin: 0;
  font-size: 10px !important;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.desktop-studio #dock-pane-prompts .ai-page-header h2 {
  max-width: 100%;
  margin: 1px 0 0;
  overflow: hidden;
  color: #e0e0e0;
  font-size: 13px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.desktop-studio #dock-pane-prompts .ai-mode-badge {
  min-width: 0;
  height: 28px;
  min-height: 28px;
  margin-left: auto;
  padding: 3px 8px;
  border-radius: 4px;
}

body.desktop-studio #dock-pane-prompts .ai-tool-tabs {
  position: static;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 0;
  margin: 0;
  padding: 0 !important;
  overflow-x: hidden;
  border: 0;
  background: transparent;
}

body.desktop-studio #dock-pane-prompts .ai-tool-tabs button {
  width: 100%;
  min-width: 0;
  height: 34px;
  min-height: 34px;
  justify-content: flex-start;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 11px;
}

body.desktop-studio #dock-pane-prompts .ai-responsive-layout {
  position: relative !important;
  z-index: 1;
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0;
  padding: 0 !important;
  overflow: hidden !important;
  background: #0e0e0e;
}

body.desktop-studio #dock-pane-prompts .dock-ai-history {
  position: relative !important;
  z-index: 10;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0;
  border-right: 1px solid #262626;
  border-radius: 0 !important;
  background: #181818;
}

body.desktop-studio #dock-pane-prompts .dock-ai-history[open] {
  display: grid;
  grid-template-rows: 34px minmax(0, 1fr);
}

body.desktop-studio #dock-pane-prompts .ai-drawer-backdrop {
  display: none;
}

body.desktop-studio #dock-pane-prompts .dock-ai-history > summary {
  position: relative;
  z-index: 10;
  display: flex;
  flex: 0 0 34px;
  align-items: center;
  min-width: 0;
  height: 34px;
  padding: 0 8px;
  overflow: hidden;
  border-bottom: 1px solid #262626;
  background: #202020;
  color: #bdbdbd;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

body.desktop-studio #dock-pane-prompts .ai-presence {
  position: static !important;
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0;
  padding: 8px !important;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #181818;
  scrollbar-width: thin;
}

@media (min-width: 768px) {
  body.desktop-studio #dock-pane-prompts .dock-ai-history[open] > .ai-presence {
    justify-self: stretch;
    width: auto !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }
}

body.desktop-studio #dock-pane-prompts .ai-chat-main {
  position: relative !important;
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #0e0e0e;
}

body.desktop-studio #dock-pane-prompts .ai-thread-scroll {
  position: relative !important;
  z-index: 1;
  flex: 1 1 auto;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  border: 0;
  border-radius: 0 !important;
  background: #0e0e0e;
  scrollbar-width: thin;
}

body.desktop-studio #dock-pane-prompts .ai-thread-scroll .ai-conversation {
  display: grid;
  gap: 8px;
  max-height: none !important;
  margin: 0;
  padding: 0 0 8px;
  overflow: visible !important;
}

body.desktop-studio #dock-pane-prompts .private-ai-history > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
}

body.desktop-studio #dock-pane-prompts .ai-chat-history-item {
  display: grid;
  gap: 2px;
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  overflow: hidden;
  border: 0;
  border-left: 2px solid transparent;
  border-radius: 2px !important;
  background: transparent;
  text-align: left;
}

body.desktop-studio #dock-pane-prompts .ai-chat-history-item:hover {
  background: #242424;
}

body.desktop-studio #dock-pane-prompts .ai-chat-history-item.active {
  border-left-color: #38adf8;
  background: #202a32;
}

body.desktop-studio #dock-pane-prompts .ai-chat-history-item strong {
  overflow: hidden;
  color: #e0e0e0;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.desktop-studio #dock-pane-prompts .ai-chat-history-item small,
body.desktop-studio #dock-pane-prompts .ai-chat-history-empty {
  color: #929292;
  font-size: 11px;
  line-height: 1.35;
}

body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 2px !important;
  background: transparent;
}

body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control > summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  width: 100%;
  min-width: 0;
  padding: 7px 8px;
  border-left: 2px solid transparent;
  background: transparent;
}

body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control > summary:hover {
  border-left-color: #38adf8;
  background: #242424;
}

body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control > summary span,
body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control > summary strong,
body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control > summary b {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

body.desktop-studio #dock-pane-prompts .ai-presence .creator-memory-control > summary b {
  max-width: 78px;
  color: #8ccfff;
  font-size: 10px;
  text-align: right;
}

body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  gap: 7px;
  padding: 8px !important;
  overflow: visible;
  border: 1px solid #3f3a27;
  border-radius: 3px !important;
}

body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate > div,
body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate strong,
body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate small {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate strong { font-size: 11px; line-height: 1.35; }
body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate small { margin-top: 3px; font-size: 10px; line-height: 1.4; }
body.desktop-studio #dock-pane-prompts .ai-presence .private-ai-gate .primary-cta {
  position: static;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 32px;
  min-height: 32px;
  margin: 0;
  padding: 0 8px;
}

body.desktop-studio #dock-pane-prompts .ai-message {
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
}

body.desktop-studio #dock-pane-prompts .ai-message > span {
  min-height: 30px;
  border-radius: 4px;
}

body.desktop-studio #dock-pane-prompts .ai-message > div {
  min-width: 0;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body.desktop-studio #dock-pane-prompts :is(img, video, canvas, svg) {
  max-width: 100%;
  height: auto;
}

body.desktop-studio #dock-pane-prompts .ai-builder-grid {
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
}

body.desktop-studio #dock-pane-prompts .ai-sticky-composer {
  position: sticky !important;
  z-index: 10;
  bottom: 0;
  display: grid;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  border: 0;
  border-top: 1px solid #262626;
  border-radius: 0 !important;
  background: #181818;
  box-shadow: 0 -6px 16px rgba(0, 0, 0, .22);
}

body.desktop-studio #dock-pane-prompts .ai-input-switch {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  gap: 4px;
  margin: 0 0 4px;
}

body.desktop-studio #dock-pane-prompts .ai-input-switch > button,
body.desktop-studio #dock-pane-prompts .composer-chat-tools button,
body.desktop-studio #dock-pane-prompts .ai-model-switcher > summary,
body.desktop-studio #dock-pane-prompts .ai-compact-status {
  flex: 0 1 auto;
  min-width: 0;
  height: 28px;
  min-height: 28px;
  padding: 0 7px;
  border-radius: 4px;
  font-size: 11px;
}

body.desktop-studio #dock-pane-prompts .composer-chat-tools {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  min-width: 0;
  gap: 3px;
}

body.desktop-studio #dock-pane-prompts .composer-chat-tools button {
  flex: 0 0 28px;
  width: 28px;
  padding: 0;
}

body.desktop-studio #dock-pane-prompts .web-provider-control {
  flex: 1 1 190px;
  min-width: 0;
  margin: 0;
}

body.desktop-studio #dock-pane-prompts .web-provider-control select {
  width: auto;
  min-width: 100px;
  height: 28px;
  min-height: 28px;
  padding: 0 6px;
  border-radius: 4px;
}

body.desktop-studio #dock-pane-prompts .ai-model-switcher {
  position: relative !important;
  z-index: 50;
  flex: 0 1 auto;
  min-width: 0;
}

body.desktop-studio #dock-pane-prompts .ai-model-switcher-panel {
  position: absolute !important;
  z-index: 50 !important;
  right: 0;
  bottom: calc(100% + 4px);
  display: grid;
  width: min(330px, calc(100vw - 24px)) !important;
  min-width: 0;
  gap: 7px;
  margin: 0;
  padding: 8px !important;
  overflow: visible;
  border: 1px solid #3a3a3a;
  border-radius: 4px !important;
  background: #202020;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .62) !important;
}

body.desktop-studio #dock-pane-prompts .ai-model-switcher-panel label {
  min-width: 0;
  font-size: 11px;
  text-transform: uppercase;
}

body.desktop-studio #dock-pane-prompts .ai-model-switcher-panel select {
  width: 100%;
  height: 32px;
  min-height: 32px;
  border-radius: 4px;
  font-size: 12px;
}

body.desktop-studio #dock-pane-prompts .voice-input-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  gap: 4px;
  border: 0;
  border-radius: 4px;
  background: transparent;
}

body.desktop-studio #dock-pane-prompts #aiContext {
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px !important;
  max-height: 120px;
  padding: 8px 10px !important;
  border: 1px solid #486479 !important;
  border-radius: 4px !important;
  background: #101820 !important;
  color: #f2f5f7;
  font-size: 14px;
  line-height: 1.4;
  resize: none;
  overflow-y: hidden;
}

body.desktop-studio #dock-pane-prompts .ai-composer-actions {
  position: static !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-width: 0;
  gap: 4px;
  transform: none;
}

body.desktop-studio #dock-pane-prompts .ai-composer-actions > button {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 44px;
  padding: 4px 6px;
  border-radius: 4px;
}

body.desktop-studio #dock-pane-prompts .ai-composer-actions > button b {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  font-size: 11px;
}

body.desktop-studio #dock-pane-prompts .ai-live-progress {
  min-width: 0;
}

body.desktop-studio #dock-pane-prompts .ai-activity {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

body.desktop-studio #dock-pane-prompts .connected-ai-hub {
  display: none !important;
}

body.desktop-studio #dock-pane-prompts .media-generator:not(.hidden) {
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 8px !important;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 979px) {
  body.desktop-studio #dock-pane-prompts .private-ai-page-title {
    display: none;
  }

  body.desktop-studio #dock-pane-prompts .ai-viewport-shell {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  body.desktop-studio #dock-pane-prompts {
    padding: 4px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-viewport-shell {
    grid-template-rows: 44px minmax(0, 1fr);
    border-radius: 4px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-page-header {
    height: 44px;
    padding: 3px 6px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-page-header p,
  body.desktop-studio #dock-pane-prompts .ai-mode-badge small {
    display: none;
  }

  body.desktop-studio #dock-pane-prompts .ai-page-header h2 {
    font-size: 13px;
  }

  body.desktop-studio #dock-pane-prompts .ai-mode-badge {
    height: 44px;
    min-height: 44px;
    margin-top: -4px;
    margin-bottom: -4px;
  }

  body.desktop-studio #dock-pane-prompts .ai-tool-tabs {
    min-height: 0;
    padding: 0 !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-tool-tabs button {
    height: 44px;
    min-height: 44px;
    padding: 0 10px;
    font-size: 11px;
  }

  body.desktop-studio #dock-pane-prompts .ai-responsive-layout {
    display: block !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history {
    position: absolute !important;
    z-index: 50;
    inset: 0 auto 0 0;
    display: block;
    width: min(86vw, 320px) !important;
    height: 100% !important;
    overflow: visible;
    border-right: 1px solid #383838;
    background: #181818;
    transform: translateX(-100%);
    transition: transform .25s cubic-bezier(.16, 1, .3, 1);
  }

  body.desktop-studio #dock-pane-prompts .ai-drawer-backdrop {
    position: absolute;
    z-index: 40;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0 !important;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(2px);
    transition: opacity .25s ease;
  }

  body.desktop-studio #dock-pane-prompts .ai-drawer-backdrop.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history[open] {
    display: block;
    transform: translateX(0);
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .58), 12px 0 30px rgba(0, 0, 0, .55) !important;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history > summary {
    position: absolute;
    top: 4px;
    right: -48px;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #3a3a3a;
    border-radius: 4px !important;
    background: #202020;
    color: transparent;
    font-size: 0;
    list-style: none;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history > summary::-webkit-details-marker {
    display: none;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history > summary::before {
    content: "☰";
    color: #e0e0e0;
    font-size: 20px;
    line-height: 1;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history[open] > summary {
    right: 4px;
    border-color: #0078d4;
  }

  body.desktop-studio #dock-pane-prompts .dock-ai-history[open] > summary::before {
    content: "×";
    color: #7ed0ff;
    font-size: 24px;
  }

  body.desktop-studio #dock-pane-prompts .ai-presence {
    height: 100% !important;
    padding: max(52px, calc(44px + env(safe-area-inset-top))) 8px max(8px, env(safe-area-inset-bottom)) !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-chat-main {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-thread-scroll {
    padding: 52px 8px 8px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-empty-state {
    min-height: 150px;
  }

  body.desktop-studio #dock-pane-prompts .ai-message {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 5px;
  }

  body.desktop-studio #dock-pane-prompts .ai-message > div {
    padding: 8px;
    font-size: 14px;
  }

  body.desktop-studio #dock-pane-prompts .ai-sticky-composer {
    bottom: 0;
    padding: 5px 6px max(8px, env(safe-area-inset-bottom)) !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-command-menu { margin-right: 5px !important; }
  body.desktop-studio #dock-pane-prompts .ai-command-menu > summary { width: 44px; height: 44px; min-height: 44px; padding: 0; justify-content: center; }
  body.desktop-studio #dock-pane-prompts .ai-command-menu > summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  body.desktop-studio #dock-pane-prompts .ai-command-menu-panel { position: fixed; top: calc(44px + env(safe-area-inset-top)); left: 4px; width: calc(100vw - 8px); max-height: calc(100dvh - 106px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }

  body.desktop-studio #dock-pane-prompts .ai-input-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, auto)) minmax(0, 1fr);
  }

  body.desktop-studio #dock-pane-prompts .ai-input-switch > button,
  body.desktop-studio #dock-pane-prompts .composer-chat-tools button,
  body.desktop-studio #dock-pane-prompts .ai-model-switcher > summary,
  body.desktop-studio #dock-pane-prompts .ai-compact-status {
    height: 44px;
    min-height: 44px;
    font-size: 11px;
  }

  body.desktop-studio #dock-pane-prompts .composer-chat-tools {
    grid-column: 1 / -1;
    flex-wrap: nowrap;
    order: 4;
  }

  body.desktop-studio #dock-pane-prompts .composer-chat-tools button {
    flex: 1 1 44px;
    width: auto;
    min-width: 44px;
  }

  body.desktop-studio #dock-pane-prompts .web-provider-control {
    grid-column: 1 / -1;
    min-height: 44px;
  }

  body.desktop-studio #dock-pane-prompts .web-provider-control select {
    flex: 1;
    height: 44px;
    min-height: 44px;
  }

  body.desktop-studio #dock-pane-prompts .ai-model-switcher {
    justify-self: end;
  }

  body.desktop-studio #dock-pane-prompts .ai-model-switcher-panel {
    right: -48px;
    width: min(320px, calc(100vw - 16px)) !important;
  }

  body.desktop-studio #dock-pane-prompts .voice-input-wrap {
    grid-template-columns: minmax(0, 1fr) 112px !important;
  }

  body.desktop-studio #dock-pane-prompts #aiContext {
    height: 44px;
    min-height: 44px !important;
    max-height: 120px;
    font-size: 16px;
  }

  body.desktop-studio #dock-pane-prompts .ai-composer-actions > button {
    min-height: 60px;
  }

  body.desktop-studio #dock-pane-prompts #aiComposerHint,
  body.desktop-studio #dock-pane-prompts #aiPrivacyCopy {
    display: none;
  }
}

@media (max-width: 420px) {
  body.desktop-studio #dock-pane-prompts .ai-page-header h2 {
    max-width: calc(100vw - 150px);
  }

  body.desktop-studio #dock-pane-prompts .ai-mode-badge b,
  body.desktop-studio #dock-pane-prompts .ai-compact-status time {
    display: none;
  }

  body.desktop-studio #dock-pane-prompts .ai-mode-badge {
    width: 44px;
    padding: 0;
  }

  body.desktop-studio #dock-pane-prompts .ai-input-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto auto;
  }

  body.desktop-studio #dock-pane-prompts .composer-chat-tools {
    grid-column: 1 / -1;
  }

  body.desktop-studio #dock-pane-prompts .voice-input-wrap {
    grid-template-columns: minmax(0, 1fr) 96px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-composer-actions {
    grid-template-columns: 1fr;
  }

  body.desktop-studio #dock-pane-prompts .ai-composer-actions > button {
    min-height: 44px;
  }
}

/* 0.28.0 mobile creation workspace: final cascade layer. */
@media (max-width: 767px) {
  body.desktop-studio #dock-pane-prompts {
    padding: 0 !important;
  }

  body.desktop-studio #dock-pane-prompts .private-ai-view,
  body.desktop-studio #dock-pane-prompts .ai-workbench,
  body.desktop-studio #dock-pane-prompts .ai-console-layout,
  body.desktop-studio #dock-pane-prompts .ai-chat-main {
    min-height: 0;
    height: 100%;
  }

  body.desktop-studio #dock-pane-prompts .ai-page-header {
    display: none !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-workbench {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-console-layout {
    display: flex !important;
    flex-direction: column;
    padding: 0 !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-chat-main {
    flex: 1 1 auto;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body.desktop-studio #dock-pane-prompts .ai-thread-scroll {
    padding: 52px 8px 10px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-message {
    display: flex;
    flex-direction: column;
    width: min(88%, 560px);
    gap: 5px;
  }

  body.desktop-studio #dock-pane-prompts .ai-message.user {
    align-self: flex-end;
    align-items: flex-end;
  }

  body.desktop-studio #dock-pane-prompts .ai-message.assistant {
    align-self: flex-start;
    align-items: flex-start;
  }

  body.desktop-studio #dock-pane-prompts .ai-message.user > div {
    border: 1px solid rgba(65, 224, 181, 0.48) !important;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.94), rgba(37, 99, 235, 0.88)) !important;
    color: #fff;
    border-radius: 18px 18px 5px 18px !important;
    box-shadow: 0 12px 28px rgba(2, 132, 199, 0.2);
  }

  body.desktop-studio #dock-pane-prompts .ai-message.assistant > div {
    border: 1px solid rgba(255, 255, 255, 0.11) !important;
    background: rgba(255, 255, 255, 0.07) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-radius: 18px 18px 18px 5px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-composer {
    flex: 0 0 auto;
    padding: 8px max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(5, 10, 19, 0.78);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }

  body.desktop-studio #dock-pane-prompts .ai-input-switch {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 7px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  body.desktop-studio #dock-pane-prompts .ai-input-switch::-webkit-scrollbar {
    display: none;
  }

  body.desktop-studio #dock-pane-prompts .ai-input-switch > button,
  body.desktop-studio #dock-pane-prompts .ai-input-switch > .ai-model-switcher {
    flex: 0 0 auto;
    min-height: 38px;
    border-radius: 999px !important;
    white-space: nowrap;
  }

  body.desktop-studio #dock-pane-prompts .voice-input-wrap {
    grid-template-columns: minmax(0, 1fr) 92px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.desktop-studio #dock-pane-prompts .dock-ai-history {
    transition: none;
  }
}

/* 0.18.8 — one-drawer mobile AI controls and a calmer composer. */
body.desktop-studio #dock-pane-prompts .ai-presence .ai-command-menu {
  position: relative !important;
  z-index: 2;
  width: 100%;
  margin: 0 !important;
}

body.desktop-studio #dock-pane-prompts .ai-presence .ai-command-menu > summary {
  width: 100%;
  height: 34px;
  min-height: 34px;
  justify-content: space-between;
  padding: 0 9px;
  color: #c9c9c9;
}

body.desktop-studio #dock-pane-prompts .ai-presence .ai-command-menu > summary span {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

body.desktop-studio #dock-pane-prompts .ai-presence .ai-command-menu-panel {
  position: static !important;
  width: 100% !important;
  max-height: min(48dvh, 440px) !important;
  margin-top: 4px;
  padding: 6px;
  box-shadow: none !important;
}

body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions {
  display: none;
}

body.desktop-studio #dock-pane-prompts .ai-control-home {
  display: none !important;
}

body.desktop-studio #dock-pane-prompts .ai-return-chat {
  width: max-content;
  max-width: 100%;
  min-height: 32px;
  margin: 0 0 4px;
}

body.desktop-studio .refresh-media-devices {
  grid-column: 1 / -1;
  min-height: 34px;
  margin: 0;
}

body.desktop-studio .face-box-guide {
  display: none !important;
}

@media (max-width: 767px) {
  body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 7px;
    border: 1px solid #2f2f2f;
    background: #151515;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions > small {
    color: #858585;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-settings-button {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 0;
    padding: 0 10px;
    border-color: #2f6382;
    background: #102333;
    color: #e8f7ff;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-settings-button span {
    color: #62c8ff;
    font-size: 17px;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-settings-button b {
    font-size: 11px;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions .composer-chat-tools {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions .composer-chat-tools button {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
    padding: 0 9px;
    color: #e0e0e0;
  }

  body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions .composer-chat-tools button::after {
    color: #bdbdbd;
    font-size: 11px;
    font-weight: 700;
  }

  body.desktop-studio #dock-pane-prompts #returnConnectedAiHubButton::after { content: "Outside AI"; }
  body.desktop-studio #dock-pane-prompts #clearAiResultButton::after { content: "New chat"; }
  body.desktop-studio #dock-pane-prompts #copyAiResultButton::after { content: "Copy answer"; }
  body.desktop-studio #dock-pane-prompts #saveAiResultButton::after { content: "Save to Ideas"; }

  body.desktop-studio #dock-pane-prompts .ai-mobile-conversation-actions .ai-compact-status {
    display: flex;
    width: 100%;
    min-height: 40px;
    justify-content: flex-start;
    gap: 7px;
    padding: 0 9px;
  }

  body.desktop-studio #dock-pane-prompts .ai-input-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  }

  body.desktop-studio #dock-pane-prompts .ai-live-progress.idle,
  body.desktop-studio #dock-pane-prompts .ai-live-progress.success {
    display: none !important;
  }

  body.desktop-studio #dock-pane-prompts .voice-input-wrap {
    grid-template-columns: minmax(0, 1fr) 92px !important;
  }

  body.desktop-studio #dock-pane-prompts .ai-composer-actions > button {
    min-height: 44px;
  }
}