/* 智映星河 · Creative 电影工作室主题 v1 * Public stylesheet loaded last by index.html, after bundled and lazy-loaded head CSS. * Keep the versioned URL stable within this release; bump the filename when replacing it. * Desktop Operate mode preserves positions, hit areas, icons and information density. * The final mobile section reflows existing controls without changing DOM or behavior. * Palette applies to UI chrome; media pixels and 3D scene content remain untouched. */ :root { --xh-bg:#0a0a0a; --xh-surface:#151311; --xh-raised:#201b16; --xh-hover:#2a2219; --xh-white:#f5f1e8; --xh-secondary:#c4beb3; --xh-gold:#d8bb86; --xh-bronze:#ad7947; --xh-border:#3a3228; --xh-border-strong:#6c5740; --xh-accent-soft:#2a2117; --xh-shadow:0 14px 34px rgb(0 0 0 / .34); --canvas-bg:var(--xh-bg); --canvas-grid:rgb(216 187 134 / .055); --canvas-surface:var(--xh-surface); --canvas-raised:var(--xh-raised); --canvas-hover:var(--xh-hover); --canvas-border:var(--xh-border); --canvas-border-strong:var(--xh-border-strong); --canvas-text:var(--xh-white); --canvas-text-2:var(--xh-secondary); --canvas-muted:var(--xh-secondary); --canvas-accent:var(--xh-gold); --canvas-accent-hover:#e6cea6; --canvas-accent-soft:var(--xh-accent-soft); --canvas-shadow:var(--xh-shadow); --agent-bg:var(--xh-bg); --agent-subtle:#100e0c; --agent-surface:var(--xh-surface); --agent-raised:var(--xh-raised); --agent-hover:var(--xh-hover); --agent-border:var(--xh-border); --agent-border-strong:var(--xh-border-strong); --agent-text:var(--xh-white); --agent-text-2:var(--xh-secondary); --agent-muted:var(--xh-secondary); --agent-accent:var(--xh-gold); --agent-accent-hover:#e6cea6; --agent-accent-soft:var(--xh-accent-soft); --agent-shadow:var(--xh-shadow); color-scheme:dark; } html,body,#root,#app-loading { background-color:var(--xh-bg)!important; color:var(--xh-white); } #root { font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif; accent-color:var(--xh-gold); } #root ::selection {background:var(--xh-gold);color:var(--xh-bg);} #root :is(input,textarea,[contenteditable="true"]) {caret-color:var(--xh-gold);} #root :is(input,textarea)::placeholder, #root .is-editor-empty:first-child::before {color:var(--xh-secondary)!important;opacity:.8;} #root :focus-visible {outline:2px solid var(--xh-gold)!important;outline-offset:3px;} #root :is(input,select,textarea):focus {border-color:var(--xh-gold)!important;box-shadow:0 0 0 2px rgb(216 187 134 / .18)!important;} #root .uppercase {letter-spacing:.2em!important;} #root :is(.font-mono,pre,code) {font-variant-numeric:tabular-nums;} #root :is(.xh-dashboard,.xh-canvas,.xh-canvas-viewport,.xh-agent-workspace) {background:var(--xh-bg)!important;color:var(--xh-white)!important;} #root .xh-agent-workspace aside {background:#100e0c!important;border-color:var(--xh-border)!important;} #root .xh-agent-workspace :is(section,main) {background-color:var(--xh-bg)!important;} #root .xh-app-header {background:rgb(10 10 10 / .92)!important;border-color:var(--xh-border)!important;} #root .xh-app-header nav {background:var(--xh-surface)!important;border-color:var(--xh-border)!important;} #root .xh-canvas-toolbar, #root .xh-canvas-node, #root .xh-chat-panel {background:var(--xh-surface)!important;border-color:var(--xh-border)!important;} #root .xh-canvas-node:hover {border-color:var(--xh-bronze)!important;} #root .xh-canvas-viewport [data-canvas-grid-background="true"] {background-image:radial-gradient(var(--canvas-grid) 1px,transparent 1px)!important;} #root .xh-chat-message-user {background:var(--xh-accent-soft)!important;color:var(--xh-white)!important;border-color:var(--xh-bronze)!important;} #root .xh-chat-message-assistant {background:var(--xh-raised)!important;color:var(--xh-white)!important;} /* Legacy neutral Tailwind utilities and arbitrary solid surfaces. */ #root :is( :is([class^="bg-[#080a0f]"],[class*=" bg-[#080a0f]"]),:is([class^="bg-[#0a0a0f]"],[class*=" bg-[#0a0a0f]"]),:is([class^="bg-[#12131b]"],[class*=" bg-[#12131b]"]), :is([class^="bg-[#050505]"],[class*=" bg-[#050505]"]),:is([class^="bg-[#0d0d0d]"],[class*=" bg-[#0d0d0d]"]),:is([class^="bg-[#0a0a0a]"],[class*=" bg-[#0a0a0a]"]) ) {background-color:var(--xh-bg)!important;} #root :is( :is([class^="bg-[#1a1a1a]"],[class*=" bg-[#1a1a1a]"]),:is([class^="bg-[#1e1e1e]"],[class*=" bg-[#1e1e1e]"]),:is([class^="bg-[#141414]"],[class*=" bg-[#141414]"]), :is([class^="bg-[#171717]"],[class*=" bg-[#171717]"]),:is([class^="bg-[#0f0f0f]"],[class*=" bg-[#0f0f0f]"]),:is([class^="bg-[#212121]"],[class*=" bg-[#212121]"]), :is([class^="bg-[#11151d]"],[class*=" bg-[#11151d]"]),:is([class^="bg-[#121212]"],[class*=" bg-[#121212]"]),:is([class^="bg-[#151515]"],[class*=" bg-[#151515]"]), :is([class^="bg-[#111]"],[class*=" bg-[#111]"]),:is([class^="bg-[#1b1b1b]"],[class*=" bg-[#1b1b1b]"]),:is([class^="bg-neutral-900"],[class*=" bg-neutral-900"]), :is([class~="bg-neutral-950"]),:is([class^="bg-zinc-900"],[class*=" bg-zinc-900"]),:is([class^="bg-gray-900"],[class*=" bg-gray-900"]), :is([class^="bg-slate-900"],[class*=" bg-slate-900"]),:is([class^="bg-white"],[class*=" bg-white"]),:is([class^="bg-[#fff"],[class*=" bg-[#fff"]), :is([class^="bg-[#f7f7f8]"],[class*=" bg-[#f7f7f8]"]),:is([class^="bg-[#fafafa]"],[class*=" bg-[#fafafa]"]),:is([class^="bg-[#fbfbfc]"],[class*=" bg-[#fbfbfc]"]), :is([class^="bg-[#f6f6f7]"],[class*=" bg-[#f6f6f7]"]),:is([class^="bg-[#f8fafc]"],[class*=" bg-[#f8fafc]"]),:is([class^="bg-[#f7f7f7]"],[class*=" bg-[#f7f7f7]"]) ) {background-color:var(--xh-surface)!important;} #root :is( :is([class^="bg-neutral-800"],[class*=" bg-neutral-800"]),:is([class^="bg-neutral-700"],[class*=" bg-neutral-700"]),:is([class^="bg-[#2a2a2a]"],[class*=" bg-[#2a2a2a]"]), :is([class^="bg-[#222222]"],[class*=" bg-[#222222]"]),:is([class^="bg-[#252525]"],[class*=" bg-[#252525]"]),:is([class^="bg-[#333]"],[class*=" bg-[#333]"]), :is([class^="bg-[#171c26]"],[class*=" bg-[#171c26]"]),:is([class^="bg-[#1d2430]"],[class*=" bg-[#1d2430]"]),:is([class^="bg-[#fbfaff]"],[class*=" bg-[#fbfaff]"]) ) {background-color:var(--xh-raised)!important;} #root :is( :is([class^="text-white"],[class*=" text-white"]),:is([class^="text-neutral-50"],[class*=" text-neutral-50"]),:is([class^="text-neutral-100"],[class*=" text-neutral-100"]), :is([class^="text-neutral-200"],[class*=" text-neutral-200"]),:is([class^="text-neutral-700"],[class*=" text-neutral-700"]),:is([class^="text-neutral-800"],[class*=" text-neutral-800"]), :is([class^="text-neutral-900"],[class*=" text-neutral-900"]),:is([class^="text-neutral-950"],[class*=" text-neutral-950"]),:is([class^="text-black"],[class*=" text-black"]), :is([class^="text-[#f3f5f7]"],[class*=" text-[#f3f5f7]"]),:is([class^="text-[#f8fafc]"],[class*=" text-[#f8fafc]"]),:is([class^="text-[#171717]"],[class*=" text-[#171717]"]) ) {color:var(--xh-white)!important;} #root :is( :is([class^="text-neutral-300"],[class*=" text-neutral-300"]),:is([class^="text-neutral-400"],[class*=" text-neutral-400"]),:is([class^="text-neutral-500"],[class*=" text-neutral-500"]), :is([class^="text-neutral-600"],[class*=" text-neutral-600"]),:is([class^="text-gray-400"],[class*=" text-gray-400"]),:is([class^="text-gray-500"],[class*=" text-gray-500"]), :is([class^="text-slate-400"],[class*=" text-slate-400"]),:is([class^="text-slate-500"],[class*=" text-slate-500"]),:is([class^="text-[#707a8b]"],[class*=" text-[#707a8b]"]), :is([class^="text-[#aab2c0]"],[class*=" text-[#aab2c0]"]),:is([class^="text-[#525252]"],[class*=" text-[#525252]"]),:is([class^="text-[#64748b]"],[class*=" text-[#64748b]"]) ) {color:var(--xh-secondary)!important;} #root :is( :is([class^="border-neutral-"],[class*=" border-neutral-"]),:is([class^="border-white"],[class*=" border-white"]),:is([class^="border-gray-"],[class*=" border-gray-"]), :is([class^="border-slate-"],[class*=" border-slate-"]),:is([class^="border-[#333]"],[class*=" border-[#333]"]),:is([class^="border-[#444]"],[class*=" border-[#444]"]), :is([class^="border-[#3a3a3a]"],[class*=" border-[#3a3a3a]"]),[class*="divide-neutral-"] ) {border-color:var(--xh-border)!important;} #root :is(input,textarea,select) {background-color:var(--xh-raised)!important;color:var(--xh-white)!important;border-color:var(--xh-border-strong)!important;accent-color:var(--xh-gold);} #root .xh-chat-panel textarea {background:transparent!important;border:0!important;box-shadow:none!important;} #root .ProseMirror {background:transparent!important;color:var(--xh-white)!important;} #root :is([class*="hover:bg-neutral"],[class*="hover:bg-white"],[class*="hover:bg-[#222222]"],[class*="hover:bg-[#f7f7f8]"]):hover {background-color:var(--xh-hover)!important;} #root :is(button,a,[role="button"]):disabled, #root [aria-disabled="true"] {cursor:not-allowed;} /* Blue/cyan/violet decoration becomes warm; error/success semantics stay distinct. */ #root :is( :is([class^="text-blue-"],[class*=" text-blue-"]),:is([class^="text-cyan-"],[class*=" text-cyan-"]),:is([class^="text-sky-"],[class*=" text-sky-"]), :is([class^="text-indigo-"],[class*=" text-indigo-"]),:is([class^="text-violet-"],[class*=" text-violet-"]),:is([class^="text-purple-"],[class*=" text-purple-"]), :is([class^="text-[#7c8cff]"],[class*=" text-[#7c8cff]"]),:is([class^="text-[#93a0ff]"],[class*=" text-[#93a0ff]"]),:is([class^="text-[#05DFF6]"],[class*=" text-[#05DFF6]"]), :is([class^="text-[#b9a1ff]"],[class*=" text-[#b9a1ff]"]) ) {color:var(--xh-gold)!important;} #root :is( :is([class^="bg-blue-"],[class*=" bg-blue-"]),:is([class^="bg-cyan-"],[class*=" bg-cyan-"]),:is([class^="bg-sky-"],[class*=" bg-sky-"]), :is([class^="bg-indigo-"],[class*=" bg-indigo-"]),:is([class^="bg-violet-"],[class*=" bg-violet-"]),:is([class^="bg-purple-"],[class*=" bg-purple-"]), :is([class~="bg-[#7c8cff]"]),:is([class~="bg-[#05DFF6]"]),:is([class^="bg-[#6366f1]"],[class*=" bg-[#6366f1]"]) ) {background-color:var(--xh-accent-soft)!important;color:var(--xh-white)!important;} #root :is( :is([class^="border-blue-"],[class*=" border-blue-"]),:is([class^="border-cyan-"],[class*=" border-cyan-"]),:is([class^="border-sky-"],[class*=" border-sky-"]), :is([class^="border-indigo-"],[class*=" border-indigo-"]),:is([class^="border-violet-"],[class*=" border-violet-"]),:is([class^="border-purple-"],[class*=" border-purple-"]), :is([class^="border-[#7c8cff]"],[class*=" border-[#7c8cff]"]),:is([class^="border-[#05DFF6]"],[class*=" border-[#05DFF6]"]) ) {border-color:var(--xh-bronze)!important;} #root :is(:is([class^="ring-blue"],[class*=" ring-blue"]),:is([class^="ring-cyan"],[class*=" ring-cyan"]),:is([class^="ring-violet"],[class*=" ring-violet"]),:is([class^="ring-purple"],[class*=" ring-purple"]),:is([class^="ring-indigo"],[class*=" ring-indigo"])) {--tw-ring-color:var(--xh-gold)!important;} #root :is(:is([class^="accent-blue"],[class*=" accent-blue"]),:is([class^="accent-cyan"],[class*=" accent-cyan"]),:is([class^="accent-violet"],[class*=" accent-violet"])) {accent-color:var(--xh-gold)!important;} #root :is(:is([class^="from-blue-"],[class*=" from-blue-"]),:is([class^="from-cyan-"],[class*=" from-cyan-"]),:is([class^="from-indigo-"],[class*=" from-indigo-"]),:is([class^="from-violet-"],[class*=" from-violet-"]),:is([class^="from-purple-"],[class*=" from-purple-"])) {--tw-gradient-from:var(--xh-gold)!important;--tw-gradient-from-position:0%;} #root :is(:is([class^="via-blue-"],[class*=" via-blue-"]),:is([class^="via-cyan-"],[class*=" via-cyan-"]),:is([class^="via-indigo-"],[class*=" via-indigo-"]),:is([class^="via-violet-"],[class*=" via-violet-"]),:is([class^="via-purple-"],[class*=" via-purple-"])) {--tw-gradient-via:var(--xh-bronze)!important;} #root :is(:is([class^="to-blue-"],[class*=" to-blue-"]),:is([class^="to-cyan-"],[class*=" to-cyan-"]),:is([class^="to-indigo-"],[class*=" to-indigo-"]),:is([class^="to-violet-"],[class*=" to-violet-"]),:is([class^="to-purple-"],[class*=" to-purple-"])) {--tw-gradient-to:var(--xh-bronze)!important;} #root :is(button,a,[role="button"]):is( :is([class~="bg-blue-500"]),:is([class~="bg-blue-600"]),:is([class~="bg-cyan-500"]),:is([class~="bg-cyan-600"]), :is([class~="bg-indigo-500"]),:is([class~="bg-indigo-600"]),:is([class~="bg-violet-500"]),:is([class~="bg-violet-600"]), :is([class~="bg-purple-500"]),:is([class~="bg-purple-600"]),:is([class~="bg-[#7c8cff]"]),:is([class~="bg-[#05DFF6]"]) ), #root .xh-agent-workspace button:is([class~="bg-neutral-950"]), #root .xh-canvas-primary, #root .xh-app-header a:is([class~="bg-[#F7F7F7]"]) { background:var(--xh-gold)!important;color:var(--xh-bg)!important;border-color:var(--xh-gold)!important; } #root :is(button,a,[role="button"]):is(:is([class~="bg-blue-500"]),:is([class~="bg-blue-600"]),:is([class~="bg-cyan-500"]),:is([class~="bg-cyan-600"]),:is([class~="bg-[#7c8cff]"])):hover, #root .xh-agent-workspace button:is([class~="bg-neutral-950"]):hover, #root .xh-canvas-primary:hover {background:#e6cea6!important;color:var(--xh-bg)!important;} /* Header membership is decorative, not an error. Preserve the level wording/icon. */ #root .xh-app-header [class*="rose-"] {color:var(--xh-gold)!important;} #root .xh-app-header :is([class^="bg-rose-"],[class*=" bg-rose-"]) {background-color:var(--xh-accent-soft)!important;} #root .xh-app-header :is([class^="border-rose-"],[class*=" border-rose-"]) {border-color:var(--xh-bronze)!important;} #root .xh-app-header :is([class^="fill-rose-"],[class*=" fill-rose-"]) {fill:var(--xh-bronze)!important;} /* All existing overlapping chrome uses exactly 10px; no new layout stacking. */ #root :is( .xh-app-header,.xh-canvas-toolbar,.xh-chat-panel,.xh-chat-bubble, [class*="backdrop-blur"],[role="dialog"],[role="menu"],[role="tooltip"], [role="alert"].fixed,[role="status"].fixed, .fixed[class*="shadow"],.absolute[class*="shadow"], .absolute:is([class^="bg-black/"],[class*=" bg-black/"]),.absolute:is([class^="bg-neutral-"],[class*=" bg-neutral-"]), .fixed:is([class^="bg-black/"],[class*=" bg-black/"]),.fixed:is([class^="bg-[#12131b]"],[class*=" bg-[#12131b]"]), [style*="z-index: 1000"],[style*="z-index: 100;"] ) {-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;} #root :is(.absolute,.fixed)[class*="shadow"] {box-shadow:var(--xh-shadow)!important;} #root :is(.absolute,.fixed):is([class^="bg-black/"],[class*=" bg-black/"]) {background-color:rgb(10 10 10 / .82)!important;} #root .fixed[class*="inset-0"]:is([class^="bg-black/"],[class*=" bg-black/"]) {background-color:rgb(10 10 10 / .76)!important;} #root .absolute:is([class^="bg-neutral-800"],[class*=" bg-neutral-800"])[class*="pointer-events-none"] {background:rgb(21 19 17 / .96)!important;border-color:var(--xh-border-strong)!important;} /* Video-study owns scoped variables and must opt into the same system. */ #root .vs-workspace { --vs-bg:var(--xh-bg);--vs-card:var(--xh-surface);--vs-raised:var(--xh-raised); --vs-border:var(--xh-border);--vs-text:var(--xh-white);--vs-muted:var(--xh-secondary); --vs-accent:var(--xh-gold);background:var(--xh-bg)!important;color:var(--xh-white)!important; } #root .vs-workspace .vs-eyebrow {color:var(--xh-gold)!important;letter-spacing:.2em!important;text-transform:uppercase;} #root .vs-workspace :is(.vs-button,.vs-toolbar,.vs-inspector,.vs-shot-card) {background-color:var(--xh-surface)!important;color:var(--xh-white)!important;border-color:var(--xh-border)!important;} #root .vs-workspace :is(.vs-player,.vs-timeline) {background-color:var(--xh-bg)!important;} #root .vs-workspace :is(.vs-shot-number,.vs-shot-duration) {background:rgb(10 10 10 / .82)!important;color:var(--xh-white)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;} #root .vs-workspace :is(button,input,textarea,select):focus-visible {outline-color:var(--xh-gold)!important;} #root .vs-workspace :is(.vs-ai-button,.vs-primary) {background:var(--xh-gold)!important;color:var(--xh-bg)!important;border-color:var(--xh-gold)!important;} #root .vs-workspace .vs-shot-card.selected {border-color:var(--xh-gold)!important;} /* Browser chrome and initial boot state. */ ::-webkit-scrollbar-track {background:var(--xh-bg)!important;} ::-webkit-scrollbar-thumb {background:#6c5740!important;} ::-webkit-scrollbar-thumb:hover {background:var(--xh-bronze)!important;} #root .custom-scrollbar, #root .scrollbar-visible {scrollbar-color:#6c5740 transparent!important;} #app-loading .spinner {border-color:var(--xh-border)!important;border-top-color:var(--xh-gold)!important;} /* Video-study hardcoded decorative colors, beyond its own tokens. */ #root .vs-workspace :is(.vs-brand-icon,.vs-empty-film,.vs-processing,.vs-ai-box,.vs-bulk-tools,.vs-export-panel) {background:var(--xh-accent-soft)!important;color:var(--xh-white)!important;border-color:var(--xh-border-strong)!important;} #root .vs-workspace :is(.vs-brand-icon,.vs-empty-film,.vs-steps b,.vs-pending) {color:var(--xh-gold)!important;} #root .vs-workspace :is(.vs-threshold,.vs-steps span,.vs-player-caption,.vs-shot-info label,.vs-keyframes,.vs-field,.vs-fields-row label,.vs-review-check,.vs-target-duration,.vs-history) {color:var(--xh-secondary)!important;} #root .vs-workspace :is(.vs-processing span,.vs-empty small,.vs-audio-note,.vs-cut-tools>span,.vs-inspector-title>span,.vs-evidence-note,.vs-ai-box small,.vs-checks>div>span:last-child,.vs-export-panel p,.vs-export-panel>small,.vs-target-duration span,.vs-bulk-tools span,.vs-history>span) {color:var(--xh-secondary)!important;} #root .vs-workspace :is(.vs-metrics b,.vs-bulk-tools b,.vs-ai-box>label) {color:var(--xh-white)!important;} #root .vs-workspace :is(.vs-shot-preview,.vs-keyframes button,.vs-keyframes img) {background:var(--xh-bg)!important;border-color:var(--xh-border)!important;color:var(--xh-secondary)!important;} #root .vs-workspace .vs-section-heading h3 span {background:var(--xh-raised)!important;color:var(--xh-secondary)!important;} #root .vs-workspace .vs-timeline button {background:var(--xh-accent-soft)!important;border-color:var(--xh-border-strong)!important;color:var(--xh-white)!important;} #root .vs-workspace .vs-timeline button:nth-child(3n+2) {background:#33271a!important;} #root .vs-workspace .vs-timeline button:nth-child(3n) {background:#433120!important;} #root .vs-workspace .vs-timeline button.is-active {background:var(--xh-gold)!important;border-color:var(--xh-gold)!important;color:var(--xh-bg)!important;box-shadow:inset 0 0 0 1px var(--xh-gold)!important;} #root .vs-workspace .vs-shot-card.is-active {border-color:var(--xh-gold)!important;box-shadow:0 0 0 1px var(--xh-gold)!important;} #root .vs-workspace .vs-button:hover:not(:disabled) {background:var(--xh-hover)!important;border-color:var(--xh-bronze)!important;} #root .vs-workspace :is(.vs-ai-button,.vs-primary):hover:not(:disabled) {background:#e6cea6!important;color:var(--xh-bg)!important;} #root .vs-workspace .vs-checks {border-color:var(--xh-border)!important;} /* Ordinary React inline styles serialize to RGB: override the affected property only. */ #root [style^="color: #05dff6" i], #root [style*="; color: #05dff6" i], #root [style^="color: rgb(5, 223, 246)" i], #root [style*="; color: rgb(5, 223, 246)" i], #root [style^="color: #7c8cff" i], #root [style*="; color: #7c8cff" i], #root [style^="color: rgb(124, 140, 255)" i], #root [style*="; color: rgb(124, 140, 255)" i], #root [style^="color: #93a0ff" i], #root [style*="; color: #93a0ff" i], #root [style^="color: rgb(147, 160, 255)" i], #root [style*="; color: rgb(147, 160, 255)" i], #root [style^="color: #3b82f6" i], #root [style*="; color: #3b82f6" i], #root [style^="color: rgb(59, 130, 246)" i], #root [style*="; color: rgb(59, 130, 246)" i], #root [style^="color: #2563eb" i], #root [style*="; color: #2563eb" i], #root [style^="color: rgb(37, 99, 235)" i], #root [style*="; color: rgb(37, 99, 235)" i], #root [style^="color: #60a5fa" i], #root [style*="; color: #60a5fa" i], #root [style^="color: rgb(96, 165, 250)" i], #root [style*="; color: rgb(96, 165, 250)" i], #root [style^="color: #38bdf8" i], #root [style*="; color: #38bdf8" i], #root [style^="color: rgb(56, 189, 248)" i], #root [style*="; color: rgb(56, 189, 248)" i], #root [style^="color: #22d3ee" i], #root [style*="; color: #22d3ee" i], #root [style^="color: rgb(34, 211, 238)" i], #root [style*="; color: rgb(34, 211, 238)" i], #root [style^="color: #06b6d4" i], #root [style*="; color: #06b6d4" i], #root [style^="color: rgb(6, 182, 212)" i], #root [style*="; color: rgb(6, 182, 212)" i], #root [style^="color: #6366f1" i], #root [style*="; color: #6366f1" i], #root [style^="color: rgb(99, 102, 241)" i], #root [style*="; color: rgb(99, 102, 241)" i], #root [style^="color: #818cf8" i], #root [style*="; color: #818cf8" i], #root [style^="color: rgb(129, 140, 248)" i], #root [style*="; color: rgb(129, 140, 248)" i], #root [style^="color: #a855f7" i], #root [style*="; color: #a855f7" i], #root [style^="color: rgb(168, 85, 247)" i], #root [style*="; color: rgb(168, 85, 247)" i], #root [style^="color: #8b5cf6" i], #root [style*="; color: #8b5cf6" i], #root [style^="color: rgb(139, 92, 246)" i], #root [style*="; color: rgb(139, 92, 246)" i], #root [style^="color: #a78bfa" i], #root [style*="; color: #a78bfa" i], #root [style^="color: rgb(167, 139, 250)" i], #root [style*="; color: rgb(167, 139, 250)" i], #root [style^="color: #b9a1ff" i], #root [style*="; color: #b9a1ff" i], #root [style^="color: rgb(185, 161, 255)" i], #root [style*="; color: rgb(185, 161, 255)" i], #root [style^="color: #a88bfa" i], #root [style*="; color: #a88bfa" i], #root [style^="color: rgb(168, 139, 250)" i], #root [style*="; color: rgb(168, 139, 250)" i], #root [style^="color: #bca5ff" i], #root [style*="; color: #bca5ff" i], #root [style^="color: rgb(188, 165, 255)" i], #root [style*="; color: rgb(188, 165, 255)" i], #root [style^="color: #bda1ff" i], #root [style*="; color: #bda1ff" i], #root [style^="color: rgb(189, 161, 255)" i], #root [style*="; color: rgb(189, 161, 255)" i], #root [style^="color: #ac90ed" i], #root [style*="; color: #ac90ed" i], #root [style^="color: rgb(172, 144, 237)" i], #root [style*="; color: rgb(172, 144, 237)" i], #root [style^="color: #e6d8ff" i], #root [style*="; color: #e6d8ff" i], #root [style^="color: rgb(230, 216, 255)" i], #root [style*="; color: rgb(230, 216, 255)" i], #root [style^="color: #b494fa" i], #root [style*="; color: #b494fa" i], #root [style^="color: rgb(180, 148, 250)" i], #root [style*="; color: rgb(180, 148, 250)" i] {color:var(--xh-gold)!important;} #root [style^="background: #05dff6" i], #root [style*="; background: #05dff6" i], #root [style^="background: rgb(5, 223, 246)" i], #root [style*="; background: rgb(5, 223, 246)" i], #root [style^="background: #7c8cff" i], #root [style*="; background: #7c8cff" i], #root [style^="background: rgb(124, 140, 255)" i], #root [style*="; background: rgb(124, 140, 255)" i], #root [style^="background: #93a0ff" i], #root [style*="; background: #93a0ff" i], #root [style^="background: rgb(147, 160, 255)" i], #root [style*="; background: rgb(147, 160, 255)" i], #root [style^="background: #3b82f6" i], #root [style*="; background: #3b82f6" i], #root [style^="background: rgb(59, 130, 246)" i], #root [style*="; background: rgb(59, 130, 246)" i], #root [style^="background: #2563eb" i], #root [style*="; background: #2563eb" i], #root [style^="background: rgb(37, 99, 235)" i], #root [style*="; background: rgb(37, 99, 235)" i], #root [style^="background: #60a5fa" i], #root [style*="; background: #60a5fa" i], #root [style^="background: rgb(96, 165, 250)" i], #root [style*="; background: rgb(96, 165, 250)" i], #root [style^="background: #38bdf8" i], #root [style*="; background: #38bdf8" i], #root [style^="background: rgb(56, 189, 248)" i], #root [style*="; background: rgb(56, 189, 248)" i], #root [style^="background: #22d3ee" i], #root [style*="; background: #22d3ee" i], #root [style^="background: rgb(34, 211, 238)" i], #root [style*="; background: rgb(34, 211, 238)" i], #root [style^="background: #06b6d4" i], #root [style*="; background: #06b6d4" i], #root [style^="background: rgb(6, 182, 212)" i], #root [style*="; background: rgb(6, 182, 212)" i], #root [style^="background: #6366f1" i], #root [style*="; background: #6366f1" i], #root [style^="background: rgb(99, 102, 241)" i], #root [style*="; background: rgb(99, 102, 241)" i], #root [style^="background: #818cf8" i], #root [style*="; background: #818cf8" i], #root [style^="background: rgb(129, 140, 248)" i], #root [style*="; background: rgb(129, 140, 248)" i], #root [style^="background: #a855f7" i], #root [style*="; background: #a855f7" i], #root [style^="background: rgb(168, 85, 247)" i], #root [style*="; background: rgb(168, 85, 247)" i], #root [style^="background: #8b5cf6" i], #root [style*="; background: #8b5cf6" i], #root [style^="background: rgb(139, 92, 246)" i], #root [style*="; background: rgb(139, 92, 246)" i], #root [style^="background: #a78bfa" i], #root [style*="; background: #a78bfa" i], #root [style^="background: rgb(167, 139, 250)" i], #root [style*="; background: rgb(167, 139, 250)" i], #root [style^="background: #b9a1ff" i], #root [style*="; background: #b9a1ff" i], #root [style^="background: rgb(185, 161, 255)" i], #root [style*="; background: rgb(185, 161, 255)" i], #root [style^="background: #a88bfa" i], #root [style*="; background: #a88bfa" i], #root [style^="background: rgb(168, 139, 250)" i], #root [style*="; background: rgb(168, 139, 250)" i], #root [style^="background: #bca5ff" i], #root [style*="; background: #bca5ff" i], #root [style^="background: rgb(188, 165, 255)" i], #root [style*="; background: rgb(188, 165, 255)" i], #root [style^="background: #bda1ff" i], #root [style*="; background: #bda1ff" i], #root [style^="background: rgb(189, 161, 255)" i], #root [style*="; background: rgb(189, 161, 255)" i], #root [style^="background: #ac90ed" i], #root [style*="; background: #ac90ed" i], #root [style^="background: rgb(172, 144, 237)" i], #root [style*="; background: rgb(172, 144, 237)" i], #root [style^="background: #e6d8ff" i], #root [style*="; background: #e6d8ff" i], #root [style^="background: rgb(230, 216, 255)" i], #root [style*="; background: rgb(230, 216, 255)" i], #root [style^="background: #b494fa" i], #root [style*="; background: #b494fa" i], #root [style^="background: rgb(180, 148, 250)" i], #root [style*="; background: rgb(180, 148, 250)" i], #root [style^="background-color: #05dff6" i], #root [style*="; background-color: #05dff6" i], #root [style^="background-color: rgb(5, 223, 246)" i], #root [style*="; background-color: rgb(5, 223, 246)" i], #root [style^="background-color: #7c8cff" i], #root [style*="; background-color: #7c8cff" i], #root [style^="background-color: rgb(124, 140, 255)" i], #root [style*="; background-color: rgb(124, 140, 255)" i], #root [style^="background-color: #93a0ff" i], #root [style*="; background-color: #93a0ff" i], #root [style^="background-color: rgb(147, 160, 255)" i], #root [style*="; background-color: rgb(147, 160, 255)" i], #root [style^="background-color: #3b82f6" i], #root [style*="; background-color: #3b82f6" i], #root [style^="background-color: rgb(59, 130, 246)" i], #root [style*="; background-color: rgb(59, 130, 246)" i], #root [style^="background-color: #2563eb" i], #root [style*="; background-color: #2563eb" i], #root [style^="background-color: rgb(37, 99, 235)" i], #root [style*="; background-color: rgb(37, 99, 235)" i], #root [style^="background-color: #60a5fa" i], #root [style*="; background-color: #60a5fa" i], #root [style^="background-color: rgb(96, 165, 250)" i], #root [style*="; background-color: rgb(96, 165, 250)" i], #root [style^="background-color: #38bdf8" i], #root [style*="; background-color: #38bdf8" i], #root [style^="background-color: rgb(56, 189, 248)" i], #root [style*="; background-color: rgb(56, 189, 248)" i], #root [style^="background-color: #22d3ee" i], #root [style*="; background-color: #22d3ee" i], #root [style^="background-color: rgb(34, 211, 238)" i], #root [style*="; background-color: rgb(34, 211, 238)" i], #root [style^="background-color: #06b6d4" i], #root [style*="; background-color: #06b6d4" i], #root [style^="background-color: rgb(6, 182, 212)" i], #root [style*="; background-color: rgb(6, 182, 212)" i], #root [style^="background-color: #6366f1" i], #root [style*="; background-color: #6366f1" i], #root [style^="background-color: rgb(99, 102, 241)" i], #root [style*="; background-color: rgb(99, 102, 241)" i], #root [style^="background-color: #818cf8" i], #root [style*="; background-color: #818cf8" i], #root [style^="background-color: rgb(129, 140, 248)" i], #root [style*="; background-color: rgb(129, 140, 248)" i], #root [style^="background-color: #a855f7" i], #root [style*="; background-color: #a855f7" i], #root [style^="background-color: rgb(168, 85, 247)" i], #root [style*="; background-color: rgb(168, 85, 247)" i], #root [style^="background-color: #8b5cf6" i], #root [style*="; background-color: #8b5cf6" i], #root [style^="background-color: rgb(139, 92, 246)" i], #root [style*="; background-color: rgb(139, 92, 246)" i], #root [style^="background-color: #a78bfa" i], #root [style*="; background-color: #a78bfa" i], #root [style^="background-color: rgb(167, 139, 250)" i], #root [style*="; background-color: rgb(167, 139, 250)" i], #root [style^="background-color: #b9a1ff" i], #root [style*="; background-color: #b9a1ff" i], #root [style^="background-color: rgb(185, 161, 255)" i], #root [style*="; background-color: rgb(185, 161, 255)" i], #root [style^="background-color: #a88bfa" i], #root [style*="; background-color: #a88bfa" i], #root [style^="background-color: rgb(168, 139, 250)" i], #root [style*="; background-color: rgb(168, 139, 250)" i], #root [style^="background-color: #bca5ff" i], #root [style*="; background-color: #bca5ff" i], #root [style^="background-color: rgb(188, 165, 255)" i], #root [style*="; background-color: rgb(188, 165, 255)" i], #root [style^="background-color: #bda1ff" i], #root [style*="; background-color: #bda1ff" i], #root [style^="background-color: rgb(189, 161, 255)" i], #root [style*="; background-color: rgb(189, 161, 255)" i], #root [style^="background-color: #ac90ed" i], #root [style*="; background-color: #ac90ed" i], #root [style^="background-color: rgb(172, 144, 237)" i], #root [style*="; background-color: rgb(172, 144, 237)" i], #root [style^="background-color: #e6d8ff" i], #root [style*="; background-color: #e6d8ff" i], #root [style^="background-color: rgb(230, 216, 255)" i], #root [style*="; background-color: rgb(230, 216, 255)" i], #root [style^="background-color: #b494fa" i], #root [style*="; background-color: #b494fa" i], #root [style^="background-color: rgb(180, 148, 250)" i], #root [style*="; background-color: rgb(180, 148, 250)" i] {background:var(--xh-accent-soft)!important;color:var(--xh-white)!important;} #root [style^="border-color: #05dff6" i], #root [style*="; border-color: #05dff6" i], #root [style^="border-color: rgb(5, 223, 246)" i], #root [style*="; border-color: rgb(5, 223, 246)" i], #root [style^="border-color: #7c8cff" i], #root [style*="; border-color: #7c8cff" i], #root [style^="border-color: rgb(124, 140, 255)" i], #root [style*="; border-color: rgb(124, 140, 255)" i], #root [style^="border-color: #93a0ff" i], #root [style*="; border-color: #93a0ff" i], #root [style^="border-color: rgb(147, 160, 255)" i], #root [style*="; border-color: rgb(147, 160, 255)" i], #root [style^="border-color: #3b82f6" i], #root [style*="; border-color: #3b82f6" i], #root [style^="border-color: rgb(59, 130, 246)" i], #root [style*="; border-color: rgb(59, 130, 246)" i], #root [style^="border-color: #2563eb" i], #root [style*="; border-color: #2563eb" i], #root [style^="border-color: rgb(37, 99, 235)" i], #root [style*="; border-color: rgb(37, 99, 235)" i], #root [style^="border-color: #60a5fa" i], #root [style*="; border-color: #60a5fa" i], #root [style^="border-color: rgb(96, 165, 250)" i], #root [style*="; border-color: rgb(96, 165, 250)" i], #root [style^="border-color: #38bdf8" i], #root [style*="; border-color: #38bdf8" i], #root [style^="border-color: rgb(56, 189, 248)" i], #root [style*="; border-color: rgb(56, 189, 248)" i], #root [style^="border-color: #22d3ee" i], #root [style*="; border-color: #22d3ee" i], #root [style^="border-color: rgb(34, 211, 238)" i], #root [style*="; border-color: rgb(34, 211, 238)" i], #root [style^="border-color: #06b6d4" i], #root [style*="; border-color: #06b6d4" i], #root [style^="border-color: rgb(6, 182, 212)" i], #root [style*="; border-color: rgb(6, 182, 212)" i], #root [style^="border-color: #6366f1" i], #root [style*="; border-color: #6366f1" i], #root [style^="border-color: rgb(99, 102, 241)" i], #root [style*="; border-color: rgb(99, 102, 241)" i], #root [style^="border-color: #818cf8" i], #root [style*="; border-color: #818cf8" i], #root [style^="border-color: rgb(129, 140, 248)" i], #root [style*="; border-color: rgb(129, 140, 248)" i], #root [style^="border-color: #a855f7" i], #root [style*="; border-color: #a855f7" i], #root [style^="border-color: rgb(168, 85, 247)" i], #root [style*="; border-color: rgb(168, 85, 247)" i], #root [style^="border-color: #8b5cf6" i], #root [style*="; border-color: #8b5cf6" i], #root [style^="border-color: rgb(139, 92, 246)" i], #root [style*="; border-color: rgb(139, 92, 246)" i], #root [style^="border-color: #a78bfa" i], #root [style*="; border-color: #a78bfa" i], #root [style^="border-color: rgb(167, 139, 250)" i], #root [style*="; border-color: rgb(167, 139, 250)" i], #root [style^="border-color: #b9a1ff" i], #root [style*="; border-color: #b9a1ff" i], #root [style^="border-color: rgb(185, 161, 255)" i], #root [style*="; border-color: rgb(185, 161, 255)" i], #root [style^="border-color: #a88bfa" i], #root [style*="; border-color: #a88bfa" i], #root [style^="border-color: rgb(168, 139, 250)" i], #root [style*="; border-color: rgb(168, 139, 250)" i], #root [style^="border-color: #bca5ff" i], #root [style*="; border-color: #bca5ff" i], #root [style^="border-color: rgb(188, 165, 255)" i], #root [style*="; border-color: rgb(188, 165, 255)" i], #root [style^="border-color: #bda1ff" i], #root [style*="; border-color: #bda1ff" i], #root [style^="border-color: rgb(189, 161, 255)" i], #root [style*="; border-color: rgb(189, 161, 255)" i], #root [style^="border-color: #ac90ed" i], #root [style*="; border-color: #ac90ed" i], #root [style^="border-color: rgb(172, 144, 237)" i], #root [style*="; border-color: rgb(172, 144, 237)" i], #root [style^="border-color: #e6d8ff" i], #root [style*="; border-color: #e6d8ff" i], #root [style^="border-color: rgb(230, 216, 255)" i], #root [style*="; border-color: rgb(230, 216, 255)" i], #root [style^="border-color: #b494fa" i], #root [style*="; border-color: #b494fa" i], #root [style^="border-color: rgb(180, 148, 250)" i], #root [style*="; border-color: rgb(180, 148, 250)" i], #root [style^="outline-color: #05dff6" i], #root [style*="; outline-color: #05dff6" i], #root [style^="outline-color: rgb(5, 223, 246)" i], #root [style*="; outline-color: rgb(5, 223, 246)" i], #root [style^="outline-color: #7c8cff" i], #root [style*="; outline-color: #7c8cff" i], #root [style^="outline-color: rgb(124, 140, 255)" i], #root [style*="; outline-color: rgb(124, 140, 255)" i], #root [style^="outline-color: #93a0ff" i], #root [style*="; outline-color: #93a0ff" i], #root [style^="outline-color: rgb(147, 160, 255)" i], #root [style*="; outline-color: rgb(147, 160, 255)" i], #root [style^="outline-color: #3b82f6" i], #root [style*="; outline-color: #3b82f6" i], #root [style^="outline-color: rgb(59, 130, 246)" i], #root [style*="; outline-color: rgb(59, 130, 246)" i], #root [style^="outline-color: #2563eb" i], #root [style*="; outline-color: #2563eb" i], #root [style^="outline-color: rgb(37, 99, 235)" i], #root [style*="; outline-color: rgb(37, 99, 235)" i], #root [style^="outline-color: #60a5fa" i], #root [style*="; outline-color: #60a5fa" i], #root [style^="outline-color: rgb(96, 165, 250)" i], #root [style*="; outline-color: rgb(96, 165, 250)" i], #root [style^="outline-color: #38bdf8" i], #root [style*="; outline-color: #38bdf8" i], #root [style^="outline-color: rgb(56, 189, 248)" i], #root [style*="; outline-color: rgb(56, 189, 248)" i], #root [style^="outline-color: #22d3ee" i], #root [style*="; outline-color: #22d3ee" i], #root [style^="outline-color: rgb(34, 211, 238)" i], #root [style*="; outline-color: rgb(34, 211, 238)" i], #root [style^="outline-color: #06b6d4" i], #root [style*="; outline-color: #06b6d4" i], #root [style^="outline-color: rgb(6, 182, 212)" i], #root [style*="; outline-color: rgb(6, 182, 212)" i], #root [style^="outline-color: #6366f1" i], #root [style*="; outline-color: #6366f1" i], #root [style^="outline-color: rgb(99, 102, 241)" i], #root [style*="; outline-color: rgb(99, 102, 241)" i], #root [style^="outline-color: #818cf8" i], #root [style*="; outline-color: #818cf8" i], #root [style^="outline-color: rgb(129, 140, 248)" i], #root [style*="; outline-color: rgb(129, 140, 248)" i], #root [style^="outline-color: #a855f7" i], #root [style*="; outline-color: #a855f7" i], #root [style^="outline-color: rgb(168, 85, 247)" i], #root [style*="; outline-color: rgb(168, 85, 247)" i], #root [style^="outline-color: #8b5cf6" i], #root [style*="; outline-color: #8b5cf6" i], #root [style^="outline-color: rgb(139, 92, 246)" i], #root [style*="; outline-color: rgb(139, 92, 246)" i], #root [style^="outline-color: #a78bfa" i], #root [style*="; outline-color: #a78bfa" i], #root [style^="outline-color: rgb(167, 139, 250)" i], #root [style*="; outline-color: rgb(167, 139, 250)" i], #root [style^="outline-color: #b9a1ff" i], #root [style*="; outline-color: #b9a1ff" i], #root [style^="outline-color: rgb(185, 161, 255)" i], #root [style*="; outline-color: rgb(185, 161, 255)" i], #root [style^="outline-color: #a88bfa" i], #root [style*="; outline-color: #a88bfa" i], #root [style^="outline-color: rgb(168, 139, 250)" i], #root [style*="; outline-color: rgb(168, 139, 250)" i], #root [style^="outline-color: #bca5ff" i], #root [style*="; outline-color: #bca5ff" i], #root [style^="outline-color: rgb(188, 165, 255)" i], #root [style*="; outline-color: rgb(188, 165, 255)" i], #root [style^="outline-color: #bda1ff" i], #root [style*="; outline-color: #bda1ff" i], #root [style^="outline-color: rgb(189, 161, 255)" i], #root [style*="; outline-color: rgb(189, 161, 255)" i], #root [style^="outline-color: #ac90ed" i], #root [style*="; outline-color: #ac90ed" i], #root [style^="outline-color: rgb(172, 144, 237)" i], #root [style*="; outline-color: rgb(172, 144, 237)" i], #root [style^="outline-color: #e6d8ff" i], #root [style*="; outline-color: #e6d8ff" i], #root [style^="outline-color: rgb(230, 216, 255)" i], #root [style*="; outline-color: rgb(230, 216, 255)" i], #root [style^="outline-color: #b494fa" i], #root [style*="; outline-color: #b494fa" i], #root [style^="outline-color: rgb(180, 148, 250)" i], #root [style*="; outline-color: rgb(180, 148, 250)" i] {border-color:var(--xh-gold)!important;outline-color:var(--xh-gold)!important;} #root [style^="fill: #05dff6" i], #root [style*="; fill: #05dff6" i], #root [style^="fill: rgb(5, 223, 246)" i], #root [style*="; fill: rgb(5, 223, 246)" i], #root [style^="fill: #7c8cff" i], #root [style*="; fill: #7c8cff" i], #root [style^="fill: rgb(124, 140, 255)" i], #root [style*="; fill: rgb(124, 140, 255)" i], #root [style^="fill: #93a0ff" i], #root [style*="; fill: #93a0ff" i], #root [style^="fill: rgb(147, 160, 255)" i], #root [style*="; fill: rgb(147, 160, 255)" i], #root [style^="fill: #3b82f6" i], #root [style*="; fill: #3b82f6" i], #root [style^="fill: rgb(59, 130, 246)" i], #root [style*="; fill: rgb(59, 130, 246)" i], #root [style^="fill: #2563eb" i], #root [style*="; fill: #2563eb" i], #root [style^="fill: rgb(37, 99, 235)" i], #root [style*="; fill: rgb(37, 99, 235)" i], #root [style^="fill: #60a5fa" i], #root [style*="; fill: #60a5fa" i], #root [style^="fill: rgb(96, 165, 250)" i], #root [style*="; fill: rgb(96, 165, 250)" i], #root [style^="fill: #38bdf8" i], #root [style*="; fill: #38bdf8" i], #root [style^="fill: rgb(56, 189, 248)" i], #root [style*="; fill: rgb(56, 189, 248)" i], #root [style^="fill: #22d3ee" i], #root [style*="; fill: #22d3ee" i], #root [style^="fill: rgb(34, 211, 238)" i], #root [style*="; fill: rgb(34, 211, 238)" i], #root [style^="fill: #06b6d4" i], #root [style*="; fill: #06b6d4" i], #root [style^="fill: rgb(6, 182, 212)" i], #root [style*="; fill: rgb(6, 182, 212)" i], #root [style^="fill: #6366f1" i], #root [style*="; fill: #6366f1" i], #root [style^="fill: rgb(99, 102, 241)" i], #root [style*="; fill: rgb(99, 102, 241)" i], #root [style^="fill: #818cf8" i], #root [style*="; fill: #818cf8" i], #root [style^="fill: rgb(129, 140, 248)" i], #root [style*="; fill: rgb(129, 140, 248)" i], #root [style^="fill: #a855f7" i], #root [style*="; fill: #a855f7" i], #root [style^="fill: rgb(168, 85, 247)" i], #root [style*="; fill: rgb(168, 85, 247)" i], #root [style^="fill: #8b5cf6" i], #root [style*="; fill: #8b5cf6" i], #root [style^="fill: rgb(139, 92, 246)" i], #root [style*="; fill: rgb(139, 92, 246)" i], #root [style^="fill: #a78bfa" i], #root [style*="; fill: #a78bfa" i], #root [style^="fill: rgb(167, 139, 250)" i], #root [style*="; fill: rgb(167, 139, 250)" i], #root [style^="fill: #b9a1ff" i], #root [style*="; fill: #b9a1ff" i], #root [style^="fill: rgb(185, 161, 255)" i], #root [style*="; fill: rgb(185, 161, 255)" i], #root [style^="fill: #a88bfa" i], #root [style*="; fill: #a88bfa" i], #root [style^="fill: rgb(168, 139, 250)" i], #root [style*="; fill: rgb(168, 139, 250)" i], #root [style^="fill: #bca5ff" i], #root [style*="; fill: #bca5ff" i], #root [style^="fill: rgb(188, 165, 255)" i], #root [style*="; fill: rgb(188, 165, 255)" i], #root [style^="fill: #bda1ff" i], #root [style*="; fill: #bda1ff" i], #root [style^="fill: rgb(189, 161, 255)" i], #root [style*="; fill: rgb(189, 161, 255)" i], #root [style^="fill: #ac90ed" i], #root [style*="; fill: #ac90ed" i], #root [style^="fill: rgb(172, 144, 237)" i], #root [style*="; fill: rgb(172, 144, 237)" i], #root [style^="fill: #e6d8ff" i], #root [style*="; fill: #e6d8ff" i], #root [style^="fill: rgb(230, 216, 255)" i], #root [style*="; fill: rgb(230, 216, 255)" i], #root [style^="fill: #b494fa" i], #root [style*="; fill: #b494fa" i], #root [style^="fill: rgb(180, 148, 250)" i], #root [style*="; fill: rgb(180, 148, 250)" i] {fill:var(--xh-gold)!important;} #root [style^="stroke: #05dff6" i], #root [style*="; stroke: #05dff6" i], #root [style^="stroke: rgb(5, 223, 246)" i], #root [style*="; stroke: rgb(5, 223, 246)" i], #root [style^="stroke: #7c8cff" i], #root [style*="; stroke: #7c8cff" i], #root [style^="stroke: rgb(124, 140, 255)" i], #root [style*="; stroke: rgb(124, 140, 255)" i], #root [style^="stroke: #93a0ff" i], #root [style*="; stroke: #93a0ff" i], #root [style^="stroke: rgb(147, 160, 255)" i], #root [style*="; stroke: rgb(147, 160, 255)" i], #root [style^="stroke: #3b82f6" i], #root [style*="; stroke: #3b82f6" i], #root [style^="stroke: rgb(59, 130, 246)" i], #root [style*="; stroke: rgb(59, 130, 246)" i], #root [style^="stroke: #2563eb" i], #root [style*="; stroke: #2563eb" i], #root [style^="stroke: rgb(37, 99, 235)" i], #root [style*="; stroke: rgb(37, 99, 235)" i], #root [style^="stroke: #60a5fa" i], #root [style*="; stroke: #60a5fa" i], #root [style^="stroke: rgb(96, 165, 250)" i], #root [style*="; stroke: rgb(96, 165, 250)" i], #root [style^="stroke: #38bdf8" i], #root [style*="; stroke: #38bdf8" i], #root [style^="stroke: rgb(56, 189, 248)" i], #root [style*="; stroke: rgb(56, 189, 248)" i], #root [style^="stroke: #22d3ee" i], #root [style*="; stroke: #22d3ee" i], #root [style^="stroke: rgb(34, 211, 238)" i], #root [style*="; stroke: rgb(34, 211, 238)" i], #root [style^="stroke: #06b6d4" i], #root [style*="; stroke: #06b6d4" i], #root [style^="stroke: rgb(6, 182, 212)" i], #root [style*="; stroke: rgb(6, 182, 212)" i], #root [style^="stroke: #6366f1" i], #root [style*="; stroke: #6366f1" i], #root [style^="stroke: rgb(99, 102, 241)" i], #root [style*="; stroke: rgb(99, 102, 241)" i], #root [style^="stroke: #818cf8" i], #root [style*="; stroke: #818cf8" i], #root [style^="stroke: rgb(129, 140, 248)" i], #root [style*="; stroke: rgb(129, 140, 248)" i], #root [style^="stroke: #a855f7" i], #root [style*="; stroke: #a855f7" i], #root [style^="stroke: rgb(168, 85, 247)" i], #root [style*="; stroke: rgb(168, 85, 247)" i], #root [style^="stroke: #8b5cf6" i], #root [style*="; stroke: #8b5cf6" i], #root [style^="stroke: rgb(139, 92, 246)" i], #root [style*="; stroke: rgb(139, 92, 246)" i], #root [style^="stroke: #a78bfa" i], #root [style*="; stroke: #a78bfa" i], #root [style^="stroke: rgb(167, 139, 250)" i], #root [style*="; stroke: rgb(167, 139, 250)" i], #root [style^="stroke: #b9a1ff" i], #root [style*="; stroke: #b9a1ff" i], #root [style^="stroke: rgb(185, 161, 255)" i], #root [style*="; stroke: rgb(185, 161, 255)" i], #root [style^="stroke: #a88bfa" i], #root [style*="; stroke: #a88bfa" i], #root [style^="stroke: rgb(168, 139, 250)" i], #root [style*="; stroke: rgb(168, 139, 250)" i], #root [style^="stroke: #bca5ff" i], #root [style*="; stroke: #bca5ff" i], #root [style^="stroke: rgb(188, 165, 255)" i], #root [style*="; stroke: rgb(188, 165, 255)" i], #root [style^="stroke: #bda1ff" i], #root [style*="; stroke: #bda1ff" i], #root [style^="stroke: rgb(189, 161, 255)" i], #root [style*="; stroke: rgb(189, 161, 255)" i], #root [style^="stroke: #ac90ed" i], #root [style*="; stroke: #ac90ed" i], #root [style^="stroke: rgb(172, 144, 237)" i], #root [style*="; stroke: rgb(172, 144, 237)" i], #root [style^="stroke: #e6d8ff" i], #root [style*="; stroke: #e6d8ff" i], #root [style^="stroke: rgb(230, 216, 255)" i], #root [style*="; stroke: rgb(230, 216, 255)" i], #root [style^="stroke: #b494fa" i], #root [style*="; stroke: #b494fa" i], #root [style^="stroke: rgb(180, 148, 250)" i], #root [style*="; stroke: rgb(180, 148, 250)" i] {stroke:var(--xh-gold)!important;} #root [style^="background: #080a0f" i], #root [style*="; background: #080a0f" i], #root [style^="background: rgb(8, 10, 15)" i], #root [style*="; background: rgb(8, 10, 15)" i], #root [style^="background: #0a0a0f" i], #root [style*="; background: #0a0a0f" i], #root [style^="background: rgb(10, 10, 15)" i], #root [style*="; background: rgb(10, 10, 15)" i], #root [style^="background: #12131b" i], #root [style*="; background: #12131b" i], #root [style^="background: rgb(18, 19, 27)" i], #root [style*="; background: rgb(18, 19, 27)" i], #root [style^="background: #11151d" i], #root [style*="; background: #11151d" i], #root [style^="background: rgb(17, 21, 29)" i], #root [style*="; background: rgb(17, 21, 29)" i], #root [style^="background: #171c26" i], #root [style*="; background: #171c26" i], #root [style^="background: rgb(23, 28, 38)" i], #root [style*="; background: rgb(23, 28, 38)" i], #root [style^="background: #1d2430" i], #root [style*="; background: #1d2430" i], #root [style^="background: rgb(29, 36, 48)" i], #root [style*="; background: rgb(29, 36, 48)" i], #root [style^="background-color: #080a0f" i], #root [style*="; background-color: #080a0f" i], #root [style^="background-color: rgb(8, 10, 15)" i], #root [style*="; background-color: rgb(8, 10, 15)" i], #root [style^="background-color: #0a0a0f" i], #root [style*="; background-color: #0a0a0f" i], #root [style^="background-color: rgb(10, 10, 15)" i], #root [style*="; background-color: rgb(10, 10, 15)" i], #root [style^="background-color: #12131b" i], #root [style*="; background-color: #12131b" i], #root [style^="background-color: rgb(18, 19, 27)" i], #root [style*="; background-color: rgb(18, 19, 27)" i], #root [style^="background-color: #11151d" i], #root [style*="; background-color: #11151d" i], #root [style^="background-color: rgb(17, 21, 29)" i], #root [style*="; background-color: rgb(17, 21, 29)" i], #root [style^="background-color: #171c26" i], #root [style*="; background-color: #171c26" i], #root [style^="background-color: rgb(23, 28, 38)" i], #root [style*="; background-color: rgb(23, 28, 38)" i], #root [style^="background-color: #1d2430" i], #root [style*="; background-color: #1d2430" i], #root [style^="background-color: rgb(29, 36, 48)" i], #root [style*="; background-color: rgb(29, 36, 48)" i] {background-color:var(--xh-bg)!important;} /* Existing inline translucent selection, focus, and user/UI gradients. */ #root :is([style*="rgba(5, 223, 246"],[style*="rgba(59, 130, 246"],[style*="rgba(124, 140, 255"],[style*="rgba(139, 92, 246"]) {border-color:var(--xh-gold)!important;outline-color:var(--xh-gold)!important;--tw-ring-color:var(--xh-gold)!important;} #root :is([style*="background: rgba(5, 223, 246"],[style*="background: rgba(59, 130, 246"],[style*="background-color: rgba(5, 223, 246"],[style*="background-color: rgba(59, 130, 246"]) {background:rgb(216 187 134 / .13)!important;} #root :is([style*="box-shadow:" i][style*="rgb(5, 223, 246)"],[style*="box-shadow:" i][style*="rgb(59, 130, 246)"]) {box-shadow:0 0 0 1px var(--xh-gold)!important;} #root :is([style*="linear-gradient"][style*="#3b82f6" i],[style*="linear-gradient"][style*="#8b5cf6" i],[style*="linear-gradient"][style*="#06b6d4" i],[style*="linear-gradient"][style*="rgb(59, 130, 246)"],[style*="linear-gradient"][style*="rgb(139, 92, 246)"],[style*="linear-gradient"][style*="rgb(6, 182, 212)"]) {background-image:linear-gradient(135deg,var(--xh-gold),var(--xh-bronze))!important;} #root svg :is([stroke="#05dff6" i],[stroke="#3b82f6" i],[stroke="#7c8cff" i],[stroke="#38bdf8" i],[stroke="#8b5cf6" i]) {stroke:var(--xh-gold)!important;} #root svg :is([fill="#05dff6" i],[fill="#3b82f6" i],[fill="#7c8cff" i],[fill="#38bdf8" i],[fill="#8b5cf6" i]) {fill:var(--xh-gold)!important;} #root .xh-canvas-node[style*="border-color: rgb(216, 187, 134)"] {border-color:var(--xh-gold)!important;} /* Keep selected and invalid-connection feedback distinct after neutralization. */ #root .xh-canvas-node:is([class*=" ring-blue-"],[class^="ring-blue-"]) {border-color:var(--xh-gold)!important;box-shadow:0 0 0 2px rgb(216 187 134 / .42),var(--xh-shadow)!important;} #root .xh-canvas-node:is([class*=" border-red-"],[class^="border-red-"]) {border-color:var(--canvas-danger,#f06b78)!important;} #root [data-node-id] .pointer-events-none.h-1[style*="background"] {background:var(--xh-gold)!important;} /* Bright controls must establish foreground for nested copy/icons as well as the button. * Exact class tokens keep translucent selection chips out of the solid-primary group. */ #root :is(button,a,[role="button"])[class~="bg-white"]:is([class~="text-black"],[class~="text-neutral-950"],[class~="text-[#171717]"]) { background:var(--xh-white)!important;color:var(--xh-bg)!important;border-color:var(--xh-white)!important; } #root :is( .xh-agent-workspace button[class~="bg-neutral-950"], :is(button,a,[role="button"]):is([class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-cyan-500"],[class~="bg-cyan-600"],[class~="bg-indigo-500"],[class~="bg-indigo-600"],[class~="bg-violet-500"],[class~="bg-violet-600"],[class~="bg-purple-500"],[class~="bg-purple-600"],[class~="bg-[#7c8cff]"],[class~="bg-[#05DFF6]"]), :is(button,a,[role="button"])[class~="bg-white"]:is([class~="text-black"],[class~="text-neutral-950"],[class~="text-[#171717]"]), .xh-canvas-primary,.xh-app-header a[class~="bg-[#F7F7F7]"], .vs-workspace .vs-primary,.vs-workspace .vs-ai-button ) {color:var(--xh-bg)!important;} #root :is( .xh-agent-workspace button[class~="bg-neutral-950"], :is(button,a,[role="button"]):is([class~="bg-blue-500"],[class~="bg-blue-600"],[class~="bg-cyan-500"],[class~="bg-cyan-600"],[class~="bg-indigo-500"],[class~="bg-indigo-600"],[class~="bg-violet-500"],[class~="bg-violet-600"],[class~="bg-purple-500"],[class~="bg-purple-600"],[class~="bg-[#7c8cff]"],[class~="bg-[#05DFF6]"]), :is(button,a,[role="button"])[class~="bg-white"]:is([class~="text-black"],[class~="text-neutral-950"],[class~="text-[#171717]"]), .xh-canvas-primary,.xh-app-header a[class~="bg-[#F7F7F7]"], .vs-workspace .vs-primary,.vs-workspace .vs-ai-button ) :is(span,div,p,small,strong,b,em,i,label,svg) {color:var(--xh-bg)!important;} /* Dashboard Agent entry is authored UI artwork, never a project/media thumbnail. */ #root .xh-dashboard [class~="bg-[#12101d]"] {background:var(--xh-surface)!important;border-color:var(--xh-bronze)!important;} #root .xh-dashboard [class~="bg-[#12101d]"]:hover {background:var(--xh-raised)!important;border-color:var(--xh-gold)!important;} #root .xh-dashboard [class*="bg-[radial-gradient(circle_at_50%_35%,rgba(124,58,237"] { background-color:var(--xh-bg)!important; background-image:radial-gradient(circle at 50% 35%,rgb(173 121 71 / .24),rgb(10 10 10 / .94) 62%)!important; border-color:var(--xh-border-strong)!important; } /* Mobile reflow for the existing React DOM; desktop geometry stays unchanged. * AppHeader owns two 48px rows. Agent's direct main/aside/section, DashboardTopBar, * and the existing fixed panel classes are the intentionally narrow hooks here. * Canvas world transforms/node dimensions are never changed by these rules. */ @media (max-width:767px) { :root {--xh-mobile-header:96px;--xh-mobile-safe:env(safe-area-inset-bottom,0px);} #root {height:100dvh;min-width:0;} /* First row: brand + horizontally reachable account actions; second row: navigation. */ #root .xh-app-header { height:var(--xh-mobile-header)!important; display:grid!important;grid-template-columns:minmax(92px,auto) minmax(0,1fr); grid-template-rows:48px 48px;gap:0 10px;padding:0 12px!important; align-items:center;overflow:visible; } #root .xh-app-header > a {grid-column:1;grid-row:1;min-width:0;gap:6px;} #root .xh-app-header > a img {width:24px;height:24px;} #root .xh-app-header > a span {font-size:12px;white-space:nowrap;} #root .xh-app-header > nav { position:static!important;inset:auto!important;transform:none!important;translate:none!important; grid-column:1/-1;grid-row:2;width:100%;min-width:0;justify-content:space-between; overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap; } #root .xh-app-header > nav :is(button,a) {flex:1 0 auto;min-height:36px;padding:8px 12px;} #root .xh-app-header > div { grid-column:2;grid-row:1;min-width:0;max-width:100%;justify-self:stretch; overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain; scrollbar-width:thin; } #root .xh-app-header > div > div {min-width:max-content;gap:6px;} #root .xh-app-header > div :is(button,a) {min-height:34px;white-space:nowrap;} #root .xh-app-header > div [class~="max-w-[120px]"] {max-width:72px;} /* Fixed to the header containing block so the account scroll rail cannot clip menus. */ #root .xh-app-header [class~="absolute"][class~="top-full"] { position:fixed!important;top:calc(var(--xh-mobile-header) + 6px)!important; right:12px!important;left:auto!important;max-width:calc(100vw - 24px); max-height:calc(100dvh - var(--xh-mobile-header) - 28px);overflow-y:auto; } #root :is(.xh-dashboard,.xh-agent-workspace) {padding-top:var(--xh-mobile-header)!important;} #root .fixed[class~="top-12"] {top:var(--xh-mobile-header)!important;} #root > .fixed[class~="top-14"] {top:calc(var(--xh-mobile-header) + 8px)!important;max-width:calc(100vw - 24px);} /* Projects scroll within their own viewport; tool controls wrap instead of shrinking away. */ #root .xh-dashboard {height:100dvh;min-height:0!important;overflow:auto;overscroll-behavior:contain;} #root .xh-dashboard > [class~="sticky"] { position:relative!important;top:auto!important;height:auto!important;flex-shrink:0; display:flex;flex-wrap:wrap;gap:12px;padding:14px 12px!important; } #root .xh-dashboard > [class~="sticky"] > div {min-width:0;} #root .xh-dashboard > [class~="sticky"] > div:last-child {width:100%;flex-wrap:wrap;gap:8px;} #root .xh-dashboard > [class~="sticky"] > div:last-child > div:first-child {flex:1 1 128px;min-width:110px;} #root .xh-dashboard > [class~="sticky"] input {width:100%!important;min-width:0;} #root .xh-dashboard > [class~="sticky"] :is(button,input) {min-height:36px;} #root .xh-dashboard > main {padding:16px 12px 32px!important;min-width:0;} #root .xh-dashboard > main > [class~="grid"] {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;} #root .xh-dashboard > main > [class~="flex"][class~="mb-8"] {flex-wrap:wrap;font-size:14px;row-gap:8px;} #root .xh-dashboard > main > div:has(> table) {max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;} #root .xh-dashboard table {min-width:640px;} #root .xh-dashboard .fixed[class~="w-48"][style*="left:"] { left:12px!important;right:12px!important;width:auto!important; max-height:calc(100dvh - var(--xh-mobile-header) - 32px);overflow:auto; } #root .xh-dashboard :is(button,svg)[class~="opacity-0"][class*="group-hover"] {opacity:1!important;} /* Agent: a bounded, scrollable navigation shelf above a full-width content pane. * Every existing sidebar entry remains in DOM and reachable by scrolling the shelf. */ #root .xh-agent-workspace {height:100dvh!important;min-height:0;overflow:hidden!important;} #root .xh-agent-workspace > main { display:flex!important;flex-direction:column;grid-template-columns:none!important; height:100%;min-height:0;overflow:hidden; } #root .xh-agent-workspace > main > aside { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content; align-content:start;gap:8px;flex:0 0 auto;width:100%;min-width:0; max-height:190px;overflow-y:auto;overscroll-behavior:contain; padding:10px 12px!important;border-right:0;border-bottom:1px solid var(--xh-border); } #root .xh-agent-workspace > main > aside > div:first-child {grid-column:1/-1;} #root .xh-agent-workspace > main > aside > nav { grid-column:1/-1;display:flex;gap:4px;margin:0!important; min-width:0;overflow-x:auto;white-space:nowrap; } #root .xh-agent-workspace > main > aside > nav button {flex:1 0 auto;width:auto;min-height:38px;margin:0!important;padding:8px;} #root .xh-agent-workspace > main > aside > button {margin:0!important;width:100%;height:auto;min-height:42px;white-space:normal;padding:8px;line-height:1.4;} #root .xh-agent-workspace > main > aside > div[class~="flex-1"] {grid-column:1/-1;margin-top:4px!important;padding-top:8px;overflow:visible;} #root .xh-agent-workspace > main > aside > div[class~="flex-1"] > [class~="h-full"] {height:auto;max-height:150px;overflow-y:auto;} #root .xh-agent-workspace > main > aside > div:last-child {grid-column:1/-1;margin-top:4px!important;position:static!important;inset:auto!important;} #root .xh-agent-workspace > main > section {flex:1 1 0;min-height:0;min-width:0;overflow:auto!important;overscroll-behavior:contain;} #root .xh-agent-workspace > main > section > div {height:auto!important;min-height:100%;} #root .xh-agent-workspace [class~="max-w-5xl"][class~="px-10"] {padding:24px 16px!important;} #root .xh-agent-workspace h2[class~="text-5xl"] {font-size:30px;line-height:1.35;overflow-wrap:anywhere;} #root .xh-agent-workspace [class~="max-w-5xl"] > [class~="p-6"] {padding:16px!important;} #root .xh-agent-workspace [class~="grid-cols-[minmax(420px,520px)_1fr]"] { display:flex!important;flex-direction:column;grid-template-columns:minmax(0,1fr)!important; height:auto!important;min-height:100%;overflow:visible!important; } #root .xh-agent-workspace [class~="grid-cols-[minmax(420px,520px)_1fr]"] > section {overflow:visible!important;min-width:0;flex:none;} #root .xh-agent-workspace [class~="grid-cols-[minmax(420px,520px)_1fr]"] > section:first-child {border-right:0;border-bottom:1px solid var(--xh-border);} #root .xh-agent-workspace [class~="grid-cols-[minmax(420px,520px)_1fr]"] [class~="space-y-3"][class~="overflow-y-auto"] {flex:none;min-height:140px;max-height:240px;} #root .xh-agent-workspace textarea[class~="h-40"] {height:136px;min-height:120px;} #root .xh-agent-workspace :is(input,textarea,select) {max-width:100%;min-width:0;} #root .xh-agent-workspace :is([class~="flex"][class~="shrink-0"][class~="items-center"],[class~="flex"][class~="items-start"][class~="justify-between"]) {flex-wrap:wrap;} #root .xh-agent-workspace [class~="grid-cols-5"] {grid-template-columns:repeat(2,minmax(0,1fr));} #root .xh-agent-workspace [class~="grid-cols-3"] {grid-template-columns:repeat(2,minmax(0,1fr));} #root .xh-agent-workspace pre {max-width:100%;overflow:auto;} #root .xh-agent-workspace > .fixed[class~="inset-0"] {bottom:0;max-height:calc(100dvh - var(--xh-mobile-header));} /* Canvas chrome reflows; its transformed world and node geometry remain untouched. */ #root .xh-canvas {height:100dvh!important;width:100%;} #root .xh-canvas > .fixed[class~="top-12"][class~="pointer-events-none"] { width:100%!important;height:auto!important;min-height:70px;max-height:92px; flex-wrap:wrap;align-content:start;gap:6px;padding:10px 12px!important; background:rgb(10 10 10 / .9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); } #root .xh-canvas > .fixed[class~="top-12"][class~="pointer-events-none"] > div {min-width:0;max-width:100%;} #root .xh-canvas > .fixed[class~="top-12"][class~="pointer-events-none"] > div:last-child {flex-wrap:wrap;gap:6px;} #root .xh-canvas > .fixed[class~="top-12"] [class~="cursor-pointer"][class~="font-semibold"] {display:block;max-width:calc(100vw - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #root .xh-canvas > .fixed[class~="top-12"] input {max-width:calc(100vw - 80px);} #root .xh-canvas-toolbar {top:auto!important;bottom:calc(12px + var(--xh-mobile-safe))!important;left:12px!important;transform:none!important;translate:none!important;max-width:calc(100vw - 24px);} #root .xh-canvas-toolbar[class~="flex"] { right:12px;flex-direction:row!important;justify-content:flex-start;gap:8px; min-height:54px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:6px!important; } #root .xh-canvas-toolbar > * {flex-shrink:0;} #root .xh-canvas-toolbar > [class~="flex-col"] {flex-direction:row!important;gap:10px;padding:0 4px;} #root .xh-canvas-toolbar > [class~="h-px"] {height:28px;width:1px;margin:0 2px;} #root .xh-canvas-toolbar > [class~="pb-2"] {padding:0!important;} #root .xh-canvas-toolbar button {min-width:34px;min-height:34px;} #root .xh-canvas-toolbar .xh-canvas-primary {margin-bottom:0;} #root .xh-canvas > .fixed[class~="bottom-6"][class~="left-6"] {left:12px!important;bottom:calc(82px + var(--xh-mobile-safe))!important;gap:6px;padding-left:8px;padding-right:8px;} #root .xh-canvas > .fixed[class~="bottom-6"][class~="left-6"] input[type="range"] {width:56px;} #root .xh-canvas > .fixed[class~="left-[240px]"] {left:auto!important;right:62px;bottom:calc(82px + var(--xh-mobile-safe))!important;} #root .xh-canvas > .fixed[class~="left-[240px]"] > .absolute {left:auto;right:0;} #root .xh-canvas > .fixed[class~="bottom-[80px]"] {left:12px!important;bottom:calc(134px + var(--xh-mobile-safe))!important;max-width:calc(100vw - 24px);} #root .xh-chat-bubble {right:12px!important;bottom:calc(82px + var(--xh-mobile-safe))!important;} #root .xh-canvas > button[title="返回刚刚的 Agent 工作台"] {top:calc(var(--xh-mobile-header) + 94px)!important;right:12px!important;max-width:calc(100vw - 24px);} /* Existing panels become bounded viewport sheets. Their internal lists still scroll. */ #root .xh-canvas .fixed[class~="left-20"], #root .xh-chat-panel { left:12px!important;right:12px!important;top:calc(var(--xh-mobile-header) + 8px)!important; bottom:calc(148px + var(--xh-mobile-safe))!important;width:auto!important;height:auto!important; max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--xh-mobile-header) - 168px); } #root .xh-canvas .fixed[class~="left-20"] :is([class~="grid-cols-5"],[class~="grid-cols-3"],[class~="grid-cols-2"]) {grid-template-columns:repeat(2,minmax(0,1fr));} #root .xh-canvas aside.fixed[class~="left-20"] > header {padding:12px!important;} #root .xh-canvas aside.fixed[class~="left-20"] > .grid {padding:12px!important;} #root .xh-chat-panel textarea {max-height:28dvh;} #root [data-node-id] .absolute[style*="width: 680px"] {width:calc(100vw - 24px)!important;max-width:680px;align-items:stretch;overflow-x:auto;} /* Existing modal forms are accessible within the short viewport, including Settings tabs. */ #root .fixed[class~="inset-0"]:is([class*="backdrop-blur"],[class*="bg-black/"]) { top:var(--xh-mobile-header)!important;padding:12px!important;overflow:auto; max-height:calc(100dvh - var(--xh-mobile-header));align-items:flex-start; } #root .fixed[class~="inset-0"] > :is([class*="w-["],[class~="max-w-5xl"],[class~="w-full"]):not(img):not(video):not(canvas) { max-width:100%!important;max-height:calc(100dvh - var(--xh-mobile-header) - 24px); overflow:auto; } #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] {height:calc(100dvh - var(--xh-mobile-header) - 24px)!important;flex-direction:column;} #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] > aside {width:100%;padding:10px 12px;flex-shrink:0;border-right:0;border-bottom:1px solid var(--xh-border);} #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] > aside > div {padding:0 0 8px;font-size:15px;} #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] > aside nav {display:flex;gap:6px;overflow-x:auto;white-space:nowrap;} #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] > aside nav button {width:auto;flex:0 0 auto;margin:0!important;} #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] > section {min-height:0;overflow:auto;} #root .fixed[class~="inset-0"] > [class~="h-[78vh]"] > section > header {padding:12px;} #root .fixed[class~="inset-0"] > [class~="w-[600px]"] > [class~="flex"][class~="p-6"] {flex-direction:column;padding:16px;} #root .fixed[class~="inset-0"] > [class~="w-[600px]"] [class~="w-1/2"] {width:100%;} #root .fixed[class~="inset-0"] :is(img,video)[class~="max-h-[90vh]"] {max-height:calc(100dvh - var(--xh-mobile-header) - 100px);} } /* Existing click handlers already expose these actions; touch does not need hover first. */ @media (max-width:767px) and (hover:none) { #root .xh-canvas .fixed[class~="left-20"] button[class~="opacity-0"][class*="group-hover:opacity-100"], #root .xh-canvas .fixed[class~="left-20"] .absolute[class~="opacity-0"][class*="group-hover:opacity-100"] {opacity:1!important;} } /* Pure-CSS boundary: no drawer trigger exists for Agent's sidebar, so the mobile shelf * scrolls instead of inventing a new menu. Canvas pan/multitouch, node popup collision * placement inside the transformed world, and hover-only tooltip event semantics need * component/JS work for a full touch editor. These rules preserve their existing behavior. */ /* Header credits retain their original translucent state in the cinema palette. */ #root .xh-app-header button[class~="bg-[#05DFF6]/10"] { background-color:rgb(216 187 134 / .1)!important; } #root .xh-app-header button[class~="bg-[#05DFF6]/10"][class~="hover:bg-[#05DFF6]/20"]:hover { background-color:rgb(216 187 134 / .2)!important; } /* Canvas chrome overlays: target the existing title, zoom and help elements only. */ #root .xh-canvas > div.fixed[class~="top-12"][class~="pointer-events-none"], #root .xh-canvas .fixed[class~="bottom-6"][class~="left-6"], #root .xh-canvas .fixed[class~="bottom-6"][class~="left-[240px]"][class~="group"], #root .xh-canvas .fixed[class~="bottom-6"][class~="left-[240px]"][class~="group"] > .absolute[class~="bottom-full"], #root .xh-canvas .fixed[class~="bottom-6"][class~="left-[240px]"][class~="group"] > .absolute[class~="bottom-full"] > [class~="bg-neutral-900"] { -webkit-backdrop-filter:blur(10px)!important; backdrop-filter:blur(10px)!important; }