:root{--bg:#111216;--surface:#17181c;--panel:#1d1e23;--panel2:#23242a;--text:#f3f1ee;--muted:#96969f;--line:#2b2c32;--accent:#c8f5ad;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{margin:0;min-height:100%;color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.eyebrow{font-size:10px;color:#aaa9b1;font-weight:700;letter-spacing:2px}.brand{font-weight:850;letter-spacing:1.6px;font-size:17px;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{color:var(--accent);font-size:25px;line-height:1}.brand-dim{color:#888a91;margin-left:-6px;font-weight:500}.brand-large{font-size:22px}
.app{display:flex;min-height:100vh}.sidebar{width:236px;flex:0 0 236px;border-right:1px solid var(--line);background:#15161a;display:flex;flex-direction:column;padding:27px 13px 20px;position:sticky;top:0;height:100vh}.sidebar>.brand{padding:0 15px 45px}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#73747e;padding:0 16px 13px}.sidebar-section-label.second{padding-top:31px}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;border:0;background:transparent;color:#a6a6ae;text-align:left;display:flex;gap:11px;align-items:center;padding:10px 13px;border-radius:9px;font-weight:550}.nav-item:hover:not(:disabled){background:var(--panel2)}.nav-item.active{color:var(--text);background:#2a2c2d}.nav-ic{font-size:17px;width:19px;text-align:center}.nav-num,.nav-tag{margin-left:auto;color:#797b83;font-size:10px}.nav-num{border-radius:5px;background:#343735;padding:1px 6px;color:var(--accent)}.sidebar-spacer{flex:1}.sidebar-bottom{border-top:1px solid var(--line);padding:20px 8px 0}.connection{display:flex;align-items:flex-start;gap:10px;font-size:12px}.connection strong{display:block;color:#c8c9cc;font-weight:550}.connection small{display:block;color:#777b84;margin-top:2px;font-size:10px}.status-dot{width:7px;height:7px;background:#dca57f;border-radius:50%;margin-top:5px;box-shadow:0 0 0 4px #dca57f15}.settings-button{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:25px;background:none;border:0;color:#999ca5;padding:11px 1px}.main-area{flex:1;min-width:0}.topbar{height:70px;border-bottom:1px solid var(--line);padding:0 clamp(24px,4vw,74px);display:flex;align-items:center;justify-content:space-between}.topbar-crumb{font-size:12px;color:#84868f;display:flex;gap:12px}.topbar-crumb strong{color:#d7d7db;font-weight:520}.slash{color:#4b4d52}.topbar-right{display:flex;gap:20px;align-items:center}.demo-label{font-size:9px;color:#9aa18f;letter-spacing:1px;padding:5px 9px;border:1px solid #44493e;border-radius:5px}.avatar{display:grid;place-items:center;width:31px;height:31px;background:linear-gradient(140deg,#64795b,#b8b49d);color:#141414;border-radius:50%;font-weight:800}.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:21px}main{padding:55px clamp(24px,4vw,74px) 70px;max-width:1730px;margin:auto}.page-intro h1,.workspace-heading h1{font-size:clamp(36px,3.3vw,55px);font-weight:650;letter-spacing:-2px;line-height:1.1;margin:12px 0 12px}.headline-accent{color:var(--accent)}.page-intro p,.workspace-heading p{color:var(--muted);font-size:13px;margin:0;max-width:660px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin:50px 0 24px}.search-wrap{display:flex;align-items:center;gap:9px;background:#1c1d22;border:1px solid #2b2c32;border-radius:10px;padding:0 16px;min-width:290px;color:#787984}.search-wrap span{font-size:23px;line-height:1}.search-wrap input{background:transparent;border:0;outline:0;color:var(--text);height:44px;width:100%;font-size:12px;min-width:0}.search-wrap input::placeholder{color:#80808a}.outline-button{background:#202126;border:1px solid #363840;color:#f0f0f1;padding:0 18px;border-radius:10px;min-height:45px;font-size:12px;font-weight:600}.subtle-inline{color:#8c8d96;margin-left:8px}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.model-card{border:1px solid #35363a;overflow:hidden;background:#202125;border-radius:17px;transition:border-color .15s,transform .15s;text-align:left;padding:0;color:inherit}.model-card:hover{border-color:#99b38b;transform:translateY(-3px)}.model-art{height:340px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 43%,#697d73 0%,#475854 35%,#272d2d 70%,#171d20 100%)}.model-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#151619ad,transparent 50%)}.model-art .art-frame{position:absolute;inset:13% 17%;border:1px solid #a7b5a53b;border-radius:160px 160px 15px 15px;background:radial-gradient(ellipse at 58% 31%,#b9baa8b8,#5f7066 52%,#293836 80%);filter:blur(.2px)}.art-frame:before{content:"";display:block;width:45%;height:38%;background:#c0bba3a6;border-radius:47% 47% 45% 45%;position:absolute;top:24%;left:28%;filter:blur(14px)}.art-frame:after{content:"";display:block;width:90%;height:42%;background:#1b2422bb;border-radius:60% 60% 0 0;position:absolute;bottom:0;left:5%;filter:blur(9px)}.model-art .art-note{position:absolute;z-index:1;left:19px;top:17px;font-size:9px;letter-spacing:1.3px;color:#d9e1d0;background:#0d161899;padding:5px 9px;border-radius:4px}.model-art .art-bottom{position:absolute;z-index:1;left:20px;bottom:17px;font-size:11px;color:#c2c6c0;letter-spacing:1px}.model-card-info{padding:17px 20px 18px;display:flex;justify-content:space-between;align-items:center}.model-card-info strong{font-size:16px;font-weight:600}.model-card-info small{display:block;color:#9599a0;margin-top:5px}.model-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #4c4d4d;border-radius:50%}.info-row{font-size:11px;color:#8c8e96;display:flex;align-items:center;gap:10px;margin:25px 0}.info-icon{color:var(--accent);font-size:15px}
.backline{display:flex;align-items:center;gap:18px;color:#aaaab1;font-size:12px}.text-button{background:transparent;border:0;color:#c3c8c0;padding:0;font-size:12px}.text-button:hover{color:var(--accent)}.back-divider{height:14px;border-left:1px solid #444}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:36px 0}.workspace-heading h1{font-size:clamp(30px,3vw,46px)}.primary{background:#d1edbd;color:#1b241c;border:0;border-radius:10px;padding:13px 19px;font-weight:700}.primary:hover:not(:disabled){background:#e6ffd6}.create-button{white-space:nowrap}.soon{margin-left:12px;font-size:10px;color:#66745e}.stats-row{display:flex;align-items:center;gap:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.stats-row>div{display:flex;flex-direction:column}.stats-row strong{font-weight:600;font-size:23px;letter-spacing:-.7px}.stats-row small{font-size:10px;color:#888c95}.stats-row .stats-note{color:#797d84;font-size:11px;margin-left:auto;text-align:right}.media-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:38px 0 22px}.filters{display:flex;align-items:center;gap:7px}.filter{background:none;color:#a7a8b0;border:1px solid transparent;border-radius:8px;padding:9px 14px;font-size:12px;display:flex;gap:10px;align-items:center}.filter.active{border-color:#454847;background:#2b302c;color:#dbf5ca}.filter span{font-size:10px;opacity:.65}.asset-search{min-width:230px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:17px}.asset-card{background:#1d1e22;border:1px solid #303137;border-radius:14px;padding:0;overflow:hidden;display:block;color:var(--text);text-align:left;transition:transform .14s,border-color .14s}.asset-card:hover,.asset-card.selected{border-color:#a3c88b;transform:translateY(-2px)}.asset-art{height:257px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 32%,#9c9f8b 0%,#525d55 35%,#272f32 80%)}.asset-art.amber{background:radial-gradient(ellipse at 50% 45%,#bba28a 0%,#8d7366 26%,#504b4a 65%,#282326 100%)}.asset-art.sage{background:radial-gradient(ellipse at 47% 35%,#b1b49e 0%,#76877e 32%,#3a4847 62%,#202829 100%)}.asset-art.audio{background:radial-gradient(ellipse at 50% 48%,#313b36,#1b2525 55%,#191d20);display:grid;place-items:center}.art-blob{position:absolute;width:47%;height:68%;left:27%;top:25%;border-radius:55% 50% 18% 16%;background:linear-gradient(140deg,#e1c9a38c,#4d5e56bd);filter:blur(17px);transform:rotate(-6deg)}.asset-art.amber .art-blob{background:linear-gradient(140deg,#c8aea58c,#b39a81c0)}.asset-art .asset-kind{position:absolute;top:12px;left:13px;font-size:10px;color:#f8f8f6;border-radius:5px;padding:4px 8px;background:#15161990}.asset-art .demo-corner{position:absolute;right:12px;bottom:12px;color:#f0f1e8aa;font-size:9px;letter-spacing:1px}.soundwaves{display:flex;align-items:center;justify-content:center;gap:4px;height:90px}.soundwaves span{width:5px;background:linear-gradient(#cce8b4,#7fa586);border-radius:4px;opacity:.92}.soundwaves span:nth-child(6n+1){height:26px}.soundwaves span:nth-child(6n+2){height:58px}.soundwaves span:nth-child(6n+3){height:42px}.soundwaves span:nth-child(6n+4){height:77px}.soundwaves span:nth-child(6n+5){height:37px}.soundwaves span:nth-child(6n){height:67px}.asset-info{padding:14px 15px 16px}.asset-info strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-info small{font-size:10px;color:#82858d;display:block;margin-top:5px}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}
.inspector{width:368px;flex:0 0 368px;position:sticky;top:0;height:100vh;overflow-y:auto;background:#1a1b20;border-left:1px solid #34353b;z-index:5}.inspect-header{height:70px;padding:0 21px 0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.icon-button{width:31px;height:31px;background:#303138;border:0;border-radius:8px;color:var(--text);font-size:21px;line-height:1}.inspect-poster{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 43%,#b2b5a0,#60726c 45%,#262e30 85%);display:flex;align-items:flex-end;padding:16px}.inspect-poster.amber{background:radial-gradient(ellipse at 55% 45%,#bda897,#856d61 42%,#27252b 88%)}.inspect-poster.audio{background:radial-gradient(ellipse at 50% 40%,#4f6958,#222c29 67%,#1a1d20)}.inspect-poster>span{z-index:2;letter-spacing:1.3px;font-size:9px;color:#ffffffab}.poster-layers i{position:absolute;width:40%;height:75%;left:32%;top:32%;background:#b4b4a091;filter:blur(17px);border-radius:60% 50% 20% 20%}.poster-layers i:nth-child(2){left:0;top:0;background:#c6caa430;width:35%;height:100%}.poster-layers i:nth-child(3){left:80%;top:0;background:#223e3952;width:20%;height:100%}.inspect-body{padding:23px 25px 35px}.inspect-metadata{display:flex;align-items:center;justify-content:space-between}.pill{font-size:9px;letter-spacing:1px;border:1px solid #454a44;padding:4px 8px;border-radius:5px;color:#b2d9a2}.inspect-date{font-size:10px;color:var(--muted)}.inspect-body h2{font-size:24px;letter-spacing:-.5px;line-height:1.18;margin:19px 0 9px;font-weight:620}.inspect-summary{font-size:12px;color:#8f9199;margin:0 0 24px}.inspect-section{border-top:1px solid var(--line);padding-top:19px;margin-top:21px}.section-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:14px}.copy-btn{border:0;background:transparent;color:#bdd4ae;font-size:11px;padding:3px}.prompt-content{background:#24252a;border:1px solid #33343b;border-radius:10px;padding:14px 15px;color:#d0d0d4;font-size:12px;white-space:pre-wrap;word-break:break-word;line-height:1.7}.param-list{margin:0}.param-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #2c2d33;padding:11px 0;font-size:11px}.param-list dt{color:#858792}.param-list dd{margin:0;max-width:55%;text-align:right;color:#d6d7d9;word-break:break-word}.inspect-footnote{color:#72757f;font-size:10px;margin-top:32px}.toast{position:fixed;bottom:28px;right:28px;background:#28382b;border:1px solid #617e5a;border-radius:10px;color:#e3fbd9;padding:12px 18px;box-shadow:0 10px 40px #0006;z-index:50}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}.login-orb{position:absolute;width:500px;height:500px;top:-200px;right:-120px;background:#b0d9a718;filter:blur(100px);border-radius:50%;pointer-events:none}.login-card{position:relative;width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:37px;box-shadow:0 28px 90px #0005}.login-card .eyebrow{display:block;margin-top:30px}.login-card h1{font-size:30px;line-height:1.2;margin:17px 0 12px;letter-spacing:-.8px}.login-card p{color:var(--muted);font-size:12px}.login-card label{display:block;margin-top:25px;margin-bottom:9px;font-size:12px;color:#d6d7db}.login-card input{width:100%;background:#26272e;border:1px solid #484a53;border-radius:8px;color:var(--text);padding:13px}.login-card .full{display:flex;justify-content:space-between;margin-top:22px;width:100%}.login-card .error{color:#e1a69a;min-height:15px}
@media(max-width:1200px){.sidebar{width:203px;flex-basis:203px}.inspector{position:fixed;right:0;width:min(410px,95vw);box-shadow:-25px 0 80px #0009}.main-area{width:calc(100% - 203px)}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media(max-width:760px){.sidebar{position:fixed;left:-260px;width:250px;z-index:20;transition:left .18s;box-shadow:15px 0 50px #0008}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{height:62px;padding:0 19px;gap:16px}.topbar-crumb{margin-right:auto}.demo-label{display:none}.main-area{width:100%}main{padding:33px 18px 65px}.page-intro h1{font-size:40px}.toolbar{margin-top:32px;flex-direction:column}.search-wrap{min-width:0;width:100%}.model-art{height:330px}.model-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.workspace-heading{align-items:flex-start;flex-direction:column}.create-button{width:100%}.stats-row{gap:26px}.stats-row .stats-note{display:none}.media-controls{flex-direction:column;align-items:stretch}.filters{justify-content:space-between}.filter{flex:1;justify-content:center}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-art{height:200px}.asset-info{padding:12px}.inspect-header{height:62px}.inspector{width:100vw}.toast{right:15px;left:15px;bottom:15px}}
@media(max-width:390px){.asset-grid{grid-template-columns:1fr}.asset-art{height:230px}.model-art{height:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Labs Studio: compact page heading and photographic card gallery */
.topbar{height:78px}
.topbar-crumb{font-size:15px;align-items:center}
.topbar-crumb strong{font-size:19px;font-weight:650;letter-spacing:-.4px}
#modelsView .toolbar{margin:8px 0 24px}
#modelsView .info-row{margin-top:18px}
.model-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.model-card{border-radius:14px;background:transparent;border:1px solid #292a30}
.model-art{height:auto;aspect-ratio:1.5;background:radial-gradient(ellipse at 50% 42%,#9da99d 0%,#526c65 36%,#222e31 78%);overflow:hidden}
.model-art .art-frame{inset:0;border:0;border-radius:0;background:linear-gradient(115deg,#202a2b 0%,#a5b5a6 45%,#52645e 65%,#1a2527 100%);filter:none}
.model-art .art-frame:before{width:29%;height:74%;left:37%;top:14%;border-radius:45% 45% 36% 36%;background:#c2c6b5a8;filter:blur(28px)}
.model-art .art-frame:after{width:65%;height:47%;left:19%;bottom:-12%;border-radius:50% 50% 0 0;background:#283d38;filter:blur(20px)}
.model-card-info{padding:12px 5px 8px;background:var(--bg)}
.model-card-info strong{font-size:14px}
.model-card-info small{font-size:11px}
.model-arrow{border:0;font-size:20px}
.media-controls{justify-content:flex-end;margin:22px 0}
.media-group{margin-top:27px}
.group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:15px;border-bottom:1px solid var(--line);padding-bottom:12px}
.group-heading h2{font-size:19px;font-weight:650;margin:0}
.group-heading h2 span{color:var(--muted);font-size:12px;margin-left:7px}
.group-heading>span{color:var(--muted);font-size:11px}
.asset-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.asset-card{border-radius:13px}
.asset-art{height:auto;aspect-ratio:1.5}
.asset-info{padding:12px 14px}
.settings-page{max-width:1100px;padding:12px 0}
.settings-page h1{font-size:28px;letter-spacing:-.8px}
.settings-page p{color:var(--muted)}
.settings-page label{display:block;margin:28px 0 10px;font-weight:600}
.settings-page select{background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:12px 16px;min-width:240px}
.text-scenarios{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:30px}
.text-scenarios article{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:20px}
.text-scenarios h2{font-size:17px;margin:0 0 10px}
.text-scenarios p{font-size:12px}
.preview-warning{margin-top:25px;font-size:12px}
.sidebar-bottom .settings-button{margin-top:9px}
:root[data-card-size="s"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
:root[data-card-size="m"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
:root[data-card-size="l"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}
:root[data-card-size="s"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
:root[data-card-size="m"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
:root[data-card-size="l"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}
@media(max-width:760px){
 .topbar{height:62px}.topbar-crumb strong{font-size:15px}
 .model-grid,:root[data-card-size="l"] .model-grid,:root[data-card-size="m"] .model-grid,:root[data-card-size="s"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}
 .asset-grid,:root[data-card-size="l"] .asset-grid,:root[data-card-size="m"] .asset-grid,:root[data-card-size="s"] .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .model-art,.asset-art{height:auto;aspect-ratio:1.4}
 .group-heading>span{display:none}
}
@media(max-width:390px){.asset-grid,:root[data-card-size="l"] .asset-grid,:root[data-card-size="m"] .asset-grid,:root[data-card-size="s"] .asset-grid{grid-template-columns:1fr}}

/* Compact model workspace: title and counters live in the existing topbar */
#workspaceView{padding-top:0}
.workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
.workspace-actions .text-button{font-size:12px}
.workspace-actions .create-button{width:auto;min-width:185px}
#workspaceView .media-controls{margin:8px 0 12px}
#workspaceView .media-group{margin-top:18px}
.topbar-stats{font-size:11px;color:var(--muted);white-space:nowrap}
@media(max-width:850px){.topbar-stats{display:none!important}.workspace-actions{align-items:stretch}.workspace-actions .create-button{min-width:0}}

/* Visual-only generation previews: never imply an actual provider job. */
.preview-switch{display:flex!important;align-items:center;gap:12px;font-weight:500!important;cursor:pointer}
.preview-switch input{accent-color:#bde4a8;width:18px;height:18px}
.generation-preview{overflow:hidden;cursor:default}
.generation-art{position:relative;overflow:hidden;isolation:isolate;background:#18211f}
.generation-mosaic{background:linear-gradient(130deg,#151d23,#2c3933 48%,#17252d)}
.mosaic-tiles{position:absolute;inset:-4px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:3px;transform:scale(1.05)}
.mosaic-tiles i{background:linear-gradient(calc(30deg + var(--i)*13deg),#b2c5ac,#344f4b 45%,#758d86);opacity:.23;animation:mosaic-reveal 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.17s);border-radius:3px}
.generation-audio{display:grid;place-items:center;background:radial-gradient(ellipse at center,#2c4d42,#151f24 75%)}
.generation-waves{display:flex;align-items:center;justify-content:center;gap:4px;height:55%;width:80%}
.generation-waves i{display:block;width:4px;height:22%;max-height:90%;border-radius:8px;background:#bfe4b0;box-shadow:0 0 12px #bfe4b044;animation:audio-pulse 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.065s)}
.generation-badge{position:absolute;top:12px;left:12px;background:#121b1ce0;color:#d3efc7;font-size:10px;font-weight:700;letter-spacing:1px;padding:7px 9px;border:1px solid #638468;border-radius:6px;z-index:2}
@keyframes mosaic-reveal{0%{opacity:.15;filter:blur(5px);transform:scale(.9)}55%{opacity:.82;filter:blur(0);transform:scale(1)}100%{opacity:.42;filter:blur(2px);transform:scale(1.05)}}
@keyframes audio-pulse{0%{height:10%;opacity:.48}100%{height:80%;opacity:1}}
@media(prefers-reduced-motion:reduce){.mosaic-tiles i,.generation-waves i{animation:none!important;opacity:.75;height:35%}}

/* Generation demo: mosaic resolves to an illustrative image; audio to a finished waveform. */
.generation-result{position:absolute;inset:0;z-index:0;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 1.4s ease}
.generation-complete .generation-result{opacity:1;transform:scale(1)}
.generation-complete .mosaic-tiles,.generation-complete .generation-waves{opacity:0;pointer-events:none;transition:opacity 1.2s ease}
.generation-complete .generation-badge{background:#162d24ee;color:#d1f2ce;border-color:#638b70}
.demo-photo{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#233a48 0%,#719391 48%,#d6ba8b 74%,#344c4a 100%)}
.demo-sun{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;left:53%;top:20%;background:#f4e0b3;box-shadow:0 0 55px 25px #f4d9a66b}
.demo-hill{position:absolute;width:125%;height:60%;left:-10%;border-radius:50% 50% 0 0}
.demo-hill-back{bottom:-32%;background:#63766b;transform:rotate(-10deg)}
.demo-hill-front{bottom:-44%;background:#233e43;transform:rotate(11deg)}
.result-audio{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#345e55,#17272c 72%)}
.result-waveform{width:83%;height:50%;display:flex;align-items:center;justify-content:center;gap:3px}
.result-waveform i{width:3px;min-width:2px;border-radius:4px;background:linear-gradient(180deg,#d6f0c5,#83baa8);box-shadow:0 0 8px #9edab93a}
@media(prefers-reduced-motion:reduce){.generation-result,.generation-complete .mosaic-tiles,.generation-complete .generation-waves{transition:none!important}}

/* Blue / portrait gallery design, S-M-L all preserve 3:4 proportions */
:root{--accent:#78b8ff;--blue:#5799f5;--blue-soft:#b4d8ff}
.brand-mark,.info-icon,.headline-accent{color:var(--accent)}
.primary{background:#79b9ff;color:#081527}.primary:hover:not(:disabled){background:#a8d2ff}
.nav-num{background:#19314d;color:#a7d4ff}
.nav-item.active{background:#1b2b40;color:#eaf4ff}
.model-card:hover,.asset-card:hover,.asset-card.selected{border-color:#75b7ff;box-shadow:0 10px 36px #245da328}
.model-art,.asset-art{aspect-ratio:3/4!important;height:auto!important}
.model-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.asset-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px}
:root[data-card-size="s"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
:root[data-card-size="m"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
:root[data-card-size="l"] .model-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
:root[data-card-size="s"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
:root[data-card-size="m"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}
:root[data-card-size="l"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(295px,1fr))}
.model-art,.model-art .art-frame{background:radial-gradient(ellipse at 45% 38%,#9dbce1 0%,#45688f 38%,#15253e 83%)}
.model-art .art-frame:before{background:#c0dbf1a8}.model-art .art-frame:after{background:#132b4b}
.asset-art.sage{background:radial-gradient(ellipse at 45% 35%,#acc7e9,#4a719c 39%,#1b324e 75%,#101b2c)}
.asset-art.amber{background:radial-gradient(ellipse at 47% 36%,#d5bdd1,#8b7eae 38%,#273759 76%,#131c33)}
.asset-art.audio{background:radial-gradient(ellipse at 50% 44%,#315d95,#162c4c 62%,#101a2e)}
.art-blob{background:linear-gradient(145deg,#c6dbf0ad,#4b75a9aa)}
.asset-art.amber .art-blob{background:linear-gradient(145deg,#d5b4d2aa,#567aa8bb)}
.soundwaves span{background:linear-gradient(#c6e6ff,#6ba9ef)}
.model-card,.asset-card{position:relative;background:#141c2a;border:1px solid #2b3a50;border-radius:13px}
.model-card-info,.asset-info{position:absolute;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(0deg,#0a1526f5,#10213bd6 70%,transparent);padding:42px 15px 15px!important;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.model-card:hover .model-card-info,.model-card:focus-visible .model-card-info,.asset-card:hover .asset-info,.asset-card:focus-visible .asset-info,.generation-preview:hover .asset-info{opacity:1;transform:translateY(0)}
.model-card-info strong,.asset-info strong{color:#f1f7ff}
.model-card-info small,.asset-info small{color:#bdd1e9}
.model-art .art-note,.asset-art .asset-kind,.asset-art .demo-corner{opacity:0;transition:opacity .2s}
.model-card:hover .art-note,.model-card:focus-visible .art-note,.asset-card:hover .asset-kind,.asset-card:hover .demo-corner,.asset-card:focus-visible .asset-kind,.asset-card:focus-visible .demo-corner{opacity:1}
.model-arrow{color:#a9d6ff}
.demo-label{color:#a3c9f8;border-color:#39577a}
.avatar{background:linear-gradient(140deg,#3464a3,#a3d0ff);color:#09182d}
.copy-btn,.text-button:hover{color:#95c9ff}.pill{color:#a8d4ff;border-color:#446e9d}
.toast{background:#142a48;border-color:#477eb7;color:#e5f3ff}
.login-orb{background:#5099ff20}
.generation-mosaic{background:radial-gradient(circle at 50% 30%,#5b9cde,#172d4e 75%)}
.mosaic-tiles{gap:2px;transform:scale(1.02);z-index:2;transition:opacity 1.4s ease,filter 1.4s ease}
.mosaic-tiles i{background:linear-gradient(calc(40deg + var(--i)*17deg),#c1dcff,#4888c6 46%,#162b4d);border-radius:1px;animation:mosaic-cascade 3.2s cubic-bezier(.25,.75,.2,1) infinite alternate;animation-delay:calc(var(--i)*-.11s)}
.generation-audio,.result-audio{background:radial-gradient(ellipse at center,#254c7b,#101b32 78%)}
.generation-waves i,.result-waveform i{background:linear-gradient(180deg,#d7edff,#5da6fa);box-shadow:0 0 12px #509fff6b}
.generation-badge{background:#11233fe8;border-color:#4779b6;color:#cce5ff;opacity:0;transition:opacity .2s}
.generation-preview:hover .generation-badge{opacity:1}
.generation-complete .generation-badge{background:#122d4de8;color:#cce5ff;border-color:#4b8cc9}
.demo-photo{background:linear-gradient(180deg,#0e284b,#4678a9 47%,#e6bfa4 75%,#213f6d)}
.demo-sun{background:#fff0d9;box-shadow:0 0 65px 25px #e2bbf588}
.demo-hill-back{background:#5477a0}.demo-hill-front{background:#18365e}
@keyframes mosaic-cascade{0%{opacity:.14;filter:blur(7px) brightness(.6);transform:scale(.82) rotate(-2deg)}45%{opacity:.95;filter:blur(0) brightness(1.35);transform:scale(1.05)}100%{opacity:.35;filter:blur(3px) brightness(.8);transform:scale(.95)}}
.generation-complete .generation-result{opacity:1;transform:scale(1);filter:blur(0)}
.generation-result{filter:blur(9px);transition:opacity 1.5s ease,transform 1.7s ease,filter 1.5s ease}
@media(hover:none){.model-card-info,.asset-info{opacity:1;transform:none}.model-art .art-note,.asset-art .asset-kind{opacity:1}}
@media(max-width:760px){
:root[data-card-size="s"] .model-grid,:root[data-card-size="m"] .model-grid,:root[data-card-size="l"] .model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
:root[data-card-size="s"] .asset-grid,:root[data-card-size="m"] .asset-grid,:root[data-card-size="l"] .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){:root[data-card-size="l"] .model-grid,:root[data-card-size="l"] .asset-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mosaic-tiles i{animation:none}}

/* Edge-to-edge Higgsfield-inspired gallery controls */
main{max-width:none!important;padding:16px 14px 48px!important}
#modelsView,#workspaceView{width:100%}
.model-grid,.asset-grid{gap:5px!important;align-items:start}
:root[data-card-size="s"] .model-grid,:root[data-card-size="s"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important}
:root[data-card-size="m"] .model-grid,:root[data-card-size="m"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))!important}
:root[data-card-size="l"] .model-grid,:root[data-card-size="l"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))!important}
.model-card,.asset-card{border-radius:6px!important;border-color:#23334a!important}
.model-art,.asset-art{aspect-ratio:3/4!important}
#modelsView .info-row{margin:12px 4px}
.topbar{padding:0 17px!important;gap:12px}
.topbar-right{gap:12px;min-width:0}
.header-search{height:36px;width:clamp(130px,17vw,290px);display:flex;align-items:center;gap:7px;background:#1b1d25;border:1px solid #343b4a;border-radius:8px;padding:0 11px;color:#a5b9d4}
.header-search input{width:100%;min-width:0;color:#e4f0ff;background:transparent;border:0;outline:none;font-size:12px}
.header-search input::placeholder{color:#8d9cb1}
.gallery-controls{display:flex;align-items:center;gap:7px;position:relative}
.gallery-control{border:1px solid #354359;background:#1b2230;color:#c3d7f2;border-radius:8px;padding:8px 10px;font-size:11px;white-space:nowrap}
.gallery-control:hover,.filter-option:hover{background:#253a59}
.filter-panel{position:absolute;z-index:15;top:44px;right:110px;width:160px;padding:6px;background:#182437;border:1px solid #355077;border-radius:10px;box-shadow:0 12px 36px #0008}
.filter-option{display:block;width:100%;text-align:left;background:transparent;color:#d1e1f5;border:0;padding:10px;border-radius:6px;font-size:12px}
.filter-option.active{background:#294a73;color:#fff}
.size-control{height:36px;display:flex;align-items:center;gap:7px;background:#1b2230;border:1px solid #354359;border-radius:8px;padding:0 9px;color:#9ec8ff}
.size-control input{width:74px;accent-color:#75b7ff;cursor:pointer}
#workspaceView .asset-grid{margin-top:0}
@media(max-width:980px){.topbar-stats{display:none!important}.header-search{width:160px}.topbar-crumb span,.topbar-crumb .slash{display:none}}
@media(max-width:760px){main{padding:9px 5px 40px!important}.topbar{gap:6px!important}.topbar-right{gap:5px}.header-search{width:110px}.size-control input{width:48px}.gallery-control{padding:8px 6px}.avatar{display:none}:root[data-card-size="s"] .model-grid,:root[data-card-size="s"] .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}:root[data-card-size="m"] .model-grid,:root[data-card-size="m"] .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}:root[data-card-size="l"] .model-grid,:root[data-card-size="l"] .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Main is programmatically focused for navigation, never outline the entire viewport. */
main:focus,main:focus-visible{outline:none!important;box-shadow:none!important}

/* One larger maximum gallery size; all presets retain a 3:4 portrait ratio. */
:root[data-card-size="xl"] .model-grid,:root[data-card-size="xl"] .asset-grid{grid-template-columns:repeat(auto-fill,minmax(335px,1fr))!important}
@media(max-width:760px){:root[data-card-size="xl"] .model-grid,:root[data-card-size="xl"] .asset-grid{grid-template-columns:1fr!important}}

/* Material action affordances: overlay on hover/focus, full menu on click. */
.asset-card{position:relative;overflow:visible!important;isolation:auto}
.asset-card:hover,.asset-card:focus-within{z-index:10}
.asset-art{border-radius:6px;overflow:hidden}
.asset-action-overlay{position:absolute;top:10px;right:10px;z-index:12;display:flex;flex-direction:column;gap:6px;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .18s}
.asset-card:hover .asset-action-overlay,.asset-card:focus-within .asset-action-overlay{opacity:1;pointer-events:auto}
.asset-quick-action{width:36px;height:36px;border-radius:50%;background:#101722d9;color:#fff;border:1px solid #ffffff24;display:grid;place-items:center;font-size:23px;cursor:pointer;backdrop-filter:blur(12px)}
.asset-quick-action:hover{background:#284c79}
.asset-action-menu{position:absolute;right:0;top:82px;width:235px;max-height:min(70vh,540px);overflow-y:auto;background:#191d25;border:1px solid #384355;border-radius:13px;padding:7px;box-shadow:0 18px 60px #000b}
.asset-action-item{display:block;width:100%;text-align:left;background:none;border:0;color:#eef3fb;border-radius:7px;padding:10px 11px;font-size:12px;cursor:pointer;white-space:nowrap}
.asset-action-item:hover:not(:disabled){background:#29486f}
.asset-action-item:disabled{color:#687182;cursor:not-allowed}
.asset-action-item.danger{color:#ef7e85}
.asset-action-item.danger:disabled{color:#936269}
.asset-action-menu.hidden{display:none}
@media(hover:none){.asset-action-overlay{opacity:1;pointer-events:auto}}

.folder-toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.folder-bar{display:flex;gap:6px;overflow-x:auto}.folder-chip,.folder-create{border:1px solid #344b6b;background:#1a2b42;color:#c7dcf4;padding:9px 13px;border-radius:7px;cursor:pointer;white-space:nowrap}.folder-chip.active{background:#285483;color:white}.folder-note{font-size:11px;color:#8794a6;margin-bottom:10px}

/* Inspector is an overlay within the content area; header and sidebar never resize. */
.main-area{position:relative;min-width:0}.main-area>.inspector{position:fixed;top:70px;right:0;bottom:0;height:auto;width:min(368px,calc(100vw - 236px));max-width:100%;flex:none;overflow-y:auto;z-index:35;box-shadow:-18px 0 45px #0007}.main-area>.inspector.hidden{display:none!important}.main-area>.topbar{position:relative;z-index:36;min-width:0}.main-area>.inspector .icon-button{cursor:pointer}

/* Labs-owned dialogs: never browser alert/prompt/confirm. */
.labs-dialog.hidden{display:none!important}.labs-dialog{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.labs-dialog-backdrop{position:absolute;inset:0;background:#050914b8;backdrop-filter:blur(7px)}.labs-dialog-panel{position:relative;width:min(100%,440px);background:linear-gradient(155deg,#1d2c43,#141a26 65%);border:1px solid #42648d;border-radius:18px;padding:26px;box-shadow:0 24px 90px #0009;color:#f3f7ff}.labs-dialog-heading{display:flex;justify-content:space-between;align-items:center}.labs-dialog-symbol{font-size:28px;color:#8cbbfa}.labs-dialog-x{background:#26364b;border:1px solid #3d5069;color:#e3edfa;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:22px}.labs-dialog-panel h2{font-size:23px;margin:16px 0 7px}.labs-dialog-panel p{font-size:13px;color:#aebdd2;line-height:1.5;margin:0 0 20px}.labs-dialog-input{width:100%;box-sizing:border-box;min-height:46px;background:#111b2b;color:#f4f7fd;border:1px solid #496282;border-radius:9px;padding:0 13px;font:inherit;outline:none}.labs-dialog-input:focus{border-color:#87bafa;box-shadow:0 0 0 3px #5599ed30}.labs-dialog-panel .labs-dialog-error{color:#ff9a9a;min-height:16px;margin:7px 0 14px;font-size:12px}.labs-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.labs-dialog-actions button{border:0;border-radius:9px;padding:11px 16px;font-weight:650;cursor:pointer}.labs-dialog-cancel{background:#303c4d;color:#dce7f5}.labs-dialog-submit{background:#77aef0;color:#0c192b}.labs-dialog-open{overflow:hidden}

/* Inspector layout contract: content overlay below an opaque, stable header. */
#app .main-area{position:relative;min-width:0;isolation:isolate}
#app .main-area>.topbar{position:relative;z-index:50;background:#111318!important;isolation:isolate;box-shadow:0 1px 0 #293344}
#app .main-area>.inspector{position:absolute!important;top:70px!important;right:0!important;bottom:0!important;left:auto!important;margin:0!important;transform:none!important;width:min(368px,100%)!important;height:calc(100% - 70px)!important;min-height:0!important;max-height:none!important;display:block;overflow-y:auto;overscroll-behavior:contain;background:#191c23;z-index:40!important;box-shadow:-14px 0 45px #0009}
#app .main-area>.inspector.hidden{display:none!important}
#app .main-area>.inspector .inspect-header{position:sticky;top:0;background:#191c23;z-index:2}
#app .main-area>.inspector #closeInspector{position:relative;z-index:3;pointer-events:auto;cursor:pointer}

/* Gallery controls live with gallery content, never in the global navigation. */
#workspaceTools{display:flex;align-items:center;justify-content:flex-end;min-height:39px;margin:0 0 12px;position:relative;z-index:12}
#workspaceTools .gallery-controls{display:flex;align-items:center;gap:9px}
#workspaceTools .filter-panel{top:calc(100% + 7px);right:105px;z-index:25}
#workspaceTools .gallery-control{cursor:pointer}
#workspaceTools .size-control{flex-shrink:0}
@media(max-width:760px){#workspaceTools{margin-bottom:9px;min-height:35px}#workspaceTools .filter-panel{right:72px}}

/* Detail drawer is a real second grid column, not an overlay. Header spans both. */
#app .main-area{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:70px minmax(0,1fr);align-items:stretch;min-width:0;isolation:auto}
#app .main-area>.topbar{grid-column:1/-1;grid-row:1;min-width:0;background:#111318!important;z-index:20}
#app .main-area>main{grid-column:1;grid-row:2;min-width:0;width:100%;box-sizing:border-box;margin:0 auto;align-self:start}
#app .main-area>.inspector{grid-column:2;grid-row:2;position:sticky!important;top:0!important;right:auto!important;bottom:auto!important;left:auto!important;width:min(368px,32vw)!important;min-width:260px!important;height:calc(100vh - 70px)!important;max-height:calc(100vh - 70px)!important;display:block;overflow-y:auto;box-sizing:border-box;z-index:5!important;box-shadow:none}
#app .main-area>.inspector.hidden{display:none!important}
@media(max-width:900px){#app .main-area>.inspector{width:min(320px,40vw)!important;min-width:220px!important}}
@media(max-width:600px){#app .main-area{grid-template-columns:minmax(0,1fr)}#app .main-area>.inspector{grid-column:1;grid-row:3;position:relative!important;width:100%!important;min-width:0!important;height:auto!important;max-height:none!important}}

/* UI 2026.10.19.09: explicit two-column content layout; never overlay gallery. */
#app .main-area{grid-template-columns:minmax(0,1fr) 0!important;column-gap:0}
#app .main-area:has(>.inspector:not(.hidden)){grid-template-columns:minmax(0,1fr) minmax(260px,368px)!important}
#app .main-area>.inspector{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;min-width:0!important;max-width:none!important;height:calc(100vh - 70px)!important;overflow-y:auto!important}
#app .main-area>.inspector.hidden{display:none!important}
#app .main-area>main{max-width:none!important;overflow:visible;min-width:0!important}
#app .main-area>.topbar{background:#111318!important;position:relative;z-index:20}
#app .ui-build{display:inline-flex;align-items:center;color:#8fa9cb;font-size:10px;white-space:nowrap;border:1px solid #34445a;border-radius:5px;padding:4px 7px;font-variant-numeric:tabular-nums}
#app .asset-card:focus-within{z-index:30}
#app .asset-action-overlay:has(.asset-action-menu:not(.hidden)){opacity:1!important;pointer-events:auto!important;z-index:40}
#app .asset-action-menu:not(.hidden){z-index:45;pointer-events:auto}
#app .asset-action-item:not(:disabled){pointer-events:auto}
@media(max-width:760px){#app .main-area:has(>.inspector:not(.hidden)){grid-template-columns:minmax(0,1fr)!important}#app .main-area>.inspector{grid-column:1!important;grid-row:3!important;height:auto!important;max-height:none!important}}

/* Skeletons for page/data loading, distinct from generation animations. */
.loading-tile{aspect-ratio:3/4;border-radius:12px;background:#1b2534;border:1px solid #334358;overflow:hidden;padding:8px;display:flex;flex-direction:column;gap:12px}
.loading-art{height:77%;border-radius:8px;background:linear-gradient(105deg,#26344a 10%,#405a7b 40%,#26344a 70%);background-size:220% 100%;animation:labs-load 1.5s ease-in-out infinite}
.loading-line{height:10px;width:76%;border-radius:5px;background:#40516a;animation:labs-pulse 1.4s ease-in-out infinite}
.loading-line.short{width:43%}
@keyframes labs-load{0%{background-position:180% 0}100%{background-position:-50% 0}}
@keyframes labs-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.loading-art,.loading-line{animation:none}}

/* Studio menu: legible, blue-accented, consistent with the gallery. */
#app .asset-action-menu{width:264px;top:80px;padding:8px;background:#1b2534;border:1px solid #3c5272;border-radius:13px;box-shadow:0 20px 48px #000b;z-index:60}
#app .asset-action-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:520;letter-spacing:0;color:#e9f2ff}
#app .asset-action-item .menu-svg{width:18px;height:18px;flex:none;color:#a2c7fb}
#app .asset-action-item:hover:not(:disabled),#app .asset-action-item:focus-visible{background:#2b4a70}
#app .asset-action-item:disabled{color:#728096;opacity:.64}
#app .asset-action-item:disabled .menu-svg{color:#728096}
#app .asset-action-item.danger:not(:disabled){color:#ff9caa}
#app .asset-action-item.danger .menu-svg{color:#df8494}
#app .generation-preview{border:1px solid #3e648e;position:relative}
#app .generation-preview .asset-info strong{color:#e3efff}
#app .generation-preview .asset-info small{color:#91aaca}

/* Photo generation: independently flipping 3D tiles with staggered phase. */
#app .generation-mosaic{background:radial-gradient(circle at 45% 40%,#304e76,#111b2e 78%);perspective:900px}
#app .generation-mosaic .mosaic-tiles{inset:0;transform:none;gap:4px;padding:7px;perspective:850px}
#app .generation-mosaic .mosaic-tiles i{opacity:1;backface-visibility:visible;transform-style:preserve-3d;border:1px solid #6ca7f640;border-radius:5px;background:linear-gradient(140deg,#86b8f0 0%,#325e9b 40%,#162947 100%);box-shadow:inset 0 0 16px #c1e4ff2c,0 5px 16px #0007;animation:tile-flip var(--duration) ease-in-out infinite;animation-delay:calc(-1 * var(--delay));will-change:transform,filter}
#app .generation-mosaic .mosaic-tiles i:nth-child(3n){background:linear-gradient(135deg,#9ac8f2,#3e6ba8 45%,#182c4b)}
#app .generation-mosaic .mosaic-tiles i:nth-child(5n){background:linear-gradient(135deg,#294a7d,#142743 55%,#719dce)}
@keyframes tile-flip{0%,15%{transform:rotateY(0deg) rotateX(0deg) scale(.96);filter:brightness(.7)}40%,65%{transform:rotateY(var(--angle)) rotateX(12deg) scale(.86);filter:brightness(1.4)}90%,100%{transform:rotateY(360deg) rotateX(0deg) scale(.96);filter:brightness(.75)}}
@media(prefers-reduced-motion:reduce){#app .generation-mosaic .mosaic-tiles i{animation:none!important}}

/* Seamless 12x8 square-cell mosaic: slower individual flips and shuffled reveal. */
#app .generation-mosaic .mosaic-tiles{inset:0!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:repeat(8,minmax(0,1fr))!important;gap:0!important;padding:0!important;transform:none!important;overflow:hidden;z-index:2}
#app .generation-mosaic .mosaic-tiles i{min-width:0;min-height:0;border:0!important;border-radius:0!important;box-shadow:inset 0 0 1px #c7e1ff1c!important;transform-origin:center;animation:tile-flip-slow var(--duration) ease-in-out infinite;animation-delay:calc(-1 * var(--delay));transition:none}
@keyframes tile-flip-slow{0%,25%{transform:rotateY(0deg);filter:brightness(.8)}48%,65%{transform:rotateY(var(--angle));filter:brightness(1.3)}90%,100%{transform:rotateY(360deg);filter:brightness(.85)}}
#app .generation-mosaic.generation-complete .mosaic-tiles i,#app .generation-complete .generation-mosaic .mosaic-tiles i{animation:tile-reveal 850ms cubic-bezier(.25,.8,.25,1) var(--reveal-delay,0s) both!important;pointer-events:none}
@keyframes tile-reveal{0%{opacity:1;transform:rotateY(0deg)}60%{opacity:1;transform:rotateY(90deg)}100%{opacity:0;transform:rotateY(180deg)}}
#app .generation-complete .generation-mosaic .mosaic-tiles{opacity:1!important;animation:none!important}
@media(prefers-reduced-motion:reduce){#app .generation-complete .generation-mosaic .mosaic-tiles i{animation:none!important;opacity:0!important}}

/* Four lightweight CSS/SVG photo-generation effects; no video or animation dependencies. */
#app .effect-settings{margin-top:26px;border-top:1px solid #334259;padding-top:20px}
#app .effect-settings h2{font-size:19px;margin:0 0 8px;color:#e7f0ff}
#app .effect-settings p{color:#9dafc8;font-size:13px;margin:0 0 16px}
#app .effect-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 22px}
#app .effect-choice{display:flex;flex-direction:column;text-align:left;gap:7px;min-width:0;padding:10px;background:#171f2b;border:1px solid #34445d;border-radius:13px;color:#e9f1ff;cursor:pointer;transition:border-color .2s,background .2s}
#app .effect-choice:hover,#app .effect-choice:focus-visible{border-color:#78aff2;background:#202e43}
#app .effect-choice.selected{border-color:#79b6ff;box-shadow:0 0 0 2px #538fe63d}
#app .effect-choice strong{font-size:14px;padding:2px 4px}
#app .effect-choice small{font-size:12px;color:#a5b6ce;padding:0 4px 4px}
#app .effect-choice-visual{position:relative;height:150px;overflow:hidden;border-radius:8px;background:#0d1420}
#app .generation-photo-effect{position:relative;overflow:hidden;background:#0b1320}
#app .generation-photo-effect .generation-result{z-index:0}
#app .generation-photo-effect .effect-surface{z-index:1}
#app .effect-surface{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,#192b42,#0b1220 80%);transition:opacity .6s,transform .8s,filter .8s}
#app .effect-grid{position:absolute;inset:-10%;background-image:linear-gradient(#3eaff02b 1px,transparent 1px),linear-gradient(90deg,#3eaff02b 1px,transparent 1px);background-size:21px 21px;transform:perspective(320px) rotateX(10deg);animation:blueprint-grid 5s ease-in-out infinite alternate}
#app .effect-radar{position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid #65d8ff;border-radius:50%;box-shadow:0 0 20px #45cfff77;transform:translate(-50%,-50%);animation:blueprint-radar 4.2s ease-out infinite}
#app .effect-pixel{position:absolute;width:2px;height:2px;background:#89e7ff;box-shadow:0 0 9px 2px #3ac9ff;animation:blueprint-pixel 2.6s ease-in-out infinite alternate}
#app .effect-readout{position:absolute;top:9px;left:9px;font:8px monospace;letter-spacing:1px;color:#9be3ff}
#app .effect-readout-bottom{top:auto;bottom:9px}
@keyframes blueprint-grid{to{opacity:.48;transform:perspective(320px) rotateX(14deg) translateY(4px)}}
@keyframes blueprint-radar{0%{width:5%;height:5%;opacity:.8}100%{width:130%;height:130%;opacity:0}}
@keyframes blueprint-pixel{0%{opacity:.1;transform:translate(0,0)}100%{opacity:1;transform:translate(8px,-9px)}}
#app .effect-prism{background:radial-gradient(circle at center,#22213f,#0e1422 80%)}
#app .prism-glow{position:absolute;inset:15%;border-radius:50%;background:conic-gradient(from 90deg,#855af0,#fe72c6,#7bffda,#5f80ff,#855af0);filter:blur(28px);opacity:.5;animation:prism-spin 9s linear infinite}
#app .prism-orb{position:absolute;left:25%;top:24%;width:50%;height:52%;border-radius:44% 56% 62% 38% / 45% 40% 60% 55%;background:radial-gradient(circle at 35% 25%,#ffffffb8,transparent 23%),conic-gradient(from 20deg,#6579f9,#dd6bcf,#80e6d6,#5644a8,#6579f9);box-shadow:inset -15px -15px 22px #10143d8c,inset 7px 7px 15px #ffffff45,0 0 40px #ad78f866;animation:prism-morph 7s ease-in-out infinite alternate}
#app .prism-lens{position:absolute;inset:0;background:radial-gradient(circle at center,#ffffff08,transparent 65%);pointer-events:none}
@keyframes prism-spin{to{transform:rotate(360deg)}}
@keyframes prism-morph{0%{transform:rotate(-12deg) scale(.95);border-radius:44% 56% 62% 38% / 45% 40% 60% 55%}50%{transform:rotate(24deg) scale(1.12);border-radius:60% 40% 43% 57% / 38% 61% 39% 62%}100%{transform:rotate(75deg) scale(.98);border-radius:39% 61% 57% 43% / 61% 38% 62% 39%}}
#app .effect-glitch{background:linear-gradient(135deg,#111626,#1a2340,#0a1425)}
#app .glitch-ghost{position:absolute;inset:16% 27%;border-radius:48% 48% 15% 15%;background:linear-gradient(100deg,#7a83f82a,#75d5ff43,#ed71aa25);filter:blur(8px);animation:glitch-ghost 3.1s steps(1) infinite}
#app .glitch-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#b5cfff12 5px,transparent 6px);animation:glitch-noise 2.5s steps(4) infinite}
#app .glitch-scanner{position:absolute;left:0;right:0;top:0;height:2px;background:#66d8ff;box-shadow:0 0 16px 4px #49c6ff66;animation:glitch-scan 4s linear infinite}
#app .glitch-meter{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:3px;height:6px}
#app .glitch-meter i{flex:1;background:#29405b;animation:glitch-segment 3.3s ease-in-out infinite alternate}
@keyframes glitch-scan{to{top:100%}}
@keyframes glitch-ghost{0%,70%,100%{transform:translateX(0);opacity:.5}71%{transform:translateX(-5px);opacity:.9}74%{transform:translateX(4px);opacity:.7}76%{transform:translateX(0)}}
@keyframes glitch-noise{50%{transform:translateY(4px);opacity:.4}}
@keyframes glitch-segment{0%{background:#29405b}70%,100%{background:#66cfff;box-shadow:0 0 6px #5bcfff}}
#app .effect-weave{background:radial-gradient(circle at center,#173450,#0a1220 75%)}
#app .synapse-web{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 4px #58c5ff);animation:synapse-turn 12s ease-in-out infinite alternate}
#app .synapse-web line{stroke:#6fc6f5;stroke-width:.27;opacity:.5;stroke-dasharray:150;animation:synapse-line 5s ease-in-out infinite alternate}
#app .synapse-web circle{fill:#9be9ff;animation:synapse-node 2.5s ease-in-out infinite alternate}
#app .synapse-core{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#b7eeff;box-shadow:0 0 22px 10px #47c9ff50;animation:synapse-node 2.5s infinite alternate}
@keyframes synapse-turn{to{transform:perspective(300px) rotateY(18deg) rotateZ(8deg) scale(1.12)}}
@keyframes synapse-line{0%{stroke-dashoffset:150;opacity:.1}100%{stroke-dashoffset:0;opacity:.85}}
@keyframes synapse-node{to{opacity:.35;transform:scale(.8)}}
#app .generation-complete .generation-photo-effect .effect-blueprint{animation:effect-particles-out .85s ease-in forwards}
#app .generation-complete .generation-photo-effect .effect-prism{animation:effect-prism-out 1.15s ease-in-out forwards}
#app .generation-complete .generation-photo-effect .effect-glitch{animation:effect-glitch-out .55s steps(4) forwards}
#app .generation-complete .generation-photo-effect .effect-weave{animation:effect-weave-out .8s ease-in forwards}
@keyframes effect-particles-out{0%{opacity:1;filter:brightness(1)}30%{filter:brightness(2.5)}100%{opacity:0;transform:translateY(35%);filter:blur(14px)}}
@keyframes effect-prism-out{0%{opacity:1;transform:scale(1)}65%{opacity:.9;transform:scale(3);filter:blur(9px)}100%{opacity:0;transform:scale(5);filter:blur(0)}}
@keyframes effect-glitch-out{0%{opacity:1}45%{filter:brightness(3);transform:translateX(6px)}100%{opacity:0;transform:translateX(-10px)}}
@keyframes effect-weave-out{0%{opacity:1;transform:scale(1)}70%{transform:scale(.05);filter:brightness(4)}100%{opacity:0;transform:scale(0);filter:brightness(6)}}
@media(max-width:650px){#app .effect-choices{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#app .effect-surface *,#app .effect-surface,#app .generation-complete .generation-photo-effect .effect-surface{animation:none!important;transition:none!important}#app .generation-complete .generation-photo-effect .effect-surface{opacity:0!important}}

#app .audio-effect{position:absolute;inset:0;overflow:hidden;z-index:2;background:radial-gradient(circle,#1c2b46,#0b1320 80%)}
#app .audio-string-svg{position:absolute;inset:25% 5%;width:90%;height:50%}
#app .audio-string-svg path{fill:none;stroke:#c18cfb;stroke-width:2;filter:drop-shadow(0 0 5px #ae8dfc);animation:audio-wave 3s ease-in-out infinite alternate}
#app .audio-string-svg path:nth-child(2){stroke:#fd85bf;animation-delay:-1s}
#app .audio-string-svg path:nth-child(3){stroke:#75b6ff;animation-delay:-2s}
#app .audio-effect-caption{position:absolute;bottom:10%;width:100%;text-align:center;font:9px monospace;color:#b9c7e8}
@keyframes audio-wave{from{transform:scaleY(.1);opacity:.4}to{transform:scaleY(1.4);opacity:1}}
#app .audio-voxel-bars{position:absolute;inset:20% 8%;display:flex;align-items:center;gap:2px}
#app .audio-voxel-bars i{flex:1;height:var(--h);background:linear-gradient(#67f3df,#4266db);animation:audio-bar 1.6s ease-in-out infinite alternate;box-shadow:0 0 5px #62cbff66}
#app .audio-voxel-scan{position:absolute;top:15%;bottom:15%;width:2px;background:#a5f9ff;box-shadow:0 0 12px #5fe6ff;animation:audio-scan 5s linear infinite}
@keyframes audio-bar{to{height:10%;opacity:.5}}
@keyframes audio-scan{from{left:8%}to{left:92%}}
#app .audio-cymatic-field{position:absolute;inset:10%;animation:audio-orbit 14s linear infinite}
#app .audio-cymatic-field i{position:absolute;width:3px;height:3px;border-radius:50%;background:#83e8ff;box-shadow:0 0 7px #59caff;animation:audio-spark 2.2s ease-in-out infinite alternate}
#app .audio-cymatic-rings{position:absolute;inset:20%;border:1px solid #79dbff66;border-radius:50%;box-shadow:0 0 0 18px #59cfff18,0 0 0 35px #59cfff10;animation:audio-spark 4s infinite alternate}
@keyframes audio-orbit{to{transform:rotate(360deg)}}
@keyframes audio-spark{to{opacity:.25;transform:scale(1.25)}}
#app .audio-effect-fluid{background:radial-gradient(circle,#24463c,#0a1521 75%)}
#app .audio-fluid-halo{position:absolute;inset:18%;border-radius:50%;background:#54ffb7;filter:blur(25px);opacity:.35;animation:audio-spark 3s infinite alternate}
#app .audio-fluid-orb{position:absolute;inset:26% 30%;border-radius:44% 56% 60% 40%;background:radial-gradient(circle at 35% 25%,#c5fff0,#27846d 38%,#08191d 80%);box-shadow:0 0 25px #62f5b566;animation:audio-fluid 3.4s ease-in-out infinite alternate}
#app .audio-fluid-ring{position:absolute;inset:18%;border:1px solid #75e5bb88;border-radius:50%;animation:audio-orbit 9s linear infinite}
@keyframes audio-fluid{to{transform:rotate(35deg) scale(1.12);border-radius:63% 37% 35% 65%}}
#app .generation-complete .generation-audio .audio-effect{animation:audio-out .8s forwards}
@keyframes audio-out{to{opacity:0;transform:scale(1.4)}}
#app .audio-player{position:absolute;inset:0;display:grid;place-items:center;z-index:4;pointer-events:none}
#app .audio-play-button{position:relative;width:66px;height:66px;border:0;border-radius:50%;background:#0c1c2de0;color:white;font-size:24px;display:grid;place-items:center;cursor:pointer;pointer-events:auto;box-shadow:0 5px 20px #0008}
#app .audio-play-button:disabled{opacity:.65;cursor:not-allowed}
#app .audio-play-progress{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}
#app .audio-play-progress circle{fill:none;stroke-width:5}
#app .audio-play-progress .track{stroke:#6789aa66}
#app .audio-play-progress .value{stroke:#82ddff;stroke-dasharray:283;stroke-dashoffset:calc(283 * (1 - var(--play-progress,0)));transition:stroke-dashoffset .15s}
@media(prefers-reduced-motion:reduce){#app .audio-effect *,#app .audio-effect{animation:none!important}#app .generation-complete .generation-audio .audio-effect{opacity:0!important}}

/* Model workspace: prominent generation entry and inline editor, no modal. */
#app .generation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;margin-bottom:18px;background:linear-gradient(115deg,#192940,#161e2b);border:1px solid #344a64;border-radius:14px}
#app .generation-toolbar h2{font-size:22px;margin:5px 0;color:#f1f7ff}
#app .generation-toolbar p{font-size:13px;color:#a8bad1;margin:0}
#app .generation-launch{display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;border:0;border-radius:10px;background:#7bb8ff;color:#091a2b;font-weight:750;font-size:15px;padding:13px 22px;cursor:pointer}
#app .generation-launch:hover{background:#a0ceff}
#app .generation-composer{padding:22px;margin:0 0 20px;background:#161e2b;border:1px solid #3c5876;border-radius:14px}
#app .generation-composer.hidden{display:none!important}
#app .generation-composer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
#app .generation-composer h3{font-size:21px;margin:5px 0}
#app .generation-composer form{display:flex;flex-direction:column;gap:10px;max-width:800px}
#app .generation-composer label{font-size:13px;color:#d0def1;font-weight:600}
#app .generation-composer textarea,#app .generation-composer select{width:100%;min-width:0;background:#101724;color:#f1f7ff;border:1px solid #43546c;border-radius:9px;padding:11px;font:inherit}
#app .generation-composer textarea:focus,#app .generation-composer select:focus{outline:2px solid #79b8ff;outline-offset:1px}
#app .generation-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#app .generation-form-row>div{display:flex;flex-direction:column;gap:8px}
#app .generation-disclaimer{font-size:12px;color:#a8bad1}
#app .generation-composer .generation-launch{align-self:flex-start}
@media(max-width:640px){#app .generation-toolbar{align-items:stretch;flex-direction:column}#app .generation-form-row{grid-template-columns:1fr}}

/* Audio gallery: show Play on hover/focus, keep keyboard and touch access. */
#app .asset-card .audio-player{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s}
#app .asset-card:hover .audio-player,#app .asset-card:focus-within .audio-player,#app .asset-card:focus-visible .audio-player{opacity:1;visibility:visible}
@media(hover:none){#app .asset-card .audio-player{opacity:1;visibility:visible}}
@media(prefers-reduced-motion:reduce){#app .asset-card .audio-player{transition:none}}

/* Floating composer: gallery remains the primary canvas. */
#app #generationComposer.generation-composer{position:fixed;z-index:75;left:calc(210px + (100vw - 210px)/2);transform:translateX(-50%);bottom:18px;width:min(860px,calc(100vw - 250px));max-height:min(65vh,600px);overflow:visible;padding:14px 16px 10px;border-radius:18px;border:1px solid #536177;background:linear-gradient(145deg,#252a35f5,#161c29fa);box-shadow:0 15px 65px #000b;backdrop-filter:blur(18px)}
#app #generationComposer.hidden{display:none!important}
#app #generationComposer form{max-width:none;display:block}
#app .composer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#app .composer-demo{font-size:10px;color:#91a9c9;margin-left:6px}
#app .composer-close{border:0;border-radius:7px;background:#343c4b;color:#d6e4f7;padding:4px 10px;cursor:pointer}
#app #generationComposer textarea{resize:vertical;min-height:68px;max-height:30vh;width:100%;padding:11px 8px;background:transparent;border:0;outline:none;color:#f1f6ff;font-size:14px;line-height:1.55}
#app #generationComposer textarea:focus{outline:none}
#app .composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #39465a;padding-top:10px}
#app .composer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
#app #generationComposer select,#app .engine-selector>button{background:#303846;color:#e9f1ff;border:1px solid #4b5768;border-radius:9px;padding:9px 10px;width:auto;font-size:12px;cursor:pointer}
#app .engine-selector{position:relative}
#app .engine-selector>button span{color:#9caec8}
#app .engine-menu{position:absolute;bottom:calc(100% + 10px);left:0;width:320px;max-width:calc(100vw - 48px);padding:15px;background:#242b37;border:1px solid #53627b;border-radius:12px;box-shadow:0 12px 36px #0009}
#app .engine-menu.hidden{display:none!important}
#app .engine-menu label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}
#app .engine-menu input{width:100%;padding:10px;border:1px solid #546277;border-radius:8px;background:#111925;color:white}
#app .engine-menu p{font-size:12px;line-height:1.5;color:#a9bbd0;margin:12px 0 0}
#app #generationComposer .generation-launch{flex-shrink:0;font-size:13px;padding:11px 16px;background:#a3cbff}
#app #generationComposer .generation-disclaimer{margin:9px 0 0;font-size:10px;color:#9dacc1}
#app .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:720px){#app #generationComposer.generation-composer{left:50%;width:calc(100vw - 20px);bottom:10px;padding:12px}#app .composer-bottom{flex-direction:column;align-items:stretch}#app .composer-controls{gap:5px}#app #generationComposer .generation-launch{width:100%}}

/* Nexus Labs custom composer dropdowns */
#app .nx-select{position:relative;display:inline-flex;min-width:70px}
#app .nx-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
#app .nx-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;width:100%;padding:8px 11px;background:#303846;color:#eaf2ff;border:1px solid #4b5768;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .16s,background .16s}
#app .nx-select-trigger:hover,#app .nx-select-trigger[aria-expanded=true]{background:#3a4659;border-color:#82b6ff}
#app .nx-select-trigger:focus-visible{outline:2px solid #82b6ff;outline-offset:2px}
#app .nx-select-trigger:disabled{opacity:.42;cursor:not-allowed}
#app .nx-chevron{font-size:17px;color:#99b1d2;line-height:10px}
#app .nx-select-list{position:absolute;bottom:calc(100% + 8px);left:0;min-width:max(100%,125px);z-index:90;padding:5px;background:#252e3d;border:1px solid #516581;border-radius:11px;box-shadow:0 12px 35px #000b;display:flex;flex-direction:column;gap:2px}
#app .nx-select-list.hidden{display:none!important}
#app .nx-select-option{width:100%;text-align:left;padding:10px 28px 10px 11px;border:0;border-radius:7px;background:transparent;color:#dfeafa;font-size:12px;white-space:nowrap;cursor:pointer;position:relative}
#app .nx-select-option:hover,#app .nx-select-option:focus-visible{background:#344b6b;outline:none}
#app .nx-select-option.selected{background:#28466d;color:#b5d7ff}
#app .nx-select-option.selected:after{content:"✓";position:absolute;right:10px;color:#90c3ff}

/* UI 2026.10.19.26: fixed floating create action, anchored to viewport */
#app #openGeneration.generation-fab{position:fixed!important;right:26px!important;bottom:26px!important;left:auto!important;top:auto!important;z-index:85!important;display:grid!important;place-items:center!important;width:64px!important;height:64px!important;padding:0!important;border:1px solid #b6dcff!important;border-radius:50%!important;background:#7bb8ff!important;color:#102137!important;font-size:36px!important;font-weight:400!important;line-height:1!important;box-shadow:0 12px 36px #0009,0 0 0 5px #78baff20!important;cursor:pointer;transition:transform .2s,box-shadow .2s}
#app #openGeneration.generation-fab:hover{transform:scale(1.08);box-shadow:0 16px 42px #000b,0 0 0 7px #78baff30!important}
#app #openGeneration.generation-fab:focus-visible{outline:3px solid white;outline-offset:4px}
#app #openGeneration.generation-fab.hidden{display:none!important}
#app .photo-only-controls{display:contents}
#app .photo-only-controls.hidden{display:none!important}
@media(max-width:720px){#app #openGeneration.generation-fab{right:18px!important;bottom:18px!important;width:58px!important;height:58px!important}}
@media(prefers-reduced-motion:reduce){#app #openGeneration.generation-fab{transition:none}}

/* UI batch 27: unified select chevrons and hover-only card chrome for pointer users. */
#app .nx-select-trigger{gap:12px;min-width:70px;padding:8px 10px;line-height:18px}
#app .nx-chevron{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;line-height:1;color:#9fb5d2;flex-shrink:0}
#app .nx-chevron svg{display:block;transition:transform .18s ease}
#app .nx-select-trigger[aria-expanded="true"] .nx-chevron svg{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
 #app .asset-card:not(:hover) .asset-action-overlay:not(:has(.asset-action-menu:not(.hidden))){opacity:0!important;pointer-events:none!important}
 #app .asset-card:not(:hover) .asset-info,#app .asset-card:not(:hover) .asset-kind,#app .asset-card:not(:hover) .demo-corner{opacity:0!important;pointer-events:none!important}
 #app .asset-card:not(:hover) .audio-player{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 #app .asset-card:focus-within:not(:hover){z-index:auto}
 #app .asset-card:has(:focus-visible) .asset-action-overlay,#app .asset-card:focus-visible .asset-action-overlay{opacity:1!important;pointer-events:auto!important}
 #app .asset-card:has(:focus-visible) .asset-info,#app .asset-card:focus-visible .asset-info{opacity:1!important}
 #app .asset-card:has(:focus-visible) .audio-player{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}