/* MyAI Home artwork: only active Home view; preserve Chat, Avatar, and APIs. */
body:has(#home.view:not(.hidden)){background:#03070d!important}
body:has(#home.view:not(.hidden)) .shell{grid-template-columns:clamp(200px,19.2vw,296px) minmax(0,1fr)!important;max-width:none!important;background:#03070d!important}
body:has(#home.view:not(.hidden)) .side{display:block!important;position:sticky!important;top:0!important;height:100vh!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#03070d url('assets/myai-art-home-sidebar.png') center top/100% 100% no-repeat!important;border-right:1px solid #143148!important}
body:has(#home.view:not(.hidden)) .side .brand{visibility:hidden!important;height:clamp(94px,9.1vw,136px)!important;margin:0!important}
body:has(#home.view:not(.hidden)) .side .nav{display:grid!important;gap:0!important;margin:0 6%!important}
body:has(#home.view:not(.hidden)) .side .nav button{display:block!important;visibility:visible!important;opacity:0!important;min-height:clamp(39px,3.9vw,52px)!important;margin:0!important;cursor:pointer!important}
body:has(#home.view:not(.hidden)) .main{display:block!important;max-width:none!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:#03070d!important}
body:has(#home.view:not(.hidden)) .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:auto!important;background:#03070d!important}
#home.view:not(.hidden)::before,#home.view:not(.hidden)::after{display:none!important;content:none!important}
#home.view:not(.hidden) .myai-art-home{display:grid!important;visibility:visible!important;grid-template-columns:minmax(0,1fr) minmax(260px,26%)!important;align-items:start!important;gap:14px!important;padding:0 14px 18px 0!important;min-height:100vh!important;background:#03070d!important}
#home.view:not(.hidden) .myai-art-main{display:block!important;visibility:visible!important;min-width:0!important;background:#03070d!important}
#home.view:not(.hidden) .myai-art-stage{display:block!important;visibility:visible!important;position:relative!important;width:100%!important;aspect-ratio:1221/787!important;background:#03070d url('assets/myai-art-home-art.png') center top/100% 100% no-repeat!important}
#home.view:not(.hidden) .myai-art-link{display:block!important;visibility:visible!important;position:absolute!important;top:2%!important;height:11%!important;width:10%!important;opacity:0!important;border:0!important;cursor:pointer!important}
#home .myai-art-nav-search{left:60%!important}#home .myai-art-nav-explore{left:69%!important}#home .myai-art-nav-research{left:78%!important}#home .myai-art-nav-myai{left:88%!important}
#home.view:not(.hidden) .myai-art-search{display:flex!important;visibility:visible!important;align-items:center!important;width:calc(100% - 38px)!important;height:clamp(50px,6.2vw,72px)!important;margin:-4px 19px 16px!important;padding:5px 6px 5px 55px!important;border:1px solid #00dffc!important;border-radius:99px!important;box-shadow:0 0 18px #00cfff55!important;background:#06101c url('assets/myai-art-home-search.png') center/100% 100% no-repeat!important;position:relative!important;z-index:3!important}
#home.view:not(.hidden) .myai-art-search input{display:block!important;visibility:visible!important;flex:1!important;min-width:0!important;height:100%!important;color:#fff!important;background:transparent!important;border:0!important;outline:0!important;font-size:clamp(12px,1.2vw,17px)!important}
#home.view:not(.hidden) .myai-art-search input::placeholder{color:transparent!important}
#home.view:not(.hidden) .myai-art-search-submit{display:block!important;visibility:visible!important;min-width:20%!important;height:100%!important;border:0!important;border-radius:99px!important;background:transparent!important;color:transparent!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 18px 15px!important}
#home.view:not(.hidden) .myai-art-features button{display:block!important;visibility:visible!important;min-width:0!important;min-height:112px!important;padding:14px!important;text-align:left!important;border:1px solid #124259!important;border-radius:14px!important;background:linear-gradient(145deg,#03111e,#02080d)!important;color:#e9f6ff!important;cursor:pointer!important}
#home .myai-art-features b{display:block;color:#23e4f5;font-size:12px}#home .myai-art-features small{display:block;margin-top:12px;color:#c9d7e1;font-size:12px;line-height:1.4}
#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 18px!important;padding:14px!important;border:1px solid #008c83!important;border-radius:14px!important;color:white!important}
#home .myai-art-sponsored small{display:block;color:#24e7d9}#home .myai-art-sponsored strong{display:block;margin-top:5px;font-size:13px}#home .myai-art-sponsored button{display:block!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 .myai-art-footer{display:block!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:16px!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:95px 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-video{display:block!important}
#home.view:not(.hidden) .q-sol-panel .q-sol-input{display:flex!important}
#home.view:not(.hidden) .q-sol-panel .q-sol-actions{display:grid!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:1080px){#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;margin:10px 18px!important;width:calc(100% - 36px)!important;max-width:550px!important}}
@media(max-width:700px){body:has(#home.view:not(.hidden)) .side{display:none!important}body:has(#home.view:not(.hidden)) .shell{display:block!important}#home.view:not(.hidden) .myai-art-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}#home.view:not(.hidden) .myai-art-search{margin-top:10px!important}}

.q-sol-still{display:block;width:100%;height:100%;object-fit:contain}

.q-sol-live-video{width:100%;height:100%;object-fit:contain}.q-sol-portrait [hidden]{display:none!important}

.q-sol-portrait:has(.q-sol-live-video:not([hidden])){background-image:none;background-color:#030b13}

/* Existing approved office render, no alternate portrait backdrop. */
.q-sol-portrait{background-image:none!important;background-color:#030b13}