:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background: #14151a; color: #f2f3f7; }
html[data-lightfull-shell="standalone"] { --site-header-h: var(--lf-shell-header-height, 74px) !important; }
#lf-standalone-main[data-lightfull-route-shell="chatgpt"] { min-height: calc(100dvh - var(--lf-shell-header-height, 74px)); }
body { margin: 0; }
* { box-sizing: border-box; }
a { color: inherit; }
button, input { font: inherit; }
button, .lfhdr-nav a { cursor: pointer; }
button { color: inherit; background: #292c35; border: 1px solid #454958; border-radius: 8px; padding: 9px 12px; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #b5a3ff; outline-offset: 3px; }
button:disabled { opacity: .5; cursor: default; }
#lfhdr { position: relative; z-index: 100; display: flex; align-items: center; gap: 20px; padding: 16px 24px; background: #1a1c23; border-bottom: 1px solid #353845; }
#lfhdr-brand { font-size: 21px; font-weight: 750; text-decoration: none; }
.lfhdr-nav { display: flex; flex: 1; gap: 14px; align-items: center; overflow-x: auto; padding: 6px 2px; }
.lfhdr-nav a { white-space: nowrap; text-decoration: none; font-size: 13px; color: #c6c8d1; }
.lfhdr-nav a.active { color: #c8baff; }
.lfhdr-meta { display: flex; align-items: center; gap: 10px; }
#lfhdr-email { max-width: 130px; overflow: hidden; text-overflow: ellipsis; }
#lfhdr-avatar, #lfhdr-dd-ava { width: 36px; height: 36px; border-radius: 50%; }
#lfhdr-notif-btn { position: relative; }
.lfhdr-badge { position: absolute; top: -6px; right: -6px; min-width: 18px; padding: 2px 4px; border-radius: 12px; background: #b5a3ff; color: #14151a; font-size: 11px; }
.lfhdr-dd { display: none; position: absolute; right: 20px; top: 68px; min-width: 210px; padding: 14px; background: #232630; border: 1px solid #454958; border-radius: 12px; box-shadow: 0 14px 36px #0008; }
.lfhdr-dd.show { display: grid; gap: 8px; }
.lfhdr-libModal { position: fixed; inset: 0; background: #0009; z-index: 110; padding: 8vh 8vw; }
.lfhdr-libDialog { background: #232630; padding: 24px; border-radius: 16px; max-height: 80vh; overflow: auto; }
.lfhdr-libGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.lfhdr-libGrid img, .lfhdr-libGrid video { width: 100%; }
.lf-shell-page { max-width: 1200px; margin: 40px auto; padding: 0 24px; }
.lf-shell-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.lf-shell-cards a { display: block; padding: 24px; background: #232630; border: 1px solid #353845; border-radius: 16px; text-decoration: none; }
.lf-auth-page { max-width: 440px; margin: 64px auto; padding: 24px; }
.lf-auth-page label { display: grid; gap: 8px; margin: 18px 0; }
.lf-auth-page input:not([type=checkbox]) { width: 100%; background: #232630; color: inherit; border: 1px solid #454958; border-radius: 8px; padding: 12px; }
.lf-auth-page .auth-policy { display: flex; align-items: center; }
.lf-auth-page .auth-tabs, .lf-auth-page .auth-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.lf-auth-page .msg { margin-top: 18px; white-space: pre-line; }
.lf-auth-page .bad { color: #ffa4a4; }
.lf-auth-page .ok { color: #a5ecc6; }
.lf-mobile-panels { display: none !important; }
@media (max-width: 900px) {
  #lfhdr { flex-wrap: wrap; padding: 12px 16px; gap: 12px; }
  .lfhdr-nav { order: 3; flex-basis: 100%; }
  .lfhdr-meta { margin-left: auto; }
  #lfhdr-email { display: none; }
  [data-lightfull-route-shell="node-studio"] #hd { overflow-x: auto; justify-content: flex-start; }
  [data-lightfull-route-shell="node-studio"] #hd .hd-l,
  [data-lightfull-route-shell="node-studio"] #hd .hd-r { flex-shrink: 0; }
  [data-lightfull-route-shell="node-studio"] #toolbar { max-width: calc(100vw - 16px); overflow-x: auto; justify-content: flex-start; bottom: 64px; }
  [data-lightfull-route-shell="node-studio"] #toolbar .tb { flex-shrink: 0; }
  [data-lightfull-route-shell="image"] .dock-row { flex-wrap: wrap; }
  [data-lightfull-route-shell="image"] .dock-row .dock-prompt { flex-basis: 100%; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-top { overflow-x: auto; justify-content: flex-start; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-top > * { flex-shrink: 0; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-top > div { flex: 0 0 auto !important; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .lf-mobile-panels { display: inline-flex !important; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-stage { right: 12px; bottom: 264px; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-right { display: none; width: calc(100vw - 96px); bottom: 264px; background: #110d0b; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"].lf-panels-open .ps-right { display: flex; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-rail { bottom: 264px; overflow-y: auto; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-dock { left: 12px; right: 12px; width: auto; transform: none; max-height: 244px; overflow-y: auto; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-dock-row { flex-wrap: wrap; }
  html[data-lightfull-shell="standalone"] [data-lightfull-surface-root="poster-studio"] .ps-dock-row .ps-prompt { flex-basis: 100%; }
}
@media (max-width: 900px) {
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace { --hd: var(--lf-shell-header-height, 130px); }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace #work { overflow-x: auto; grid-template-columns: var(--rail) var(--lpw) minmax(320px, 1fr) var(--rpw, 0px); }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace #cmd { overflow-x: auto; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace #cmd .cmd-g { flex: 0 0 auto; overflow: visible; }
  html[data-lightfull-shell="standalone"] .cs-topbar { overflow-x: auto; }
  html[data-lightfull-shell="standalone"] .cs-topbar > * { flex-shrink: 0; }
}
@media (max-width: 900px) {
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .lfc-shotDockInner,
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .rl-dock { grid-template-columns: 1fr; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .tx-dockGen { padding-top: 0; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .tx-dockGen .lfc-shotActions { flex-direction: row; }
  html[data-lightfull-shell="standalone"] .lf-mobile-workspace .tx-dockGen .lfc-shotGenerateCost { position: static; transform: none; }
  html[data-lightfull-shell="standalone"] .cs-empty { left: 60px; right: 12px; top: 100px; width: auto; max-width: none; transform: none; }
  html[data-lightfull-shell="standalone"] .cs-empty-orb { display: none; }
  html[data-lightfull-shell="standalone"] .cs-empty-title { font-size: 34px; }
  html[data-lightfull-shell="standalone"] .cs-empty-sub { font-size: 12px; margin-bottom: 12px; }
  html[data-lightfull-shell="standalone"] .cs-empty-suggest { margin-top: 12px; }
  html[data-lightfull-shell="standalone"] .c-dock-bar { grid-template-columns: 56px minmax(0, 1fr); }
  html[data-lightfull-shell="standalone"] .c-dock-right { width: auto; grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
}