/* LL AI v100.0 — one authoritative current UI layer. */
/* ---- consolidated from v997b-chatgpt-shell.css ---- */
/* LL AI v99.7b — authoritative chat-shell visual pass.
   Loaded LAST. Presentation only: no backend, image, Work, Sites or voice logic. */

html:not([data-theme]),
html[data-theme="graphite"]{
  --ll997b-main:#212121;
  --ll997b-sidebar:#171717;
  --ll997b-raised:#2f2f2f;
  --ll997b-raised-hover:#383838;
  --ll997b-composer:#303030;
  --ll997b-line:rgba(255,255,255,.09);
  --ll997b-line-strong:rgba(255,255,255,.14);
  --ll997b-text:#ececec;
  --ll997b-muted:#a5a5a5;
}

html:not([data-theme]) body,
html:not([data-theme]) .app,
html:not([data-theme]) .main,
html[data-theme="graphite"] body,
html[data-theme="graphite"] .app,
html[data-theme="graphite"] .main{
  background:var(--ll997b-main)!important;
  background-image:none!important;
  color:var(--ll997b-text)!important;
}
html:not([data-theme]) .main::before,
html:not([data-theme]) .main::after,
html[data-theme="graphite"] .main::before,
html[data-theme="graphite"] .main::after{display:none!important;content:none!important}

/* Sidebar: quiet, flat, useful. */
html:not([data-theme]) .side,
html[data-theme="graphite"] .side{
  background:var(--ll997b-sidebar)!important;
  background-image:none!important;
  border-right:0!important;
  box-shadow:none!important;
  padding:8px 7px 9px!important;
}
html:not([data-theme]) .brandRow,
html[data-theme="graphite"] .brandRow{
  min-height:48px!important;
  padding:3px 5px 7px!important;
  margin:0 0 2px!important;
}
html:not([data-theme]) .brand,
html[data-theme="graphite"] .brand{gap:8px!important;font-size:14px!important;font-weight:650!important}
html:not([data-theme]) .brandMark,
html[data-theme="graphite"] .brandMark{
  width:30px!important;height:30px!important;min-width:30px!important;
  border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;
}
html:not([data-theme]) .brandMark svg,
html[data-theme="graphite"] .brandMark svg{width:25px!important;height:25px!important}
html:not([data-theme]) .buildPill,
html[data-theme="graphite"] .buildPill{display:none!important}
html:not([data-theme]) .sideCloseBtn,
html[data-theme="graphite"] .sideCloseBtn{
  width:34px!important;height:34px!important;border-radius:9px!important;background:transparent!important;border:0!important;color:#bdbdbd!important;
}
html:not([data-theme]) .sideCloseBtn:hover,
html[data-theme="graphite"] .sideCloseBtn:hover{background:#2a2a2a!important;color:#fff!important}

html:not([data-theme]) .side .navItem,
html[data-theme="graphite"] .side .navItem,
html:not([data-theme]) .sideTools>summary,
html[data-theme="graphite"] .sideTools>summary{
  min-height:40px!important;
  padding:7px 9px!important;
  gap:10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#e7e7e7!important;
  font-size:14px!important;
  font-weight:500!important;
}
html:not([data-theme]) .side .navItem:hover,
html:not([data-theme]) .sideTools>summary:hover,
html[data-theme="graphite"] .side .navItem:hover,
html[data-theme="graphite"] .sideTools>summary:hover{background:#252525!important}
html:not([data-theme]) .side .navItem>span,
html:not([data-theme]) .sideTools>summary>span,
html[data-theme="graphite"] .side .navItem>span,
html[data-theme="graphite"] .sideTools>summary>span{
  width:24px!important;height:24px!important;min-width:24px!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#d0d0d0!important;font-size:17px!important;
}
html:not([data-theme]) .side .navItem>span.llIconShell,
html:not([data-theme]) .sideTools>summary>span.llIconShell,
html[data-theme="graphite"] .side .navItem>span.llIconShell,
html[data-theme="graphite"] .sideTools>summary>span.llIconShell{background:transparent!important;border:0!important;box-shadow:none!important;color:#d0d0d0!important}
html:not([data-theme]) .side .navItem b,
html:not([data-theme]) .sideTools>summary b,
html[data-theme="graphite"] .side .navItem b,
html[data-theme="graphite"] .sideTools>summary b{font-weight:500!important}
html:not([data-theme]) .newChatBtn,
html[data-theme="graphite"] .newChatBtn{margin-bottom:2px!important}
html:not([data-theme]) .navBadge,
html:not([data-theme]) .memoryCount,
html:not([data-theme]) .appearanceBadge,
html[data-theme="graphite"] .navBadge,
html[data-theme="graphite"] .memoryCount,
html[data-theme="graphite"] .appearanceBadge{
  background:transparent!important;border:0!important;color:#858585!important;box-shadow:none!important;font-size:11px!important;
}
html:not([data-theme]) .chatSearchWrap,
html[data-theme="graphite"] .chatSearchWrap{
  min-height:38px!important;margin:6px 4px 8px!important;padding:0 10px!important;
  border:0!important;border-radius:9px!important;background:#212121!important;box-shadow:none!important;
}
html:not([data-theme]) .chatSearchWrap:focus-within,
html[data-theme="graphite"] .chatSearchWrap:focus-within{background:#282828!important;box-shadow:inset 0 0 0 1px var(--ll997b-line-strong)!important}
html:not([data-theme]) .chatSearchWrap input,
html[data-theme="graphite"] .chatSearchWrap input{font-size:13px!important;color:#e7e7e7!important}
html:not([data-theme]) .chatSearchWrap input::placeholder,
html[data-theme="graphite"] .chatSearchWrap input::placeholder{color:#868686!important}
html:not([data-theme]) .chatHistory,
html[data-theme="graphite"] .chatHistory{padding:0 1px!important}
html:not([data-theme]) .chatItem,
html[data-theme="graphite"] .chatItem{
  min-height:38px!important;padding:7px 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;
}
html:not([data-theme]) .chatItem:hover,
html[data-theme="graphite"] .chatItem:hover{background:#252525!important}
html:not([data-theme]) .chatItem.active,
html[data-theme="graphite"] .chatItem.active{
  background:#2a2a2a!important;border:0!important;box-shadow:none!important;color:#fff!important;
}
html:not([data-theme]) .sidebarQuickActions,
html[data-theme="graphite"] .sidebarQuickActions{border-top:0!important;padding-top:4px!important}
html:not([data-theme]) .sideTools,
html[data-theme="graphite"] .sideTools{border-top:1px solid rgba(255,255,255,.06)!important;padding-top:5px!important}
html:not([data-theme]) .sideBottom.slimBottom,
html[data-theme="graphite"] .sideBottom.slimBottom{
  background:#202020!important;border:1px solid var(--ll997b-line)!important;border-radius:12px!important;box-shadow:0 18px 55px rgba(0,0,0,.35)!important;
}

/* Top bar: no chunky control capsule. */
html:not([data-theme]) .topbar,
html[data-theme="graphite"] .topbar{
  height:56px!important;min-height:56px!important;padding:8px 14px!important;
  background:var(--ll997b-main)!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html:not([data-theme]) #openSide,
html:not([data-theme]) #currentChatName,
html[data-theme="graphite"] #openSide,
html[data-theme="graphite"] #currentChatName{background:transparent!important;border:0!important;box-shadow:none!important}
html:not([data-theme]) #openSide,
html[data-theme="graphite"] #openSide{width:36px!important;height:36px!important;border-radius:9px!important;color:#c7c7c7!important}
html:not([data-theme]) #openSide:hover,
html[data-theme="graphite"] #openSide:hover{background:#2b2b2b!important;color:#fff!important}
html:not([data-theme]) #currentChatName,
html[data-theme="graphite"] #currentChatName{
  max-width:min(48vw,520px)!important;padding:7px 9px!important;border-radius:8px!important;
  color:#e7e7e7!important;font-size:14px!important;font-weight:600!important;text-align:left!important;
}
html:not([data-theme]) #currentChatName:hover,
html[data-theme="graphite"] #currentChatName:hover{background:#2a2a2a!important}
html:not([data-theme]) #ll6631TopCluster,
html[data-theme="graphite"] #ll6631TopCluster{
  height:40px!important;padding:0!important;gap:2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html:not([data-theme]) #ll6631TopCluster .ll6632TopIcon,
html:not([data-theme]) #ll6638TopPrimary,
html[data-theme="graphite"] #ll6631TopCluster .ll6632TopIcon,
html[data-theme="graphite"] #ll6638TopPrimary{
  width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:9px!important;background:transparent!important;color:#c9c9c9!important;box-shadow:none!important;
}
html:not([data-theme]) #ll6631TopCluster .ll6632TopIcon:hover,
html:not([data-theme]) #ll6638TopPrimary:hover,
html[data-theme="graphite"] #ll6631TopCluster .ll6632TopIcon:hover,
html[data-theme="graphite"] #ll6638TopPrimary:hover{background:#2b2b2b!important;color:#fff!important}
html:not([data-theme]) #ll6638TopPrimary[aria-pressed="true"],
html[data-theme="graphite"] #ll6638TopPrimary[aria-pressed="true"]{background:#f2f2f2!important;color:#161616!important}

/* Conversation width/typography. */
html:not([data-theme]) .chat,
html[data-theme="graphite"] .chat{
  width:100%!important;max-width:none!important;
  padding:24px max(24px,calc((100% - 760px)/2)) 154px!important;
  gap:24px!important;background:transparent!important;scroll-padding-bottom:160px!important;
}
html:not([data-theme]) .msgrow,
html[data-theme="graphite"] .msgrow{max-width:760px!important;width:100%!important;gap:7px!important}
html:not([data-theme]) .msg.ai,
html[data-theme="graphite"] .msg.ai{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
  color:#ececec!important;font-size:16px!important;line-height:1.68!important;
}
html:not([data-theme]) .assistantTextBody,
html:not([data-theme]) .mdContent,
html[data-theme="graphite"] .assistantTextBody,
html[data-theme="graphite"] .mdContent{color:#ececec!important;letter-spacing:0!important}
html:not([data-theme]) .msg.user,
html[data-theme="graphite"] .msg.user{
  max-width:min(620px,80%)!important;padding:10px 14px!important;
  border:0!important;border-radius:20px!important;background:#303030!important;box-shadow:none!important;
  color:#f1f1f1!important;font-size:15px!important;line-height:1.5!important;
}
html:not([data-theme]) .msgActions,
html[data-theme="graphite"] .msgActions{gap:2px!important;margin-top:1px!important;opacity:.72!important}
html:not([data-theme]) .msgrow:hover>.msgActions,
html[data-theme="graphite"] .msgrow:hover>.msgActions{opacity:1!important}
html:not([data-theme]) .msgActions .btn,
html:not([data-theme]) .msgActions button,
html[data-theme="graphite"] .msgActions .btn,
html[data-theme="graphite"] .msgActions button{
  width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#a8a8a8!important;
}
html:not([data-theme]) .msgActions .btn:hover,
html:not([data-theme]) .msgActions button:hover,
html[data-theme="graphite"] .msgActions .btn:hover,
html[data-theme="graphite"] .msgActions button:hover{background:#2d2d2d!important;color:#eee!important}
html:not([data-theme]) .msgrow pre,
html[data-theme="graphite"] .msgrow pre{background:#171717!important;border:1px solid var(--ll997b-line)!important;border-radius:10px!important;box-shadow:none!important}

/* New-chat surface. */
html:not([data-theme]) .welcome,
html[data-theme="graphite"] .welcome{max-width:760px!important;margin:auto!important;padding:0 0 94px!important;background:transparent!important}
html:not([data-theme]) .welcomeMark,
html[data-theme="graphite"] .welcomeMark{display:none!important}
html:not([data-theme]) .welcome h1,
html[data-theme="graphite"] .welcome h1{
  margin:0 0 24px!important;color:#f0f0f0!important;font-size:30px!important;line-height:1.18!important;font-weight:600!important;letter-spacing:-.025em!important;
}
html:not([data-theme]) .welcome>.muted,
html[data-theme="graphite"] .welcome>.muted{display:none!important}
html:not([data-theme]) .welcome .chips,
html[data-theme="graphite"] .welcome .chips{gap:8px!important;max-width:690px!important;margin:0 auto!important}
html:not([data-theme]) .welcome .chip,
html[data-theme="graphite"] .welcome .chip{
  min-height:44px!important;padding:9px 13px!important;border:1px solid var(--ll997b-line)!important;border-radius:13px!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;color:#cfcfcf!important;font-size:13px!important;font-weight:500!important;
}
html:not([data-theme]) .welcome .chip:hover,
html[data-theme="graphite"] .welcome .chip:hover{background:#292929!important;border-color:var(--ll997b-line-strong)!important;color:#fff!important;transform:none!important}

/* Composer: single quiet rounded surface. */
html:not([data-theme]) .composer,
html[data-theme="graphite"] .composer{
  padding:0 14px max(10px,env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(33,33,33,0) 0%,rgba(33,33,33,.92) 22%,#212121 48%,#212121 100%)!important;
  box-shadow:none!important;
}
html:not([data-theme]) .composebox,
html[data-theme="graphite"] .composebox{
  width:min(768px,calc(100% - 28px))!important;max-width:768px!important;
  min-height:56px!important;padding:7px 8px!important;gap:4px!important;
  border:0!important;border-radius:28px!important;background:#303030!important;background-image:none!important;
  box-shadow:none!important;align-items:flex-end!important;
}
html:not([data-theme]) .composebox:focus-within,
html[data-theme="graphite"] .composebox:focus-within{
  border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;background:#323232!important;
}
html:not([data-theme]) .composebox textarea,
html[data-theme="graphite"] .composebox textarea{
  min-height:40px!important;max-height:200px!important;padding:9px 8px!important;
  color:#f2f2f2!important;font-size:16px!important;line-height:1.42!important;background:transparent!important;
}
html:not([data-theme]) .composebox textarea::placeholder,
html[data-theme="graphite"] .composebox textarea::placeholder{color:#b2b2b2!important;opacity:1!important}
html:not([data-theme]) .composerBtn,
html:not([data-theme]) .composerDictation,
html[data-theme="graphite"] .composerBtn,
html[data-theme="graphite"] .composerDictation{
  width:40px!important;height:40px!important;min-width:40px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#d0d0d0!important;box-shadow:none!important;
}
html:not([data-theme]) .composerBtn:hover,
html:not([data-theme]) .composerDictation:hover,
html[data-theme="graphite"] .composerBtn:hover,
html[data-theme="graphite"] .composerDictation:hover{background:#414141!important;color:#fff!important}
html:not([data-theme]) .composerPrimary,
html[data-theme="graphite"] .composerPrimary{
  width:40px!important;height:40px!important;min-width:40px!important;border:0!important;border-radius:50%!important;
  background:#f4f4f4!important;color:#181818!important;box-shadow:none!important;
}
html:not([data-theme]) .composerPrimary:hover,
html[data-theme="graphite"] .composerPrimary:hover{background:#fff!important;transform:none!important}
html:not([data-theme]) .composerPrimary.isVoice,
html[data-theme="graphite"] .composerPrimary.isVoice{background:#f4f4f4!important;color:#181818!important}
html:not([data-theme]) .disclaimer,
html[data-theme="graphite"] .disclaimer{margin-top:7px!important;color:#8d8d8d!important;font-size:11px!important}
html:not([data-theme]) .composerHint,
html[data-theme="graphite"] .composerHint{max-width:768px!important;margin:5px auto 0!important;color:#9a9a9a!important}

/* Menus/sheets connected to chat should share the same restrained treatment. */
html:not([data-theme]) .attachMenu,
html:not([data-theme]) .chatContextMenu,
html:not([data-theme]) #ll6635ChatMenu,
html:not([data-theme]) #ll6631ChatMenu,
html[data-theme="graphite"] .attachMenu,
html[data-theme="graphite"] .chatContextMenu,
html[data-theme="graphite"] #ll6635ChatMenu,
html[data-theme="graphite"] #ll6631ChatMenu{
  background:#2b2b2b!important;background-image:none!important;border:1px solid var(--ll997b-line)!important;border-radius:14px!important;box-shadow:0 18px 55px rgba(0,0,0,.45)!important;
}
html:not([data-theme]) .attachMenu button,
html:not([data-theme]) #ll6635ChatMenu button,
html:not([data-theme]) #ll6631ChatMenu button,
html[data-theme="graphite"] .attachMenu button,
html[data-theme="graphite"] #ll6635ChatMenu button,
html[data-theme="graphite"] #ll6631ChatMenu button{border-radius:9px!important}
html:not([data-theme]) .attachMenu button:hover,
html:not([data-theme]) #ll6635ChatMenu button:hover,
html:not([data-theme]) #ll6631ChatMenu button:hover,
html[data-theme="graphite"] .attachMenu button:hover,
html[data-theme="graphite"] #ll6635ChatMenu button:hover,
html[data-theme="graphite"] #ll6631ChatMenu button:hover{background:#3a3a3a!important}

/* Keep the image-generation rectangle from v99.7a untouched. */
.ll16ImageGenCard,.ll16ImageGenSurface,.ll24ProgressChip{isolation:isolate}

@media(max-width:900px){
  html:not([data-theme]) .chat,html[data-theme="graphite"] .chat{padding-left:20px!important;padding-right:20px!important}
}
@media(max-width:650px){
  html:not([data-theme]) .topbar,html[data-theme="graphite"] .topbar{height:52px!important;min-height:52px!important;padding:6px 8px!important}
  html:not([data-theme]) #currentChatName,html[data-theme="graphite"] #currentChatName{max-width:43vw!important;font-size:13.5px!important}
  html:not([data-theme]) .chat,html[data-theme="graphite"] .chat{padding:18px 14px 138px!important;gap:21px!important}
  html:not([data-theme]) .msgrow,html[data-theme="graphite"] .msgrow{max-width:100%!important}
  html:not([data-theme]) .msg.user,html[data-theme="graphite"] .msg.user{max-width:88%!important;font-size:15px!important}
  html:not([data-theme]) .composer,html[data-theme="graphite"] .composer{padding-inline:8px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
  html:not([data-theme]) .composebox,html[data-theme="graphite"] .composebox{width:100%!important;max-width:none!important;min-height:54px!important;border-radius:27px!important}
  html:not([data-theme]) .welcome,html[data-theme="graphite"] .welcome{padding:0 0 80px!important}
  html:not([data-theme]) .welcome h1,html[data-theme="graphite"] .welcome h1{font-size:28px!important;margin-bottom:20px!important}
  html:not([data-theme]) .welcome .chips,html[data-theme="graphite"] .welcome .chips{grid-template-columns:1fr 1fr!important;gap:7px!important}
  html:not([data-theme]) .welcome .chip,html[data-theme="graphite"] .welcome .chip{min-height:42px!important;padding:8px 10px!important;font-size:12.5px!important}
}
@media(max-width:430px){
  html:not([data-theme]) .welcome .chips,html[data-theme="graphite"] .welcome .chips{grid-template-columns:1fr!important}
  html:not([data-theme]) #ll6631TopSettings,html[data-theme="graphite"] #ll6631TopSettings{display:none!important}
}


/* ---- consolidated from v998-chat-polish.css ---- */
/* LL AI v99.8 — authoritative final chat/work polish. Loaded after every legacy layer. */
:root{--ll998-bg:#000;--ll998-side:#090909;--ll998-surface:#2f2f2f;--ll998-hover:#252525;--ll998-selected:#323232;--ll998-line:rgba(255,255,255,.09);--ll998-text:#f1f1f1;--ll998-muted:#a3a3a3}

/* Graphite/default becomes the calm near-black chat surface shown in the reference. */
html:not([data-theme]) body,html:not([data-theme]) .app,html:not([data-theme]) .main,
html[data-theme="graphite"] body,html[data-theme="graphite"] .app,html[data-theme="graphite"] .main{background:var(--ll998-bg)!important;background-image:none!important;color:var(--ll998-text)!important}
html:not([data-theme]) .side,html[data-theme="graphite"] .side{background:var(--ll998-side)!important;border-right:0!important;box-shadow:none!important}
html:not([data-theme]) .topbar,html[data-theme="graphite"] .topbar{background:rgba(0,0,0,.96)!important;border:0!important;box-shadow:none!important}
html:not([data-theme]) .composer,html[data-theme="graphite"] .composer{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.9) 24%,#000 48%)!important}

/* Sidebar hierarchy */
.chatGroupLabel{padding:14px 10px 7px!important;color:#f0f0f0!important;font-size:12px!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important}
.side .chatItem{min-height:38px!important;padding:7px 9px!important;border-radius:8px!important;box-shadow:none!important;border:0!important}
.side .chatItem.active{background:#303030!important;box-shadow:none!important}
.side .chatItem:hover{background:#242424!important}.chatItemTitle{font-size:14px!important;font-weight:500!important}.chatItemMeta{display:none!important}
.chatSearchWrap{background:transparent!important;margin:4px 3px 8px!important;border:0!important}.chatSearchWrap:focus-within{background:#1c1c1c!important}
.sidebarQuickActions{background:transparent!important;border-top:0!important}.sideTools{border-top:0!important}
.side::-webkit-scrollbar,.chatHistory::-webkit-scrollbar{width:0!important;height:0!important}.side,.chatHistory{scrollbar-width:none!important}

/* Chat canvas and typography */
.chat{padding-top:30px!important;padding-left:max(22px,calc((100% - 790px)/2))!important;padding-right:max(22px,calc((100% - 790px)/2))!important;padding-bottom:158px!important;gap:25px!important}
.msgrow{width:100%!important;max-width:790px!important}.msg.ai{font-size:16px!important;line-height:1.66!important}.msg.user{max-width:min(650px,82%)!important;border-radius:22px!important;background:#2f2f2f!important;padding:10px 15px!important}
.assistantTextBody h1,.assistantTextBody h2,.assistantTextBody h3,.mdContent h1,.mdContent h2,.mdContent h3{letter-spacing:-.015em!important}.assistantTextBody p,.mdContent p{margin-block:.55em!important}
.msgActions{opacity:.67!important;transition:opacity .14s ease!important}.msgrow:hover>.msgActions{opacity:1!important}

/* Composer proportions */
.composebox{width:min(780px,calc(100% - 24px))!important;max-width:780px!important;min-height:58px!important;border-radius:29px!important;background:#2f2f2f!important;padding:7px 8px!important;box-shadow:none!important;border:0!important}
.composebox:focus-within{background:#323232!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important}
.composebox textarea{min-height:42px!important;padding:10px 8px!important;font-size:16px!important;line-height:1.42!important}.composerBtn,.composerDictation,.composerPrimary{width:40px!important;height:40px!important;min-width:40px!important}
.composerPrimary{background:#f4f4f4!important;color:#111!important}.composerPrimary:hover{background:#fff!important}

/* ADAPTIVE THINKING — simple is tiny; medium is one quiet line. */
.ll715ThinkingLine[data-ll998="1"]{width:min(790px,100%)!important;min-height:32px!important;padding:2px 1px!important;margin:0 auto 1px!important;gap:8px!important;color:#b8b8b8!important}
.ll715ThinkingLine[data-ll998="1"]>b{font-size:13px!important;font-weight:560!important;color:#bcbcbc!important}.ll715ThinkingLine[data-ll998="1"] .ll715ThinkingHint{font-size:12px!important;color:#777!important}
.ll715ThinkingLine[data-ll998="1"] .ll714Pulse{width:17px!important}.ll715ThinkingLine[data-ll998="1"] .ll714Pulse i{width:3.5px!important;height:3.5px!important;background:#8f8f8f!important}
.ll714TinyThinking{width:min(790px,100%)!important;margin:0 auto!important;padding:6px 0!important;height:24px!important}.ll714TinyThinking i{width:3.5px!important;height:3.5px!important;background:#888!important}

/* WORK TRACE — collapsed surface shows ONE useful phase, details only on demand. */
.ll714Trace[data-ll998="1"]{width:min(790px,100%)!important;margin:0 auto 3px!important;color:#d8d8d8!important}
.ll714Trace[data-ll998="1"] .ll714TraceHead{min-height:38px!important;padding:5px 2px!important;gap:8px!important;border-radius:9px!important;background:transparent!important}
.ll714Trace[data-ll998="1"] .ll714TraceHead:hover{background:rgba(255,255,255,.035)!important}
.ll714Trace[data-ll998="1"] .ll714TraceHead b{font-size:13px!important;font-weight:575!important;color:#c7c7c7!important}.ll714Trace[data-ll998="1"] .ll714TraceCurrent{font-size:12.5px!important;color:#858585!important}.ll714Trace[data-ll998="1"] .ll714TraceHead em{font-size:11px!important;color:#686868!important}
.ll714Trace[data-ll998="1"]:not(.open)>.ll714TraceLive{display:none!important}
.ll714Trace[data-ll998="1"] .ll714TracePanel{margin:5px 0 10px 24px!important;border:1px solid rgba(255,255,255,.085)!important;background:#111!important;border-radius:15px!important;box-shadow:0 16px 48px rgba(0,0,0,.36)!important}
.ll714Trace[data-ll998="1"] .ll714TracePanel>header{height:46px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.ll714Trace[data-ll998="1"] .ll714TracePanel>header b{font-size:13px!important;font-weight:620!important}.ll714Trace[data-ll998="1"] .ll714TracePanel>header small{font-size:10.5px!important;color:#707070!important}
.ll714Trace[data-ll998="1"] .ll714TracePanel>header button{background:transparent!important;border:0!important;color:#a5a5a5!important;border-radius:8px!important}.ll714Trace[data-ll998="1"] .ll714TracePanel>header button:hover{background:#242424!important;color:#eee!important}
.ll714Trace[data-ll998="1"] .ll714TraceEvents{padding:8px 14px 12px!important;max-height:360px!important}.ll714Trace[data-ll998="1"] .ll714Event{padding:7px 0!important;gap:8px!important}.ll714Trace[data-ll998="1"] .ll714Event b{font-size:12.5px!important;font-weight:575!important}.ll714Trace[data-ll998="1"] .ll714Event small{font-size:11.5px!important;color:#777!important;line-height:1.4!important}
.ll714Trace[data-ll998="1"].complete .ll714TraceHead{opacity:.82!important}.ll714Trace[data-ll998="1"].complete .ll714TraceCurrent{display:none!important}.ll714Trace[data-ll998="1"].complete .ll714TraceHead b{color:#909090!important;font-weight:540!important}

/* Code evidence inside work details */
.ll714Code{margin-top:7px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:#090909!important;overflow:hidden!important}.ll714Code summary{padding:8px 10px!important}.ll714Code pre{margin:0!important;border:0!important;border-radius:0!important;background:#080808!important;max-height:260px!important;overflow:auto!important}

/* Menus/dialogs stay visually consistent. */
.attachMenu,.chatContextMenu,#ll6635ChatMenu,#ll6631ChatMenu{background:#252525!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 20px 60px rgba(0,0,0,.55)!important}

/* Preserve alternate themes; only common geometry gets the new behavior. */
@media(max-width:900px){.chat{padding-left:18px!important;padding-right:18px!important;padding-bottom:142px!important}.msg.user{max-width:88%!important}.composebox{width:calc(100% - 8px)!important}.ll714Trace[data-ll998="1"] .ll714TracePanel{margin-left:0!important}}
@media(max-width:560px){.chat{padding-left:13px!important;padding-right:13px!important;gap:21px!important}.msg.ai{font-size:15px!important}.msg.user{max-width:92%!important}.composebox textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.ll714Trace[data-ll998="1"] *,.ll715ThinkingLine[data-ll998="1"] *{animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* ---- consolidated from v999-image-parity.css ---- */
/* LL AI v99.9 — final image generation / waiting game parity layer */
:root{
  --ll99-card-bg:linear-gradient(180deg,rgba(16,17,20,.985),rgba(11,12,15,.985));
  --ll99-card-line:rgba(255,255,255,.065);
  --ll99-overlay:rgba(20,22,28,.92);
  --ll99-overlay-soft:rgba(20,22,28,.84);
  --ll99-text:rgba(255,255,255,.88);
  --ll99-subtle:rgba(255,255,255,.42);
}
.ll16ImageGenRow{width:min(430px,calc(100% - 18px))!important;margin:10px auto 18px!important;contain:layout paint!important;contain-intrinsic-size:430px 412px!important}
.ll16ImageGenCard{position:relative!important;overflow:hidden!important;border-radius:28px!important;border:1px solid var(--ll99-card-line)!important;background:var(--ll99-card-bg)!important;box-shadow:0 22px 56px rgba(0,0,0,.34)!important;backdrop-filter:none!important}
.ll16ImageGenCard,.ll16ImageGenCard .ll16ImageGenSurface{height:402px!important;min-height:402px!important;max-height:402px!important}
.ll16ImageGenSurface{position:relative!important;aspect-ratio:auto!important;background:radial-gradient(circle at 50% 34%,rgba(var(--accent-rgb),.11) 0,rgba(var(--accent-rgb),.05) 18%,rgba(0,0,0,0) 42%),linear-gradient(180deg,#101114 0%,#0a0b0e 100%)!important;cursor:pointer!important}
.ll16ImageGenSurface::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%,transparent 80%,rgba(255,255,255,.018))!important;opacity:1!important}
.ll16ImageGenCard:not(.is-game) .ll22GameCanvas,.ll16ImageGenCard:not(.is-game) .ll16GameHud,.ll16ImageGenCard:not(.is-game) .ll22GameClose{opacity:0!important;pointer-events:none!important}
.ll16DotField{position:absolute!important;left:50%!important;top:56px!important;transform:translateX(-50%)!important;width:348px!important;height:286px!important;display:grid!important;place-items:center!important;inset:auto!important}
.ll16DotGrid,.ll997DotGrid{width:320px!important;height:258px!important;display:grid!important;grid-template-columns:repeat(24,4px)!important;grid-template-rows:repeat(22,4px)!important;grid-auto-rows:4px!important;gap:8px!important;align-content:center!important;justify-content:center!important;transform:none!important;padding:0!important;filter:none!important}
.ll16DotGrid i,.ll997DotGrid i{width:5px!important;height:5px!important;border-radius:999px!important;background:rgba(219,105,162,.74)!important;box-shadow:0 0 12px rgba(219,105,162,.22)!important;opacity:.12!important;animation:ll99DotGlow 2.05s cubic-bezier(.4,0,.22,1) infinite!important}
.ll16DotGrid i.core,.ll997DotGrid i.core{opacity:.92!important;background:rgba(235,114,171,.98)!important;box-shadow:0 0 18px rgba(227,98,156,.34)!important}
.ll16DotGrid i.mid,.ll997DotGrid i.mid{opacity:.44!important}
.ll16DotGrid i.edge,.ll997DotGrid i.edge{opacity:.14!important}
@keyframes ll99DotGlow{0%,100%{transform:scale(.92);opacity:.12}30%{opacity:.28}55%{transform:scale(1.12);opacity:.92}70%{opacity:.44}}
.ll16ImageMeta{position:absolute!important;left:18px!important;right:18px!important;top:16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:14px!important;min-height:0!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;z-index:8!important;pointer-events:none!important}
.ll16ImageMetaCopy{display:grid!important;gap:4px!important;min-width:0!important}
.ll16ImageMetaCopy b{font-size:14px!important;line-height:1.2!important;font-weight:650!important;letter-spacing:-.016em!important;color:var(--ll99-text)!important}
.ll16ImageMetaCopy small{font-size:10.5px!important;line-height:1.3!important;color:var(--ll99-subtle)!important;max-width:265px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ll16ImageProgress{align-self:start!important;display:flex!important;align-items:center!important;gap:0!important;padding-top:1px!important;font-size:11px!important;color:rgba(255,255,255,.52)!important}
.ll16ImageMiniDots{display:none!important}
.ll24ProgressChip{--ll24-progress:0%;position:absolute!important;right:18px!important;bottom:18px!important;z-index:9!important;min-width:64px!important;height:34px!important;padding:0 15px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(38,39,45,.9)!important;color:rgba(255,255,255,.92)!important;box-shadow:0 12px 28px rgba(0,0,0,.30)!important;backdrop-filter:blur(12px)!important;font:620 11px/1 system-ui,-apple-system,sans-serif!important;font-variant-numeric:tabular-nums!important}
.ll24ProgressChip::before{content:""!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;padding:1px!important;background:conic-gradient(var(--accent) var(--ll24-progress),transparent 0)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;opacity:.34!important;pointer-events:none!important}
.ll24ProgressChip:hover,.ll24ProgressChip:focus-visible{background:rgba(54,56,63,.94)!important;border-color:rgba(255,255,255,.16)!important;outline:none!important}.ll24ProgressChip:active{transform:scale(.97)!important}.ll24ProgressChip.complete{background:rgba(255,255,255,.12)!important;color:#fff!important}
.ll16ImageGenHint{position:absolute!important;left:18px!important;bottom:20px!important;translate:0 0!important;font-size:10.5px!important;font-weight:540!important;color:rgba(255,255,255,.40)!important;background:transparent!important;border:0!important;padding:0!important;backdrop-filter:none!important;z-index:8!important}
.ll16ImageGenCard.is-game{border-radius:24px!important;border:1px solid rgba(255,255,255,.055)!important;background:#0b0d12!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
.ll16ImageGenCard.is-game,.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:402px!important;min-height:402px!important;max-height:402px!important}
.ll16ImageGenCard.is-game .ll16ImageGenSurface{border-radius:24px!important;background:linear-gradient(180deg,#0f1219 0%,#0a0c11 100%)!important;box-shadow:none!important;isolation:isolate!important}
.ll16ImageGenCard.is-game .ll16DotField,.ll16ImageGenCard.is-game .ll16ImageMeta,.ll16ImageGenCard.is-game .ll24ProgressChip{display:none!important}
.ll16ImageGenCard.is-game .ll22GameCanvas{position:absolute!important;inset:34px 0 0!important;height:368px!important;background:transparent!important;border-radius:22px!important;image-rendering:auto!important;contain:layout paint size!important;will-change:transform,opacity!important;touch-action:none!important}
.ll16ImageGenCard.is-game .ll16GameHud{position:absolute!important;top:16px!important;left:16px!important;right:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;border-radius:18px!important;background:rgba(17,19,25,.92)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 12px 28px rgba(0,0,0,.28)!important;color:rgba(255,255,255,.74)!important;letter-spacing:.01em!important;z-index:10!important}
.ll16ImageGenCard.is-game .ll16GameHud [data-ll22-game]{font-size:10px!important;letter-spacing:.01em!important;color:rgba(255,255,255,.82)!important;text-transform:none!important}
.ll16ImageGenCard.is-game .ll16GameHud b{font-size:12px!important;font-weight:680!important;font-variant-numeric:tabular-nums!important;color:#fff!important}
.ll16ImageGenCard.is-game .ll16GameHud [data-ll16-best]{font-size:10px!important;color:rgba(255,255,255,.56)!important}
.ll16ImageGenCard.is-game .ll16ImageGenHint{left:16px!important;bottom:16px!important;padding:8px 11px!important;border-radius:999px!important;background:rgba(17,19,25,.88)!important;border:1px solid rgba(255,255,255,.065)!important;color:rgba(255,255,255,.60)!important;box-shadow:0 10px 22px rgba(0,0,0,.22)!important}
.ll16ImageGenCard .ll22GameClose{position:absolute!important;right:16px!important;bottom:16px!important;top:auto!important;width:36px!important;height:36px!important;border-radius:999px!important;background:rgba(17,19,25,.92)!important;border:1px solid rgba(255,255,255,.07)!important;color:rgba(255,255,255,.82)!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important;z-index:10!important;display:grid!important;place-items:center!important}
.ll16ImageGenCard .ll22GameClose:hover,.ll16ImageGenCard .ll22GameClose:focus-visible{background:rgba(33,35,42,.98)!important;border-color:rgba(255,255,255,.12)!important;outline:none!important}
.ll16ImageGenCard[data-wait-game="snake"].is-game .ll16GameHud{background:rgba(16,20,28,.92)!important}
.ll16ImageGenCard[data-wait-game="breaker"].is-game .ll16GameHud{background:rgba(21,18,29,.92)!important}
.ll16ImageGenCard[data-wait-game="stack"].is-game .ll16GameHud{background:rgba(15,22,26,.92)!important}
.ll22ImageActions{display:flex!important;align-items:center!important;gap:2px!important;min-height:36px!important;margin-top:6px!important;padding:0 1px!important;overflow:visible!important}
.ll22ImageActions>button,.ll22ImageActions .ll22MoreButton{height:34px!important;min-width:34px!important;padding:0 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:rgba(255,255,255,.64)!important;font:590 10.5px/1 system-ui,-apple-system,sans-serif!important;gap:5px!important;box-shadow:none!important}
.ll22ImageActions>button:hover,.ll22ImageActions>button:focus-visible,.ll22ImageActions .ll22MoreButton:hover,.ll22ImageActions .ll22MoreButton:focus-visible{background:rgba(255,255,255,.065)!important;color:#fff!important;outline:none!important}
.ll22ImageActions svg{width:15px!important;height:15px!important;stroke-width:1.7!important}
.ll22ImageMore{bottom:calc(100% + 6px)!important;width:196px!important;padding:5px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.085)!important;background:rgba(18,20,26,.98)!important;box-shadow:0 16px 48px rgba(0,0,0,.42)!important}
.ll22ImageMore button{height:39px!important;border-radius:10px!important;font-size:11px!important;font-weight:560!important;background:transparent!important}
.ll22ImageMore button:hover,.ll22ImageMore button:focus-visible{background:rgba(255,255,255,.07)!important}
.ll18ImageExtraActions{gap:2px!important;margin-left:4px!important}
.ll18ImageExtraActions button{height:36px!important;padding:0 9px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:rgba(255,255,255,.70)!important;font-size:11px!important;font-weight:570!important}
.ll18ImageExtraActions button:hover,.ll18ImageExtraActions button:focus-visible{background:rgba(255,255,255,.09)!important;color:#fff!important;outline:none!important}
@media(max-width:760px){
  .ll16ImageGenRow{width:min(400px,calc(100% - 16px))!important;contain-intrinsic-size:400px 380px!important}
  .ll16ImageGenCard,.ll16ImageGenCard .ll16ImageGenSurface,.ll16ImageGenCard.is-game,.ll16ImageGenCard.is-game .ll16ImageGenSurface{height:380px!important;min-height:380px!important;max-height:380px!important}
  .ll16DotField{top:54px!important;width:320px!important;height:266px!important}
  .ll16DotGrid,.ll997DotGrid{width:292px!important;height:240px!important;gap:7px!important}
  .ll16ImageMeta{top:14px!important}
  .ll16ImageMetaCopy small{max-width:235px!important}
  .ll24ProgressChip{right:14px!important;bottom:14px!important}
  .ll16ImageGenHint{left:14px!important;bottom:16px!important}
  .ll16ImageGenCard.is-game .ll22GameCanvas{inset:34px 0 0!important;height:346px!important}
  .ll16ImageGenCard.is-game .ll16GameHud{top:14px!important;left:14px!important;padding:9px 12px!important;gap:10px!important}
  .ll16ImageGenCard .ll22GameClose{right:14px!important;bottom:14px!important}
  .ll22ImageActions{overflow-x:auto!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important}
  .ll22ImageActions::-webkit-scrollbar{display:none!important}
}
@media(prefers-reduced-motion:reduce){.ll16DotGrid i,.ll997DotGrid i,.ll24ProgressChip,.ll22ImageActions>button,.ll22ImageActions .ll22MoreButton,.ll16ImageGenCard .ll22GameClose{transition:none!important;animation:none!important}}