/* MyAI Home: one clean three-column layout, scoped to the visible Home view. */
body:has(#home.view:not(.hidden)) {background:#03070d!important;color:#eaf7ff!important}
body:has(#home.view:not(.hidden)) #appShell.shell {display:grid!important;grid-template-columns:clamp(190px,16vw,250px) minmax(0,1fr)!important;max-width:none!important;width:100%!important;min-height:100vh!important;background:#03070d!important}
body:has(#home.view:not(.hidden)) #appShell>.side {display:block!important;visibility:visible!important;position:sticky!important;top:0!important;height:100vh!important;min-height:0!important;width:auto!important;overflow:hidden!important;padding:0!important;background:#03070d url('assets/myai-three-sidebar.png') center top/100% 100% no-repeat!important;border-right:1px solid #123040!important}
/* The supplied sidebar artwork is visible; existing real nav buttons remain its click targets. */
body:has(#home.view:not(.hidden)) #appShell>.side>.brand {display:block!important;visibility:hidden!important;height:11.5vh!important;margin:0!important;padding:0!important}
body:has(#home.view:not(.hidden)) #appShell>.side>#desktopNav {display:grid!important;visibility:visible!important;grid-template-rows:repeat(9,5.02vh)!important;gap:0!important;margin:0 5%!important;padding:0!important}
body:has(#home.view:not(.hidden)) #appShell>.side>#desktopNav button {display:block!important;visibility:visible!important;opacity:0!important;min-height:0!important;height:5.02vh!important;margin:0!important;padding:0!important;border:0!important;cursor:pointer!important}
body:has(#home.view:not(.hidden)) #appShell>.main {display:block!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#03070d!important}
body:has(#home.view:not(.hidden)) #appShell>.main>.top {display:none!important}
#home.view:not(.hidden) {display:block!important;visibility:visible!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:visible!important;background:#03070d!important}
#home.view:not(.hidden)::before,#home.view:not(.hidden)::after {content:none!important;display:none!important}
#home.view:not(.hidden) .myai-art-home {display:grid!important;visibility:visible!important;grid-template-columns:minmax(0,1fr) clamp(265px,25vw,355px)!important;align-items:start!important;gap:14px!important;min-height:100vh!important;padding:0 14px 20px 0!important;background:#03070d!important}
#home.view:not(.hidden) .myai-art-main {display:block!important;visibility:visible!important;min-width:0!important;background:#03070d!important}
/* The source PNG was physically cropped at y=76: the baked-in top navigation is absent. */
#home.view:not(.hidden) .myai-art-stage {display:block!important;visibility:visible!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1221/711!important;background:#03070d url('assets/myai-three-hero-no-top.png') center top/100% 100% no-repeat!important}
#home.view:not(.hidden) .myai-art-stage::before,#home.view:not(.hidden) .myai-art-stage::after {content:none!important;display:none!important}
#home.view:not(.hidden) .myai-art-stage .myai-art-link {display:none!important}
#home.view:not(.hidden) .myai-art-search {display:flex!important;visibility:visible!important;position:relative!important;z-index:3!important;align-items:center!important;gap:12px!important;width:calc(100% - 32px)!important;min-height:60px!important;height:auto!important;margin:0 16px 15px!important;padding:6px 7px 6px 18px!important;border:1px solid #00dffc!important;border-radius:999px!important;box-shadow:0 0 20px #00cfff44!important;background:#06101c!important}
#home.view:not(.hidden) .myai-art-search::before {content:'⌕'!important;display:block!important;flex:none!important;color:#45ddff!important;font-size:36px!important;line-height:1!important}
#home.view:not(.hidden) .myai-art-search input {display:block!important;visibility:visible!important;flex:1!important;min-width:0!important;min-height:42px!important;padding:8px 0!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:inherit!important;font-size:clamp(13px,1.3vw,17px)!important}
#home.view:not(.hidden) .myai-art-search input::placeholder {color:#bdccda!important;opacity:1!important}
#home.view:not(.hidden) .myai-art-search-submit {display:block!important;visibility:visible!important;flex:0 0 clamp(90px,19%,150px)!important;min-width:0!important;height:46px!important;padding:0 8px!important;border:0!important;border-radius:999px!important;background:linear-gradient(95deg,#10e9df,#1bc9f5)!important;color:#00131e!important;font-size:14px!important;font-weight:800!important;cursor:pointer!important}
#home.view:not(.hidden) .myai-art-features {display:grid!important;visibility:visible!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 16px 16px!important}
#home.view:not(.hidden) .myai-art-features button {display:block!important;visibility:visible!important;min-width:0!important;min-height:120px!important;padding:14px 11px!important;text-align:left!important;border:1px solid #145172!important;border-radius:14px!important;background:linear-gradient(145deg,#071d30,#02090f)!important;color:#edf9ff!important;cursor:pointer!important}
#home.view:not(.hidden) .myai-art-features b {display:block!important;color:#26e3f5!important;font-size:clamp(10px,.9vw,13px)!important}
#home.view:not(.hidden) .myai-art-features small {display:block!important;margin-top:12px!important;color:#cbd8e2!important;font-size:clamp(10px,.83vw,12px)!important;line-height:1.45!important}
#home.view:not(.hidden) .myai-art-sponsored {display:flex!important;visibility:visible!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 16px!important;padding:14px!important;border:1px solid #008c83!important;border-radius:14px!important;color:white!important}
#home.view:not(.hidden) .myai-art-sponsored small {display:block!important;color:#24e7d9!important}
#home.view:not(.hidden) .myai-art-sponsored strong {display:block!important;margin-top:5px!important;font-size:13px!important}
#home.view:not(.hidden) .myai-art-sponsored button {display:block!important;flex:none!important;padding:12px!important;border:0!important;border-radius:99px!important;background:#0cdbec!important;color:#00121c!important;font-weight:700!important;cursor:pointer!important}
#home.view:not(.hidden) .myai-art-footer {display:block!important;margin:20px 12px!important;text-align:center!important;color:#a0b5c2!important;font-size:10px!important;letter-spacing:.2em!important}
#home.view:not(.hidden) .q-sol-panel {display:block!important;visibility:visible!important;position:sticky!important;top:14px!important;right:auto!important;left:auto!important;grid-area:auto!important;z-index:2!important;width:100%!important;max-width:none!important;height:auto!important;margin:14px 0 0!important;padding:14px!important;background:#030b13!important;border:1px solid #173647!important;border-radius:20px!important;box-sizing:border-box!important}
#home.view:not(.hidden) .q-sol-panel * {visibility:visible!important}
#home.view:not(.hidden) .q-sol-panel .q-sol-actions {display:grid!important}
#home.view:not(.hidden) .q-sol-panel .q-sol-input {display:flex!important}
#home.view:not(.hidden) .myai-art-sr {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
@media(max-width:1050px){#home.view:not(.hidden) .myai-art-home {grid-template-columns:minmax(0,1fr)!important;padding-right:0!important}#home.view:not(.hidden) .q-sol-panel {position:relative!important;top:auto!important;width:calc(100% - 32px)!important;max-width:550px!important;margin:12px 16px!important}}
@media(max-width:700px){body:has(#home.view:not(.hidden)) #appShell.shell {display:block!important}body:has(#home.view:not(.hidden)) #appShell>.side {display:none!important}#home.view:not(.hidden) .myai-art-features {grid-template-columns:repeat(2,minmax(0,1fr))!important}#home.view:not(.hidden) .myai-art-sponsored {flex-wrap:wrap!important}}