
:root{--zsa-ai-green:#8dea18;--zsa-ai-green-dark:#70ca08;--zsa-ai-text:#17191d;--zsa-ai-muted:#858b94;--zsa-ai-line:#eceef1;--zsa-ai-sidebar:244px}
body.zsa-ai-workspace-page{margin:0!important;background:#fff!important;overflow-x:hidden!important}
body.zsa-ai-workspace-page #zsa20-festival-activity,body.zsa-ai-workspace-page .zsa20-festival-activity,body.zsa-ai-workspace-page .zsa20-vip-float,body.zsa-ai-workspace-page #zsa20-modal,body.zsa-ai-workspace-page #zsa20-ad-templates,body.zsa-ai-workspace-page .zsa20-ad-slot,body.zsa-ai-workspace-page .adsbygoogle,body.zsa-ai-workspace-page .article-ad,body.zsa-ai-workspace-page .theme-ad,body.zsa-ai-workspace-page .widget-ad{display:none!important}
body.zsa-ai-workspace-standalone #wpadminbar~#zsa-ai-standalone-root .zsa-ai-app{min-height:calc(100vh - 32px)}
#zsa-ai-standalone-root{width:100%;min-height:100vh}
.zsa-ai-app{position:relative;display:grid;grid-template-columns:var(--zsa-ai-sidebar) minmax(0,1fr);width:100%;min-height:100vh;background:#fff;color:var(--zsa-ai-text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden}
.zsa-ai-app *{box-sizing:border-box}.zsa-ai-app button,.zsa-ai-app input,.zsa-ai-app textarea,.zsa-ai-app select{font:inherit}.zsa-ai-app button{color:inherit}
.zsa-ai-sidebar{position:relative;z-index:60;display:flex;flex-direction:column;min-width:0;background:#fff;border-right:1px solid var(--zsa-ai-line);transition:.24s ease}.zsa-ai-sidebar-top{height:64px;display:flex;align-items:center;gap:10px;padding:0 10px;border-bottom:1px solid #f0f1f3}.zsa-ai-product-switch{display:flex;align-items:center;min-width:0;height:38px;border-radius:19px;background:#f7f8f9;overflow:hidden}.zsa-ai-product-switch button,.zsa-ai-product-switch a{height:38px;padding:0 13px;border:0;background:transparent;text-decoration:none;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;white-space:nowrap}.zsa-ai-product-switch button.is-active{background:var(--zsa-ai-green);border-radius:19px}.zsa-ai-product-switch i{width:13px;height:13px;border:3px solid #151515;border-radius:50%;display:block}.zsa-ai-product-switch a{color:#777}.zsa-ai-collapse,.zsa-ai-mobile-menu{width:34px;height:34px;padding:8px;border:0;border-radius:8px;background:transparent;cursor:pointer}.zsa-ai-collapse:hover,.zsa-ai-mobile-menu:hover{background:#f2f3f5}.zsa-ai-collapse svg,.zsa-ai-mobile-menu svg{width:100%;height:100%}.zsa-ai-sidebar-scroll{flex:1;min-height:0;overflow:auto;padding:10px 8px 18px;scrollbar-width:none}.zsa-ai-sidebar-scroll::-webkit-scrollbar{display:none}.zsa-ai-nav{display:flex;flex-direction:column;gap:3px}.zsa-ai-nav button{width:100%;height:39px;padding:0 10px;border:0;border-radius:7px;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-size:14px;font-weight:650}.zsa-ai-nav button svg{width:18px;height:18px;flex:0 0 18px}.zsa-ai-nav button:hover,.zsa-ai-nav button.is-active{background:#f0f1f2}.zsa-ai-nav button.is-active{font-weight:850}.zsa-ai-nav-label{display:flex;align-items:center;justify-content:space-between;padding:18px 10px 7px;color:#b0b3b8;font-size:12px}.zsa-ai-nav-apps button:nth-child(1) svg{color:#2b8df6}.zsa-ai-nav-apps button:nth-child(2) svg{color:#8a8d93}.zsa-ai-nav-apps button:nth-child(3) svg{color:#25a9e8}.zsa-ai-nav-apps button:nth-child(4) svg{color:#ff9f68}.zsa-ai-nav-apps button:nth-child(5) svg{color:#67b6ff}.zsa-ai-sidebar-bottom{padding:10px;border-top:1px solid var(--zsa-ai-line)}.zsa-ai-sidebar-bottom>a{height:38px;border-radius:20px;background:#090909;color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:850}.zsa-ai-sidebar-bottom>button{width:100%;height:42px;border:0;border-radius:9px;background:#f7f8f9;display:flex;align-items:center;gap:9px;padding:0 9px;cursor:pointer}.zsa-ai-user-avatar{width:28px;height:28px;border-radius:9px;background:var(--zsa-ai-green);display:flex;align-items:center;justify-content:center;font-weight:900}.zsa-ai-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800}
.zsa-ai-main{min-width:0;position:relative;background:#fff}.zsa-ai-topbar{position:relative;z-index:20;height:64px;border-bottom:1px solid #eceef1;display:grid;grid-template-columns:240px 1fr 50px;align-items:center;padding:0 24px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.zsa-ai-topbar-left{display:flex;gap:16px}.zsa-ai-topbar-left button{border:0;background:transparent;padding:7px 0;cursor:pointer;font-size:14px}.zsa-ai-category-nav{display:flex;align-items:center;justify-content:center;gap:10px}.zsa-ai-category-nav button{height:36px;padding:0 15px;border:0;border-radius:18px;background:transparent;color:#73777e;cursor:pointer}.zsa-ai-category-nav button:hover,.zsa-ai-category-nav button.is-active{background:#fff;border:1px solid #e2e4e7;color:#111;font-weight:800}.zsa-ai-mobile-menu{display:none;margin-left:auto}
.zsa-ai-panel{display:none;min-height:calc(100vh - 64px);padding:30px 38px;background-image:linear-gradient(rgba(233,235,238,.65) 1px,transparent 1px),linear-gradient(90deg,rgba(233,235,238,.65) 1px,transparent 1px);background-size:30px 30px;background-position:-1px -1px}.zsa-ai-panel.is-active{display:block}.zsa-ai-home-stage{position:relative;min-height:calc(100vh - 124px);overflow:hidden;padding:35px 20px 80px}.zsa-ai-glow{position:absolute;width:440px;height:440px;border-radius:50%;filter:blur(24px);opacity:.55;pointer-events:none}.zsa-ai-glow-left{left:-170px;top:10px;background:radial-gradient(circle,#baf967 0,rgba(186,249,103,.46) 48%,transparent 72%)}.zsa-ai-glow-right{right:-180px;top:0;background:radial-gradient(circle,#a7c7ff 0,rgba(167,199,255,.42) 48%,transparent 72%)}
.zsa-ai-hero-frame{position:relative;z-index:2;width:min(590px,72%);margin:12px auto 16px;padding:24px 40px;text-align:center;border:1px solid rgba(130,220,25,.7);background:rgba(255,255,255,.55)}.zsa-ai-hero-frame h1{margin:0;font-size:39px;line-height:1.25;font-weight:950;letter-spacing:.02em}.zsa-ai-hero-frame p{margin:10px 0 0;color:#858991;font-size:14px}.zsa-ai-hero-frame i,.zsa-ai-hero-frame b{position:absolute;display:block;background:#fff;border:2px solid var(--zsa-ai-green)}.zsa-ai-hero-frame i{width:14px;height:14px}.zsa-ai-hero-frame .tl{left:-7px;top:-7px}.zsa-ai-hero-frame .tr{right:-7px;top:-7px}.zsa-ai-hero-frame .bl{left:-7px;bottom:-7px}.zsa-ai-hero-frame .br{right:-7px;bottom:-7px}.zsa-ai-hero-frame b{width:14px;height:38px;border-radius:9px;top:50%;transform:translateY(-50%)}.zsa-ai-hero-frame .ml{left:-8px}.zsa-ai-hero-frame .mr{right:-8px}
.zsa-ai-home-composer{position:relative;z-index:3;width:min(760px,84%);margin:18px auto 0;padding:16px 16px 10px;border:2px solid var(--zsa-ai-green);border-radius:25px;background:#fff;box-shadow:0 6px 22px rgba(94,177,0,.18)}.zsa-ai-home-composer textarea{width:100%;height:86px;padding:0;border:0;outline:0;resize:none;font-size:15px;line-height:1.65;color:#333}.zsa-ai-home-composer textarea::placeholder{color:#a8abb0}.zsa-ai-composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.zsa-ai-composer-toolbar>div{display:flex;align-items:center;gap:8px;min-width:0}.zsa-ai-composer-toolbar small{color:#aaa;white-space:nowrap}.zsa-ai-icon-btn{width:32px;height:32px;padding:7px;border:0;background:transparent;border-radius:50%;cursor:pointer}.zsa-ai-icon-btn:hover{background:#f2f4f6}.zsa-ai-icon-btn svg,.zsa-ai-chip svg,.zsa-ai-generate-btn svg{width:18px;height:18px}.zsa-ai-chip{height:34px;padding:0 12px;border:0;border-radius:17px;background:#eef5ff;display:flex;align-items:center;gap:7px;color:#3474d9;cursor:pointer;font-weight:750}.zsa-ai-chip.is-model{background:#fff;color:#5d626a}.zsa-ai-chip.is-model>span{width:18px;height:18px;border-radius:5px;background:#050505;color:#70ebff;display:flex;align-items:center;justify-content:center;font-size:9px}.zsa-ai-generate-btn{height:36px;padding:0 17px;border:0;border-radius:18px;background:var(--zsa-ai-green);display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:900;white-space:nowrap}.zsa-ai-generate-btn:hover{background:#7dda11}.zsa-ai-prompt-tags{position:relative;z-index:2;margin:16px auto 20px;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.zsa-ai-prompt-tags button{height:34px;padding:0 15px;border:1px solid #e2e4e7;border-radius:17px;background:#fff;cursor:pointer}.zsa-ai-prompt-tags button:first-child{background:#111;color:#fff;border-color:#111;font-weight:800}
.zsa-ai-app-grid{position:relative;z-index:2;width:min(800px,92%);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zsa-ai-app-card{position:relative;min-width:0;padding:0 0 11px;border:1px solid #dfe2e6;border-radius:14px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:.18s}.zsa-ai-app-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.12);border-color:#c9d0d8}.zsa-ai-card-cover{height:102px;margin:0 0 8px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-style:normal;position:relative}.zsa-ai-card-cover:before,.zsa-ai-card-cover:after{content:"";position:absolute;border-radius:50%}.zsa-ai-card-cover b{position:relative;z-index:2;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.72);font-size:17px;letter-spacing:.08em}.zsa-ai-card-cover.is-summer{background:linear-gradient(135deg,#eaf8dd,#f7ead2)}.zsa-ai-card-cover.is-summer:before{width:110px;height:110px;background:rgba(107,188,102,.18);left:-20px}.zsa-ai-card-cover.is-detail{background:linear-gradient(135deg,#a9e4ff,#e7f5ff)}.zsa-ai-card-cover.is-chinese{background:linear-gradient(135deg,#fae9cd,#f17b38)}.zsa-ai-card-cover.is-product{background:linear-gradient(135deg,#e9f8ff,#bfdbff)}.zsa-ai-card-cover.is-culture{background:linear-gradient(135deg,#d6eaff,#fff)}.zsa-ai-card-cover.is-calligraphy{background:linear-gradient(135deg,#fff,#f2e4e1)}.zsa-ai-card-cover.is-calligraphy b{font-family:KaiTi,STKaiti,serif;font-size:24px}.zsa-ai-card-cover.is-sign{background:linear-gradient(135deg,#fff2ca,#f8d3e4)}.zsa-ai-card-cover.is-ink{background:linear-gradient(135deg,#e9fbef,#d2eee1)}.zsa-ai-app-card>strong,.zsa-ai-app-card>small{display:block;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-app-card>strong{font-size:15px}.zsa-ai-app-card>small{margin-top:3px;color:#8d9198;font-size:11px}.zsa-ai-card-badge{position:absolute;left:8px;top:8px;z-index:3;padding:3px 7px;border-radius:9px;background:var(--zsa-ai-green);font-size:10px;font-weight:900}.zsa-ai-card-badge.is-new{background:#21d29a;color:#fff}
.zsa-ai-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 auto 18px;max-width:1180px;padding:20px 22px;border:1px solid #e6e8eb;border-radius:15px;background:rgba(255,255,255,.96)}.zsa-ai-panel-heading h2{margin:0;font-size:25px}.zsa-ai-panel-heading p{margin:7px 0 0;color:#7d828a}.zsa-ai-skill-select{display:flex;flex-direction:column;gap:5px;min-width:210px}.zsa-ai-skill-select span{font-size:11px;color:#9ca3af}.zsa-ai-skill-select select{height:38px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;padding:0 10px}.zsa-ai-chat-messages,.zsa-ai-form-grid,.zsa-ai-output,.zsa-ai-search-workspace,.zsa-ai-skill-grid,.zsa-ai-history-list,.zsa-ai-action-row,.zsa-ai-image-result{max-width:1180px;margin-left:auto;margin-right:auto}.zsa-ai-chat-messages{height:520px;overflow:auto;padding:22px;border:1px solid #e7eaee;border-radius:16px;background:rgba(255,255,255,.97)}.zsa-ai-message{display:flex;gap:12px;margin-bottom:18px}.zsa-ai-message.is-user{flex-direction:row-reverse}.zsa-ai-avatar{display:flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;border-radius:10px;background:#111;color:#fff;font-size:12px;font-weight:900}.zsa-ai-message.is-user .zsa-ai-avatar{background:var(--zsa-ai-green);color:#111}.zsa-ai-message>div:last-child{max-width:78%;padding:12px 15px;border-radius:13px;background:#f4f6f8}.zsa-ai-message.is-user>div:last-child{background:#efffdc}.zsa-ai-message strong{font-size:12px}.zsa-ai-message p,.zsa-ai-message pre{margin:5px 0 0;white-space:pre-wrap;font:inherit;line-height:1.7}.zsa-ai-chat-composer{max-width:1180px;margin:12px auto 0;display:grid;grid-template-columns:1fr 92px;gap:10px}.zsa-ai-chat-composer textarea{height:72px;padding:13px;border:1px solid #dfe3e8;border-radius:13px;resize:none}.zsa-ai-chat-composer button{border:0;border-radius:13px;background:#111;color:#fff;font-weight:850;cursor:pointer}.zsa-ai-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:22px;border:1px solid #e7eaee;border-radius:16px;background:rgba(255,255,255,.97)}.zsa-ai-form-grid label,.zsa-ai-search-workspace label{display:flex;flex-direction:column;gap:7px}.zsa-ai-form-grid label.is-wide{grid-column:1/-1}.zsa-ai-form-grid span,.zsa-ai-search-workspace span{font-size:13px;font-weight:800}.zsa-ai-form-grid input,.zsa-ai-form-grid select,.zsa-ai-form-grid textarea,.zsa-ai-search-workspace textarea,.zsa-ai-search-workspace select{width:100%;border:1px solid #dfe3e8;border-radius:10px;background:#fff;padding:11px 12px}.zsa-ai-form-grid textarea{min-height:96px;resize:vertical}.zsa-ai-action-row{display:flex;align-items:center;gap:10px;margin-top:16px;margin-bottom:16px}.zsa-ai-action-row button,.zsa-ai-output-actions button,.zsa-ai-search-workspace>button{height:40px;padding:0 17px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;font-weight:850;cursor:pointer}.zsa-ai-primary{background:var(--zsa-ai-green)!important;border-color:var(--zsa-ai-green)!important;color:#111!important}.zsa-ai-action-row span{color:#8b93a1;font-size:12px}.zsa-ai-output{padding:22px;border:1px solid #dfe3e8;border-radius:16px;background:#fff}.zsa-ai-output pre{white-space:pre-wrap;word-break:break-word;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.zsa-ai-output-actions{display:flex;gap:8px;margin-bottom:12px}.zsa-ai-image-result{display:grid;grid-template-columns:minmax(280px,45%) 1fr;gap:16px}.zsa-ai-image-preview{min-height:360px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.zsa-ai-image-preview img{width:100%;height:100%;object-fit:contain}.zsa-ai-search-workspace{display:grid;grid-template-columns:minmax(0,1fr) 230px auto;align-items:end;gap:14px;padding:22px;border:1px solid #e7eaee;border-radius:16px;background:#fff}.zsa-ai-search-workspace textarea{height:92px;resize:none}.zsa-ai-search-workspace>button{height:44px}.zsa-ai-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.zsa-ai-skill-grid article{padding:20px;border:1px solid #e5e7eb;border-radius:15px;background:rgba(255,255,255,.97)}.zsa-ai-skill-grid article>span{display:inline-block;padding:4px 8px;border-radius:99px;background:#efffdc;color:#487d0e;font-size:11px;font-weight:900}.zsa-ai-skill-grid h3{margin:12px 0 8px}.zsa-ai-skill-grid p{color:#6b7280;line-height:1.65}.zsa-ai-skill-grid small{color:#a1a1aa}.zsa-ai-history-list{display:grid;gap:12px}.zsa-ai-history-list article{padding:18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.zsa-ai-history-list article>div{display:flex;justify-content:space-between}.zsa-ai-history-list span{color:#65a30d;font-size:11px;font-weight:900}.zsa-ai-history-list time{color:#a1a1aa;font-size:11px}.zsa-ai-history-list strong{display:block;margin:10px 0 6px}.zsa-ai-history-list pre{max-height:130px;overflow:hidden;white-space:pre-wrap;color:#6b7280;font:13px/1.7 inherit}.zsa-ai-history-list button{border:0;background:none;color:#2563eb;cursor:pointer}.zsa-ai-toast{position:fixed;right:24px;bottom:24px;z-index:99999;padding:12px 16px;border-radius:10px;background:#111;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}.zsa-ai-login,.zsa-ai-disabled{max-width:620px;margin:50px auto;padding:36px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;text-align:center}.zsa-ai-login a{display:inline-block;margin-top:12px;padding:10px 20px;border-radius:9px;background:#111;color:#fff;text-decoration:none}.zsa-ai-loading{opacity:.6;pointer-events:none}.zsa-ai-sidebar-mask{display:none}
.zsa-ai-app.is-sidebar-collapsed{--zsa-ai-sidebar:74px}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-product-switch a,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-product-switch span,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav button span,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav-label,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-user-name{display:none}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-product-switch{background:transparent}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-product-switch button{width:38px;padding:0;justify-content:center}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav button{justify-content:center;padding:0}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-sidebar-top{padding:0 5px;justify-content:center;gap:2px}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-collapse{width:28px;padding:6px}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-sidebar-bottom>button{justify-content:center}
@media(max-width:1180px){.zsa-ai-app-grid{grid-template-columns:repeat(3,1fr)}.zsa-ai-topbar{grid-template-columns:170px 1fr 42px}.zsa-ai-category-nav{gap:2px}.zsa-ai-category-nav button{padding:0 10px}.zsa-ai-composer-toolbar small{display:none}.zsa-ai-search-workspace{grid-template-columns:1fr 200px}.zsa-ai-search-workspace>button{grid-column:1/-1}}
@media(max-width:900px){.zsa-ai-app{display:block}.zsa-ai-sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;transform:translateX(-102%);box-shadow:18px 0 50px rgba(0,0,0,.14)}.zsa-ai-app.is-mobile-menu-open .zsa-ai-sidebar{transform:translateX(0)}.zsa-ai-sidebar-mask{position:fixed;inset:0;z-index:50;background:rgba(10,12,15,.36)}.zsa-ai-app.is-mobile-menu-open .zsa-ai-sidebar-mask{display:block}.zsa-ai-topbar{grid-template-columns:1fr auto;padding:0 14px}.zsa-ai-topbar-left{display:none}.zsa-ai-category-nav{justify-content:flex-start;overflow:auto;scrollbar-width:none}.zsa-ai-category-nav::-webkit-scrollbar{display:none}.zsa-ai-mobile-menu{display:block}.zsa-ai-panel{padding:20px 14px}.zsa-ai-home-stage{padding-left:0;padding-right:0}.zsa-ai-hero-frame{width:86%}.zsa-ai-home-composer{width:94%}.zsa-ai-app-grid{width:94%;grid-template-columns:repeat(2,1fr)}.zsa-ai-skill-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body.zsa-ai-workspace-standalone #wpadminbar{display:none!important}.zsa-ai-panel{min-height:calc(100vh - 58px)}.zsa-ai-topbar{height:58px}.zsa-ai-category-nav button{height:32px;padding:0 9px}.zsa-ai-hero-frame{padding:20px 15px}.zsa-ai-hero-frame h1{font-size:28px}.zsa-ai-hero-frame p{font-size:12px}.zsa-ai-home-composer textarea{height:105px}.zsa-ai-composer-toolbar{align-items:flex-end}.zsa-ai-composer-toolbar>div{flex-wrap:wrap}.zsa-ai-chip.is-model,.zsa-ai-composer-toolbar small{display:none}.zsa-ai-app-grid{grid-template-columns:1fr 1fr}.zsa-ai-card-cover{height:92px}.zsa-ai-panel-heading{display:block;padding:17px}.zsa-ai-skill-select{margin-top:12px}.zsa-ai-form-grid,.zsa-ai-skill-grid,.zsa-ai-search-workspace{grid-template-columns:1fr}.zsa-ai-form-grid label.is-wide{grid-column:auto}.zsa-ai-image-result{grid-template-columns:1fr}.zsa-ai-chat-composer{grid-template-columns:1fr}.zsa-ai-chat-composer button{height:44px}.zsa-ai-action-row{flex-wrap:wrap}}


/* v2.21.2 图片生成工作区与对话窗口重构 */
.zsa-ai-image-panel,.zsa-ai-chat-panel{padding:0!important;background:#f8fafc;overflow:hidden}.zsa-ai-image-workbench,.zsa-ai-chat-shell{min-height:calc(100vh - 62px);background:#fbfcfd}.zsa-ai-workbench-head{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf0f3;background:rgba(255,255,255,.96);position:sticky;top:62px;z-index:20;backdrop-filter:blur(12px)}.zsa-ai-workbench-title,.zsa-ai-workbench-actions{display:flex;align-items:center;gap:12px}.zsa-ai-workbench-title h2{margin:0;font-size:17px}.zsa-ai-workbench-title p{margin:3px 0 0;font-size:11px;color:#8b93a1}.zsa-ai-back-btn{width:32px;height:32px;border:1px solid #e2e6ea;border-radius:50%;background:#fff;font-size:25px;line-height:28px;cursor:pointer}.zsa-ai-media-tabs{display:flex;align-items:center;gap:8px}.zsa-ai-media-tabs button{height:34px;padding:0 18px;border:0;border-radius:99px;background:transparent;color:#697180;font-weight:700;cursor:pointer}.zsa-ai-media-tabs button.is-active{background:#fff;color:#111;box-shadow:0 2px 12px rgba(15,23,42,.09)}.zsa-ai-media-tabs button:disabled{opacity:.35;cursor:not-allowed}
.zsa-ai-image-model-strip{height:54px;padding:8px max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;gap:8px;overflow-x:auto;background:#fff;border-bottom:1px solid #eef1f4;scrollbar-width:none}.zsa-ai-image-model-strip::-webkit-scrollbar{display:none}.zsa-ai-image-model-strip button{height:38px;display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#697180;cursor:pointer}.zsa-ai-image-model-strip button i{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#111;color:#a3ef2a;font-style:normal;font-size:11px;font-weight:900}.zsa-ai-image-model-strip button span{font-weight:800}.zsa-ai-image-model-strip button small{font-size:10px;color:#a0a6b0}.zsa-ai-image-model-strip button.is-active{border-color:#e4e7eb;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.08);color:#111}
.zsa-ai-image-stage{position:relative;min-height:calc(100vh - 180px);padding:34px 28px 70px;overflow:hidden;background-image:linear-gradient(rgba(215,220,225,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(215,220,225,.32) 1px,transparent 1px);background-size:31px 31px}.zsa-ai-image-stage>.zsa-ai-glow{position:absolute;width:500px;height:500px;filter:blur(20px);opacity:.75;pointer-events:none}.zsa-ai-image-stage>.zsa-ai-glow-left{left:-120px;top:40px;background:radial-gradient(circle,rgba(177,247,73,.7),transparent 68%)}.zsa-ai-image-stage>.zsa-ai-glow-right{right:-150px;top:30px;background:radial-gradient(circle,rgba(132,175,255,.55),transparent 68%)}.zsa-ai-image-hero{position:relative;z-index:2;max-width:760px;margin:0 auto 14px}.zsa-ai-image-hero .zsa-ai-hero-frame{width:100%;padding:26px 26px 22px;background:rgba(255,255,255,.56)}.zsa-ai-image-hero h1{font-size:34px}.zsa-ai-image-hero h1 span{display:inline-flex;padding:5px 12px;border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.zsa-ai-image-composer{position:relative;z-index:3;max-width:860px;margin:0 auto;border:2px solid #86e91c;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(109,190,18,.18)}.zsa-ai-image-composer textarea{display:block;width:100%;height:118px;padding:22px 22px 8px;border:0!important;outline:0!important;resize:none;background:transparent;font:15px/1.7 inherit;box-shadow:none!important}.zsa-ai-image-composer-bottom{min-height:58px;padding:8px 10px 10px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.zsa-ai-image-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zsa-ai-upload-ref{width:34px;height:34px;border:0;border-radius:9px;background:#f4f6f8;font-size:22px;cursor:pointer}.zsa-ai-image-controls label{height:34px;display:flex;align-items:center;gap:5px;padding:0 8px;border-radius:10px;background:#f4f7fb;color:#667085;font-size:11px}.zsa-ai-image-controls select{max-width:125px;border:0!important;background:transparent!important;color:#172033;font-size:12px;font-weight:800;outline:0;box-shadow:none!important}.zsa-ai-image-generate{height:38px;padding:0 17px;display:flex;align-items:center;gap:7px;border:0;border-radius:99px;background:#84e61c;color:#111;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(132,230,28,.25)}.zsa-ai-image-generate svg{width:16px}.zsa-ai-image-generate:disabled{filter:grayscale(1);opacity:.45;cursor:not-allowed}.zsa-ai-image-subactions{position:relative;z-index:3;max-width:860px;margin:10px auto 16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.zsa-ai-image-subactions button{height:32px;padding:0 12px;border:1px solid #e2e7eb;border-radius:99px;background:rgba(255,255,255,.9);color:#4d5766;font-size:12px;cursor:pointer}.zsa-ai-image-subactions button.is-active{background:#111;color:#fff}.zsa-ai-image-subactions span{font-size:11px;color:#8b93a1}.zsa-ai-image-advanced{position:relative;z-index:4;max-width:900px;margin:0 auto 18px;padding:18px;border:1px solid #e6e9ed;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(15,23,42,.07)}.zsa-ai-advanced-skill{margin-top:12px}.zsa-ai-advanced-skill .zsa-ai-skill-select{display:flex;align-items:center;gap:8px}.zsa-ai-advanced-skill .zsa-ai-skill-select select{min-width:220px}
.zsa-ai-image-scenes-head{position:relative;z-index:2;max-width:900px;margin:28px auto 10px}.zsa-ai-image-scenes-head h3{margin:0;font-size:17px}.zsa-ai-image-scenes-head p{margin:4px 0 0;color:#9097a2;font-size:11px}.zsa-ai-image-scene-grid{position:relative;z-index:2;max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.zsa-ai-image-scene-grid button{min-width:0;padding:0 0 12px;overflow:hidden;border:1px solid #e2e6ea;border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:.18s ease}.zsa-ai-image-scene-grid button:hover{transform:translateY(-3px);border-color:#bde97f;box-shadow:0 12px 24px rgba(15,23,42,.09)}.zsa-ai-image-scene-grid i{height:92px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;color:#fff}.zsa-ai-image-scene-grid .is-white-main{background:linear-gradient(145deg,#f5f5f5,#dfe4e8);color:#111}.zsa-ai-image-scene-grid .is-project{background:linear-gradient(145deg,#83c8ff,#3978bb)}.zsa-ai-image-scene-grid .is-detail-view{background:linear-gradient(145deg,#202a35,#667586)}.zsa-ai-image-scene-grid .is-factory{background:linear-gradient(145deg,#9aa4ae,#39424a)}.zsa-ai-image-scene-grid .is-poster{background:linear-gradient(145deg,#ff9f54,#f05252)}.zsa-ai-image-scene-grid strong,.zsa-ai-image-scene-grid small{display:block;padding:0 10px}.zsa-ai-image-scene-grid strong{margin-top:10px;font-size:13px}.zsa-ai-image-scene-grid small{margin-top:3px;color:#8d95a1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-image-panel .zsa-ai-image-result{max-width:1120px;margin:22px auto 50px;padding:0 24px}.zsa-ai-image-preview.is-grid{display:grid;gap:14px;margin-bottom:16px}.zsa-ai-image-preview.count-1{grid-template-columns:minmax(0,620px)}.zsa-ai-image-preview.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-image-preview.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-generated-card{overflow:hidden;border:1px solid #e4e7eb;border-radius:14px;background:#fff}.zsa-ai-generated-card img{display:block;width:100%;height:auto}.zsa-ai-generated-card>div:last-child{padding:10px;display:flex;justify-content:space-between}.zsa-ai-generated-card a,.zsa-ai-generated-card button{border:0;background:none;color:#2563eb;font-size:12px;cursor:pointer}.zsa-ai-image-skeleton{aspect-ratio:1/1;background:linear-gradient(90deg,#edf0f3,#f8fafb,#edf0f3);background-size:200% 100%;animation:zsaAiShimmer 1.2s linear infinite}.zsa-ai-generated-card small{display:block;padding:8px;text-align:center;color:#8c94a0}@keyframes zsaAiShimmer{to{background-position:-200% 0}}
.zsa-ai-chat-shell{display:flex;flex-direction:column;height:calc(100vh - 62px)}.zsa-ai-chat-panel .zsa-ai-workbench-head{position:relative;top:auto;flex:0 0 64px}.zsa-ai-model-select,.zsa-ai-chat-panel .zsa-ai-skill-select{height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e3e6ea;border-radius:10px;background:#fff;font-size:11px;color:#858c97}.zsa-ai-model-select select,.zsa-ai-chat-panel .zsa-ai-skill-select select{border:0!important;background:transparent!important;font-size:12px;font-weight:800;box-shadow:none!important}.zsa-ai-new-chat{height:34px;padding:0 12px;border:0;border-radius:9px;background:#111;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.zsa-ai-chat-body{flex:1;min-height:0;overflow-y:auto;padding:28px 20px 180px;background-image:linear-gradient(rgba(224,228,232,.24) 1px,transparent 1px),linear-gradient(90deg,rgba(224,228,232,.24) 1px,transparent 1px);background-size:31px 31px}.zsa-ai-chat-messages{max-width:900px;margin:0 auto}.zsa-ai-chat-welcome{padding:70px 0 20px;text-align:center}.zsa-ai-welcome-mark{width:62px;height:62px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:19px;background:#111;color:#98ee2a;font-size:22px;font-weight:900;box-shadow:0 15px 30px rgba(15,23,42,.16)}.zsa-ai-chat-welcome h1{margin:0;font-size:30px}.zsa-ai-chat-welcome p{margin:10px 0 20px;color:#858d98}.zsa-ai-chat-suggestions{max-width:680px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.zsa-ai-chat-suggestions button{padding:14px 16px;border:1px solid #e1e5e9;border-radius:12px;background:rgba(255,255,255,.92);text-align:left;color:#3d4653;cursor:pointer}.zsa-ai-chat-suggestions button:hover{border-color:#a6dc61;background:#fff}.zsa-ai-chat-panel .zsa-ai-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin:0 0 22px;align-items:start}.zsa-ai-chat-panel .zsa-ai-message.is-user{grid-template-columns:minmax(0,1fr) 38px}.zsa-ai-chat-panel .zsa-ai-message.is-user .zsa-ai-avatar{grid-column:2}.zsa-ai-chat-panel .zsa-ai-message.is-user .zsa-ai-message-body{grid-column:1;grid-row:1;justify-self:end;max-width:76%;background:#efffdc}.zsa-ai-chat-panel .zsa-ai-avatar{width:36px;height:36px;border-radius:11px;background:#111;color:#91eb23}.zsa-ai-message-body{max-width:84%;padding:14px 16px;border:1px solid #e4e7eb;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}.zsa-ai-message-body strong{display:block;margin-bottom:7px;font-size:12px}.zsa-ai-message-body pre{margin:0;white-space:pre-wrap;font:14px/1.75 inherit;color:#303846}.zsa-ai-message.is-thinking p{display:flex;gap:5px}.zsa-ai-message.is-thinking p i{width:7px;height:7px;border-radius:50%;background:#8edf29;animation:zsaThink .9s infinite alternate}.zsa-ai-message.is-thinking p i:nth-child(2){animation-delay:.2s}.zsa-ai-message.is-thinking p i:nth-child(3){animation-delay:.4s}@keyframes zsaThink{to{transform:translateY(-5px);opacity:.45}}.zsa-ai-chat-dock{position:absolute;left:0;right:0;bottom:0;padding:18px 24px 12px;background:linear-gradient(transparent,rgba(251,252,253,.92) 20%,#fbfcfd 55%)}.zsa-ai-chat-panel{position:relative}.zsa-ai-chat-composer{max-width:860px;margin:0 auto;padding:12px 12px 9px 16px;border:1px solid #dfe4e8;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.12)}.zsa-ai-chat-composer textarea{display:block;width:100%;min-height:28px;max-height:180px;padding:3px 0;border:0!important;resize:none;outline:0!important;background:transparent;box-shadow:none!important;font:14px/1.55 inherit}.zsa-ai-chat-composer-bottom{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.zsa-ai-chat-composer-bottom>div{display:flex;align-items:center;gap:8px}.zsa-ai-attach-btn{width:30px;height:30px;border:0;border-radius:8px;background:#f1f3f5;font-size:20px;cursor:pointer}.zsa-ai-chat-model-chip{padding:7px 10px;border-radius:9px;background:#eef5ff;color:#285ea8;font-size:11px;font-weight:800}.zsa-ai-chat-composer-bottom small{color:#9aa1ab;font-size:10px}.zsa-ai-send-circle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#111;color:#9bee2c;cursor:pointer}.zsa-ai-send-circle svg{width:17px}.zsa-ai-chat-dock>p{margin:8px 0 0;text-align:center;color:#a0a6ae;font-size:10px}
@media(max-width:1180px){.zsa-ai-image-scene-grid{grid-template-columns:repeat(3,1fr)}.zsa-ai-workbench-actions{max-width:55%;overflow-x:auto}.zsa-ai-chat-panel .zsa-ai-skill-select span,.zsa-ai-model-select span{display:none}}
@media(max-width:900px){.zsa-ai-workbench-head{top:58px;padding:0 12px}.zsa-ai-workbench-title p{display:none}.zsa-ai-image-stage{padding-left:12px;padding-right:12px}.zsa-ai-image-controls label span{display:none}.zsa-ai-image-controls select{max-width:105px}.zsa-ai-image-scene-grid{grid-template-columns:repeat(2,1fr)}.zsa-ai-chat-shell{height:calc(100vh - 58px)}.zsa-ai-chat-panel .zsa-ai-workbench-head{top:auto}.zsa-ai-workbench-actions .zsa-ai-skill-select{display:none}.zsa-ai-chat-body{padding-left:12px;padding-right:12px}.zsa-ai-chat-dock{padding-left:12px;padding-right:12px}.zsa-ai-message-body{max-width:92%}}
@media(max-width:620px){.zsa-ai-image-head .zsa-ai-workbench-title p,.zsa-ai-media-tabs button:disabled{display:none}.zsa-ai-media-tabs button{padding:0 11px}.zsa-ai-image-model-strip{padding-left:10px;padding-right:10px}.zsa-ai-image-stage{padding-top:22px}.zsa-ai-image-hero h1{font-size:25px}.zsa-ai-image-hero .zsa-ai-hero-frame{padding:21px 14px}.zsa-ai-image-composer textarea{height:128px;padding:17px 14px 6px}.zsa-ai-image-composer-bottom{display:block}.zsa-ai-image-controls{margin-bottom:9px}.zsa-ai-image-generate{width:100%;justify-content:center}.zsa-ai-image-scenes-head{margin-top:20px}.zsa-ai-image-scene-grid{grid-template-columns:1fr 1fr}.zsa-ai-image-scene-grid i{height:72px}.zsa-ai-image-preview.count-2,.zsa-ai-image-preview.count-4{grid-template-columns:1fr}.zsa-ai-workbench-actions .zsa-ai-model-select{display:none}.zsa-ai-new-chat{font-size:0;width:34px;padding:0}.zsa-ai-new-chat:before{content:'＋';font-size:18px}.zsa-ai-chat-welcome{padding-top:35px}.zsa-ai-chat-welcome h1{font-size:25px}.zsa-ai-chat-suggestions{grid-template-columns:1fr}.zsa-ai-chat-panel .zsa-ai-message.is-user .zsa-ai-message-body{max-width:88%}.zsa-ai-chat-composer-bottom small{display:none}}


/* v2.21.3 AI对话资产工作台与登录用户信息 */
.zsa-ai-sidebar-bottom{padding:8px 7px 10px;background:#fff}.zsa-ai-sidebar-bottom .zsa-ai-user-card{height:50px;padding:0 8px;border-radius:11px;background:#fff;border:1px solid transparent;transition:.18s ease}.zsa-ai-sidebar-bottom .zsa-ai-user-card:hover{background:#f6f8f9;border-color:#e7eaed}.zsa-ai-user-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;overflow:hidden;background:#dff7dc}.zsa-ai-user-avatar img{width:100%;height:100%;display:block;object-fit:cover}.zsa-ai-user-meta{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;line-height:1.2}.zsa-ai-user-meta small{max-width:100%;margin-top:3px;color:#a0a5ad;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-user-more{font-style:normal;color:#9aa0a8;font-size:20px}.zsa-ai-nav-recent button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-nav-recent button svg{color:#737b86}.zsa-ai-recent-label{padding-top:14px}
.zsa-ai-chat-shell{height:calc(100vh - 62px);min-height:620px;background-image:linear-gradient(rgba(224,228,232,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(224,228,232,.28) 1px,transparent 1px);background-size:31px 31px;background-color:#fcfdfd}.zsa-ai-chat-topline{height:62px;flex:0 0 62px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(231,234,237,.86);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);z-index:5}.zsa-ai-chat-topline-left,.zsa-ai-chat-topline-actions{display:flex;align-items:center;gap:10px}.zsa-ai-chat-topline-left b{font-size:15px}.zsa-ai-chat-topline-actions .zsa-ai-skill-select{height:34px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #e3e6ea;border-radius:10px;background:#fff}.zsa-ai-chat-topline-actions .zsa-ai-skill-select select{border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px}.zsa-ai-chat-body{position:relative;padding:0 22px 210px;background:transparent}.zsa-ai-chat-dashboard{width:min(930px,100%);margin:0 auto;padding:34px 0 22px}.zsa-ai-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.zsa-ai-section-heading h2{margin:0;color:#111;font-size:19px}.zsa-ai-section-heading button{height:34px;padding:0 15px;border:1px solid #e2e5e8;border-radius:18px;background:#fff;color:#111;font-size:12px;font-weight:800;cursor:pointer}.zsa-ai-section-heading button:hover{border-color:#a8df65;box-shadow:0 7px 18px rgba(15,23,42,.07)}.zsa-ai-section-heading button span{margin-left:6px;font-size:17px}.zsa-ai-asset-section{margin-bottom:56px}.zsa-ai-asset-grid{display:flex;gap:12px;min-height:190px;overflow-x:auto;padding:1px 2px 4px;scrollbar-width:thin}.zsa-ai-asset-card{position:relative;width:190px;min-width:190px;height:260px;padding:0;overflow:hidden;border:1px solid #e1e5e8;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.06);transition:.18s ease}.zsa-ai-asset-card:hover{transform:translateY(-3px);border-color:#a9db6f;box-shadow:0 13px 28px rgba(15,23,42,.1)}.zsa-ai-asset-card img{width:100%;height:100%;display:block;object-fit:cover}.zsa-ai-asset-card>span{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff;font-size:12px;font-weight:800;text-align:left}.zsa-ai-asset-card.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#f8fbfc,#eef4f5);color:#65707d}.zsa-ai-asset-card.is-empty i{width:42px;height:42px;padding:10px;border-radius:13px;background:#fff;color:#53a5e8}.zsa-ai-asset-card.is-empty i svg{width:100%;height:100%}.zsa-ai-asset-card.is-empty strong{font-size:13px}.zsa-ai-asset-card.is-empty span{position:static;padding:0;background:none;color:#9aa1aa;font-size:10px;text-align:center}.zsa-ai-template-section{margin-bottom:17px}.zsa-ai-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.zsa-ai-template-card{height:178px;padding:0;overflow:hidden;border:1px solid #e3e6e9;border-radius:12px;background:#fff;cursor:pointer;text-align:left;transition:.18s ease}.zsa-ai-template-card:hover{transform:translateY(-3px);border-color:#a5d86a;box-shadow:0 11px 25px rgba(15,23,42,.09)}.zsa-ai-template-card i{height:100%;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;font-style:normal;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}.zsa-ai-template-card b,.zsa-ai-template-card em{display:block}.zsa-ai-template-card b{font-size:16px}.zsa-ai-template-card em{margin-top:4px;font-size:10px;font-style:normal;opacity:.88}.zsa-ai-template-card.is-sky i{background:radial-gradient(circle at 70% 25%,#fff8b3 0 6%,transparent 7%),linear-gradient(160deg,#6bbef6,#d9f2ff 55%,#f8d65b)}.zsa-ai-template-card.is-home i{background:linear-gradient(135deg,#ded8d2,#9a8b7c 70%,#463d35)}.zsa-ai-template-card.is-business i{background:linear-gradient(135deg,#f8f8f8 0 22%,#dfdfe2 23% 45%,#23232a 46% 100%)}.zsa-ai-template-card.is-future i{background:linear-gradient(140deg,#f1f2f4,#aeb3bb 48%,#555c68)}.zsa-ai-chat-journey-title{margin:16px 0 0;font-size:18px}.zsa-ai-chat-messages{max-width:900px;margin:0 auto;padding:35px 0 10px}.zsa-ai-chat-messages[hidden]{display:none!important}.zsa-ai-chat-panel.is-conversation-active .zsa-ai-chat-body{padding-top:0}.zsa-ai-chat-panel.is-conversation-active .zsa-ai-chat-dock{background:linear-gradient(transparent,rgba(252,253,253,.94) 25%,#fcfdfd 65%)}.zsa-ai-chat-dock{padding:26px 22px 12px}.zsa-ai-chat-composer{max-width:880px;padding:17px 13px 10px 18px;border:2px solid #8be22d;border-radius:21px;box-shadow:0 0 0 5px rgba(139,226,45,.07),0 14px 37px rgba(15,23,42,.11)}.zsa-ai-chat-panel.is-conversation-active .zsa-ai-chat-composer{border-width:1px;border-color:#dfe4e8;box-shadow:0 14px 38px rgba(15,23,42,.12)}.zsa-ai-chat-composer textarea{min-height:64px;max-height:160px;font-size:14px}.zsa-ai-chat-composer-bottom>div{min-width:0;display:flex;align-items:center;gap:8px}.zsa-ai-chat-model-chip{display:inline-flex;align-items:center;gap:5px}.zsa-ai-chat-model-chip svg{width:15px;height:15px}.zsa-ai-chat-user-chip{display:inline-flex;align-items:center;gap:5px;color:#858c96;font-size:11px}.zsa-ai-chat-user-chip img{width:18px;height:18px;border-radius:50%;object-fit:cover}.zsa-ai-send-circle{width:auto;min-width:74px;height:36px;padding:0 13px;border-radius:18px;background:#87dd25;color:#111;gap:5px;font-weight:900}.zsa-ai-send-circle span{font-size:12px}.zsa-ai-send-circle svg{width:14px}.zsa-ai-chat-panel.is-conversation-active .zsa-ai-send-circle{min-width:38px;width:38px;padding:0;border-radius:50%;font-size:0}.zsa-ai-chat-panel.is-conversation-active .zsa-ai-send-circle span{display:none}.zsa-ai-chat-panel .zsa-ai-message{margin-bottom:18px}.zsa-ai-chat-panel .zsa-ai-message.is-user .zsa-ai-message-body{background:#edffd8}
.zsa-ai-app.is-sidebar-collapsed .zsa-ai-user-meta,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-user-more{display:none}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-user-card{justify-content:center;padding:0}.zsa-ai-app.is-sidebar-collapsed .zsa-ai-recent-label,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav-recent button span{display:none}
@media(max-width:1050px){.zsa-ai-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-chat-dashboard{padding-top:24px}.zsa-ai-asset-section{margin-bottom:35px}.zsa-ai-chat-topline-actions .zsa-ai-skill-select{display:none}}
@media(max-width:720px){.zsa-ai-chat-topline{padding:0 10px}.zsa-ai-chat-topline-actions .zsa-ai-model-select{display:none}.zsa-ai-chat-body{padding-left:10px;padding-right:10px}.zsa-ai-chat-dashboard{padding-top:18px}.zsa-ai-asset-card{width:150px;min-width:150px;height:205px}.zsa-ai-template-grid{grid-template-columns:1fr 1fr}.zsa-ai-template-card{height:130px}.zsa-ai-chat-dock{padding-left:10px;padding-right:10px}.zsa-ai-chat-composer{padding-left:13px}.zsa-ai-chat-user-chip{display:none}.zsa-ai-section-heading h2{font-size:16px}.zsa-ai-section-heading button{height:30px;padding:0 11px;font-size:10px}}

/* v2.21.4 模板库、模型选择、尺寸扣点与头像修复 */
.zsa-ai-topbar{position:relative}.zsa-ai-top-dropdown{position:fixed;z-index:80;top:65px;left:calc(var(--zsa-ai-sidebar-width,238px) + 18px);right:18px;border:1px solid #e1e5e8;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.16);overflow:hidden}.zsa-ai-top-dropdown[hidden]{display:none!important}.zsa-ai-template-mega{height:485px;display:grid;grid-template-columns:255px minmax(0,1fr)}.zsa-ai-template-mega>aside{padding:16px;border-right:1px solid #e7e9ec;overflow:auto}.zsa-ai-template-mega>aside button{width:100%;height:39px;padding:0 14px;border:0;border-radius:8px;background:transparent;text-align:left;font-size:13px;cursor:pointer}.zsa-ai-template-mega>aside button.is-active,.zsa-ai-template-mega>aside button:hover{background:#f0f1f2;font-weight:800}.zsa-ai-template-mega>section{padding:18px;min-width:0}.zsa-ai-mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.zsa-ai-mega-head>div{display:flex;align-items:baseline;gap:8px}.zsa-ai-mega-head small{color:#8a9099}.zsa-ai-mega-head button{height:34px;padding:0 15px;border:1px solid #e0e4e7;border-radius:18px;background:#fff;font-weight:800;cursor:pointer}.zsa-ai-mega-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zsa-ai-mega-cards button{height:360px;padding:0 0 12px;border:1px solid #e1e4e7;border-radius:13px;background:#fff;overflow:hidden;text-align:left;cursor:pointer}.zsa-ai-mega-cards i{display:block;height:280px;background-size:cover;background-position:center}.zsa-ai-mega-cards b,.zsa-ai-mega-cards small{display:block;padding:0 12px}.zsa-ai-mega-cards b{margin-top:10px}.zsa-ai-mega-cards small{margin-top:3px;color:#8a9099}.zsa-ai-mega-cards .is-mango{background:linear-gradient(160deg,#67c6fa,#f5fbff 50%,#fac331)}.zsa-ai-mega-cards .is-room{background:linear-gradient(145deg,#f7f3ef,#baa895 65%,#887464)}.zsa-ai-mega-cards .is-coach{background:linear-gradient(135deg,#f2f3f5 0 45%,#222 46% 100%)}.zsa-ai-mega-cards .is-future{background:linear-gradient(145deg,#f2f3f4,#bfc4ca 55%,#606771)}.zsa-ai-model-dropdown{left:auto;width:510px;padding:16px}.zsa-ai-model-menu-head{display:flex;justify-content:space-between;margin-bottom:12px}.zsa-ai-model-menu-head small{color:#9298a0}.zsa-ai-model-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.zsa-ai-model-menu-grid button,.zsa-ai-inline-model-menu button{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e5e8eb;border-radius:11px;background:#fff;text-align:left;cursor:pointer}.zsa-ai-model-menu-grid button:hover,.zsa-ai-inline-model-menu button:hover{border-color:#8cdd30;background:#f9fff2}.zsa-ai-model-menu-grid i,.zsa-ai-inline-model-menu i,.zsa-ai-control-btn i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#111;color:#fff;font-size:12px;font-style:normal}.zsa-ai-model-menu-grid span,.zsa-ai-inline-model-menu span{display:flex;min-width:0;flex-direction:column}.zsa-ai-model-menu-grid small,.zsa-ai-inline-model-menu small{color:#9298a0;font-size:10px}.zsa-ai-mode-switch,.zsa-ai-inline-pop{position:relative}.zsa-ai-mode-menu,.zsa-ai-inline-menu{position:absolute;z-index:90;left:0;bottom:calc(100% + 10px);min-width:140px;padding:8px;border:1px solid #e1e5e8;border-radius:13px;background:#fff;box-shadow:0 18px 40px rgba(15,23,42,.16)}.zsa-ai-mode-menu[hidden],.zsa-ai-inline-menu[hidden]{display:none!important}.zsa-ai-mode-menu button{width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.zsa-ai-mode-menu button:hover,.zsa-ai-mode-menu button.is-active{background:#f1f3f4;font-weight:800}.zsa-ai-image-controls{overflow:visible!important}.zsa-ai-control-btn{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:17px;background:#eef5ff;color:#1767c9;font-weight:800;cursor:pointer}.zsa-ai-control-btn.is-size-control{background:#f4f5f6;color:#555}.zsa-ai-inline-model-menu{width:330px;max-height:360px;overflow:auto;grid-template-columns:1fr;gap:6px}.zsa-ai-size-menu{width:535px;padding:17px;left:auto;right:0}.zsa-ai-size-menu>div{display:flex;align-items:center;gap:8px;margin:2px 0 9px}.zsa-ai-size-menu>div small{color:#a0a5ac}.zsa-ai-size-menu nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.zsa-ai-size-menu nav button{height:35px;padding:0 13px;border:1px solid #e0e4e7;border-radius:18px;background:#fff;cursor:pointer}.zsa-ai-size-menu nav button.is-active{border-color:#111;background:#111;color:#fff}.zsa-ai-image-generate b{min-width:28px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:12px;background:#111;color:#fff;font-size:10px}.zsa-ai-user-avatar{position:relative}.zsa-ai-avatar-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#dff7dc;color:#187a36;font-weight:900}.zsa-ai-user-avatar .avatar,.zsa-ai-user-avatar .zsa-ai-avatar-img,.zsa-ai-mini-user-avatar .avatar{position:relative;z-index:1;width:100%!important;height:100%!important;display:block;border-radius:50%;object-fit:cover}.zsa-ai-mini-user-avatar{position:relative;width:18px;height:18px;display:inline-flex;border-radius:50%;overflow:hidden;background:#dff7dc}.zsa-ai-mini-user-avatar .zsa-ai-avatar-fallback{font-size:9px}.zsa-ai-user-meta small em{font-style:normal;color:#111;font-weight:900}.zsa-ai-admin-wide{grid-column:1/-1}.zsa-ai-model-config input[type=text],.zsa-ai-model-config input[type=password],.zsa-ai-model-config input:not([type]){width:100%}.zsa-ai-model-config td>small{display:block;margin-top:5px;color:#777}@media(max-width:900px){.zsa-ai-top-dropdown{left:10px;right:10px}.zsa-ai-template-mega{grid-template-columns:150px 1fr;height:430px}.zsa-ai-mega-cards{grid-template-columns:1fr 1fr}.zsa-ai-mega-cards button{height:160px}.zsa-ai-mega-cards i{height:105px}.zsa-ai-size-menu{position:fixed;left:10px;right:10px;bottom:80px;width:auto}.zsa-ai-model-dropdown{width:auto}.zsa-ai-model-menu-grid{grid-template-columns:1fr}}

/* v2.21.5 动态应用市场、应用运行器与透明图标 */
.zsa-ai-sidebar-app-icon{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible}.zsa-ai-sidebar-app-icon svg,.zsa-ai-sidebar-app-icon img{width:19px;height:19px;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.zsa-ai-app-icon-image{display:block;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}.zsa-ai-market-hero{max-width:1180px;margin:0 auto 28px;padding:32px 36px;border:1px solid #e5e7eb;border-radius:22px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:space-between;gap:28px}.zsa-ai-market-hero span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#65a30d}.zsa-ai-market-hero h1{margin:8px 0 6px;font-size:34px}.zsa-ai-market-hero p{margin:0;color:#747b86}.zsa-ai-market-hero label{width:360px;display:flex;align-items:center;border:1px solid #dfe3e8;border-radius:24px;background:#fff;padding:4px}.zsa-ai-market-hero input{flex:1;height:40px;border:0!important;outline:0;padding:0 14px}.zsa-ai-market-hero button{width:38px;height:38px;border:0;border-radius:50%;background:var(--zsa-ai-green);font-size:20px;cursor:pointer}.zsa-ai-market-categories{max-width:1180px;margin:0 auto 20px;display:flex;gap:8px;flex-wrap:wrap}.zsa-ai-market-categories button{height:34px;padding:0 15px;border:1px solid #e1e4e8;border-radius:17px;background:#fff;cursor:pointer}.zsa-ai-market-categories button.is-active{background:#111;color:#fff;border-color:#111}.zsa-ai-market-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.zsa-ai-market-card{padding:0;border:1px solid #e1e5e9;border-radius:17px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:.18s}.zsa-ai-market-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(15,23,42,.11)}.zsa-ai-market-card>i{height:170px;display:flex;align-items:center;justify-content:center;background:#f6f8fa center/cover no-repeat;font-style:normal}.zsa-ai-market-card>i>span{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:transparent}.zsa-ai-market-card>i svg,.zsa-ai-market-card>i img{width:58px;height:58px;object-fit:contain;background:transparent!important}.zsa-ai-market-card>div{padding:14px}.zsa-ai-market-card b,.zsa-ai-market-card small,.zsa-ai-market-card em{display:block}.zsa-ai-market-card b{font-size:16px}.zsa-ai-market-card small{margin-top:6px;min-height:36px;color:#7b818b;line-height:1.5}.zsa-ai-market-card em{margin-top:10px;color:#65a30d;font-style:normal;font-size:11px;font-weight:800}.zsa-ai-card-cover.is-app-icon-cover{background:#f5f7f8}.zsa-ai-market-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:transparent}.zsa-ai-market-icon svg,.zsa-ai-market-icon img{width:54px;height:54px;object-fit:contain;background:transparent!important}.zsa-ai-card-cover[style]{background-position:center;background-size:cover;background-repeat:no-repeat}.zsa-ai-app-runner{max-width:1080px;margin:0 auto;padding:24px;border:1px solid #e1e5e9;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.07)}.zsa-ai-app-runner>header{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid #edf0f2}.zsa-ai-app-runner>header>i{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:transparent}.zsa-ai-app-runner>header>i img,.zsa-ai-app-runner>header>i svg{width:50px;height:50px;object-fit:contain;background:transparent!important}.zsa-ai-app-runner>header>div{flex:1}.zsa-ai-app-runner>header span{color:#65a30d;font-size:11px;font-weight:900}.zsa-ai-app-runner>header h2{margin:4px 0;font-size:26px}.zsa-ai-app-runner>header p{margin:0;color:#7c838d}.zsa-ai-app-runner-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding-top:22px}.zsa-ai-app-generated-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.zsa-ai-app-generated-fields label{display:flex;flex-direction:column;gap:7px}.zsa-ai-app-generated-fields label:has(textarea){grid-column:1/-1}.zsa-ai-app-generated-fields span{font-size:13px;font-weight:800}.zsa-ai-app-generated-fields em{color:#ef4444;font-style:normal}.zsa-ai-app-generated-fields input,.zsa-ai-app-generated-fields textarea,.zsa-ai-app-generated-fields select,.zsa-ai-app-runner aside select{width:100%;border:1px solid #dfe3e8;border-radius:11px;background:#fff;padding:11px 12px}.zsa-ai-app-generated-fields textarea{min-height:118px;resize:vertical}.zsa-ai-app-runner aside{display:flex;flex-direction:column;gap:13px;padding:17px;border-radius:15px;background:#f7f9fa}.zsa-ai-app-runner aside label{display:flex;flex-direction:column;gap:6px}.zsa-ai-app-runner aside label>span,.zsa-ai-app-cost span{font-size:12px;font-weight:800;color:#6b7280}.zsa-ai-app-cost{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;background:#fff}.zsa-ai-app-cost b{font-size:17px}.zsa-ai-run-app{height:46px;border:0;border-radius:12px;cursor:pointer;font-weight:900}.zsa-ai-app-result{margin-top:22px;padding:20px;border:1px solid #e2e6ea;border-radius:15px;background:#fafbfc}.zsa-ai-app-running{display:flex;align-items:center;justify-content:center;gap:12px;min-height:150px}.zsa-ai-app-running i{width:22px;height:22px;border:3px solid #d7eac1;border-top-color:#70cf0a;border-radius:50%;animation:zsaAiSpin .8s linear infinite}.zsa-ai-app-image-result{display:grid;gap:12px;justify-items:center}.zsa-ai-app-image-result img{max-width:100%;max-height:720px;border-radius:14px}.zsa-ai-app-image-result div{display:flex;gap:10px}.zsa-ai-app-image-result a,.zsa-ai-app-image-result button{padding:8px 13px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#111;text-decoration:none;cursor:pointer}.zsa-ai-app-error{padding:20px;color:#dc2626;text-align:center}@keyframes zsaAiSpin{to{transform:rotate(360deg)}}@media(max-width:1050px){.zsa-ai-market-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.zsa-ai-market-hero{display:block;padding:24px}.zsa-ai-market-hero label{width:100%;margin-top:18px}.zsa-ai-market-grid{grid-template-columns:repeat(2,1fr)}.zsa-ai-app-runner-body{grid-template-columns:1fr}.zsa-ai-app-generated-fields{grid-template-columns:1fr}.zsa-ai-app-generated-fields label:has(textarea){grid-column:auto}}@media(max-width:480px){.zsa-ai-market-grid{grid-template-columns:1fr}}

/* v2.21.6 独立路由应用中心与应用页 */
.zsa-ai-market-page{width:min(1320px,calc(100vw - 320px));margin:0 auto;padding:32px 28px 80px}.zsa-ai-market-top{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin:10px 0 34px}.zsa-ai-market-top>div>span{font-size:11px;font-weight:900;letter-spacing:.18em;color:#77cf17}.zsa-ai-market-top h1{margin:8px 0 5px;font-size:36px;line-height:1.15;color:#111827}.zsa-ai-market-top p{margin:0;color:#7a8492}.zsa-ai-market-search{width:min(440px,42vw);height:50px;display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;border:1px solid #dde2e8;border-radius:16px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.05)}.zsa-ai-market-search svg{width:19px}.zsa-ai-market-search input{flex:1;border:0!important;box-shadow:none!important;outline:0;background:transparent}.zsa-ai-market-search button{width:36px;height:36px;border:0;border-radius:11px;background:#87e51d;font-weight:900}.zsa-ai-market-featured{display:flex;align-items:stretch;gap:18px;overflow-x:auto;padding:22px 24px 38px;margin:0 -24px;scroll-snap-type:x mandatory}.zsa-ai-featured-card{position:relative;flex:0 0 280px;min-height:310px;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 20px 42px rgba(15,23,42,.1);text-align:left;cursor:pointer;scroll-snap-align:start;transition:.25s ease}.zsa-ai-featured-card.card-0{transform:rotate(-4deg)}.zsa-ai-featured-card.card-1{transform:rotate(2deg)}.zsa-ai-featured-card.card-2{transform:rotate(-1deg)}.zsa-ai-featured-card.card-3{transform:rotate(3deg)}.zsa-ai-featured-card.card-4{transform:rotate(-2deg)}.zsa-ai-featured-card:hover{transform:translateY(-8px) rotate(0);z-index:3}.zsa-ai-featured-card>i{display:flex;height:205px;background:#edf2f4 center/cover no-repeat;align-items:center;justify-content:center}.zsa-ai-featured-card>i span{width:82px;height:82px}.zsa-ai-featured-card>i img,.zsa-ai-featured-card>i svg{width:100%;height:100%;object-fit:contain;background:transparent!important}.zsa-ai-featured-card>div{display:flex;flex-direction:column;padding:16px 18px 20px}.zsa-ai-featured-card>div>span{font-size:11px;color:#73c718;font-weight:900}.zsa-ai-featured-card b{font-size:18px;margin:5px 0}.zsa-ai-featured-card small{color:#7c8592;line-height:1.55}.zsa-ai-market-categories{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:100%;overflow-x:auto;margin:14px auto 34px;padding:5px;border-radius:16px;background:rgba(248,249,250,.94);backdrop-filter:blur(16px)}.zsa-ai-market-categories button{white-space:nowrap;border:0;border-radius:12px;background:transparent;padding:10px 18px;color:#657080;font-weight:800}.zsa-ai-market-categories button.is-active{background:#fff;color:#111;box-shadow:0 5px 16px rgba(15,23,42,.09)}.zsa-ai-market-sections{display:grid;gap:42px}.zsa-ai-market-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.zsa-ai-market-section-head h2{margin:0;font-size:24px}.zsa-ai-market-section-head p{margin:5px 0 0;color:#87909c}.zsa-ai-market-section-head button{border:1px solid #dde2e8;border-radius:14px;background:#fff;padding:9px 15px;font-weight:800}.zsa-ai-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.zsa-ai-market-card{display:block;padding:0;border:1px solid #e1e5e9;border-radius:18px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:.22s ease}.zsa-ai-market-card:hover{transform:translateY(-5px);border-color:#a6e96a;box-shadow:0 18px 36px rgba(15,23,42,.09)}.zsa-ai-market-card>i{height:180px;display:flex;background:#f2f4f6 center/cover no-repeat;align-items:center;justify-content:center}.zsa-ai-market-card>i span{width:70px;height:70px}.zsa-ai-market-card>i img,.zsa-ai-market-card>i svg{width:100%;height:100%;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important}.zsa-ai-market-card>div{display:flex;flex-direction:column;padding:15px}.zsa-ai-market-card em{font-style:normal;font-size:11px;color:#72c819;font-weight:900}.zsa-ai-market-card b{font-size:17px;margin:5px 0}.zsa-ai-market-card small{min-height:42px;color:#7c8490;line-height:1.5}.zsa-ai-market-card strong{margin-top:12px;font-size:12px;color:#111}.zsa-ai-app-page{width:min(1180px,calc(100vw - 330px));margin:0 auto;padding:28px 28px 80px}.zsa-ai-app-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#7b8490}.zsa-ai-app-breadcrumb button{border:0;background:transparent;padding:0;color:#4f5965}.zsa-ai-app-page-hero{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 220px;gap:22px;align-items:center;min-height:180px;padding:26px 30px;border:1px solid #dfe4e9;border-radius:24px;background:linear-gradient(135deg,#fff,#f6fbf1);overflow:hidden}.zsa-ai-app-page-hero>i{width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:transparent}.zsa-ai-app-page-hero>i img,.zsa-ai-app-page-hero>i svg{width:100%;height:100%;object-fit:contain;background:transparent!important}.zsa-ai-app-page-hero span{font-size:12px;color:#6cc313;font-weight:900}.zsa-ai-app-page-hero h1{font-size:34px;margin:5px 0 8px}.zsa-ai-app-page-hero p{margin:0;max-width:640px;color:#747f8c;line-height:1.7}.zsa-ai-app-page-cover{height:130px;border-radius:17px;background:#edf1f4 center/cover no-repeat}.zsa-ai-app-page-cover.is-empty{display:flex;align-items:center;justify-content:center;background:transparent}.zsa-ai-app-page-cover.is-empty img,.zsa-ai-app-page-cover.is-empty svg{width:72px;height:72px;object-fit:contain}.zsa-ai-app-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;margin-top:20px}.zsa-ai-app-form-card,.zsa-ai-app-control-card,.zsa-ai-app-result-card{padding:24px;border:1px solid #e0e4e8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.04)}.zsa-ai-app-control-card{position:sticky;top:18px;height:max-content}.zsa-ai-card-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.zsa-ai-card-title>span{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#89e51d;color:#111;font-weight:900}.zsa-ai-card-title h2{margin:0;font-size:18px}.zsa-ai-card-title p{margin:4px 0 0;color:#8a929d;font-size:12px}.zsa-ai-app-generated-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zsa-ai-app-generated-fields label:has(textarea){grid-column:1/-1}.zsa-ai-app-generated-fields label,.zsa-ai-app-control-card label{display:flex;flex-direction:column;gap:7px}.zsa-ai-app-generated-fields label span,.zsa-ai-app-control-card label span{font-weight:800;font-size:13px}.zsa-ai-app-generated-fields input,.zsa-ai-app-generated-fields select,.zsa-ai-app-generated-fields textarea,.zsa-ai-app-control-card select{width:100%;border:1px solid #dde3e8;border-radius:12px;padding:12px;background:#fafbfc;box-shadow:none}.zsa-ai-app-control-card{display:grid;gap:15px}.zsa-ai-app-result-card{margin-top:20px}.zsa-ai-app-result-card .zsa-ai-app-result{margin:0}.zsa-ai-sidebar-app-icon,.zsa-ai-sidebar-app-icon img,.zsa-ai-sidebar-app-icon svg{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}@media(max-width:1100px){.zsa-ai-market-page,.zsa-ai-app-page{width:100%;padding-left:20px;padding-right:20px}.zsa-ai-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-app-page-layout{grid-template-columns:1fr}.zsa-ai-app-control-card{position:static}.zsa-ai-app-page-hero{grid-template-columns:64px 1fr}.zsa-ai-app-page-cover{display:none}}@media(max-width:640px){.zsa-ai-market-top{align-items:stretch;flex-direction:column}.zsa-ai-market-search{width:100%}.zsa-ai-market-top h1{font-size:28px}.zsa-ai-featured-card{flex-basis:235px}.zsa-ai-market-grid{grid-template-columns:1fr}.zsa-ai-app-page-hero{grid-template-columns:52px 1fr;padding:20px}.zsa-ai-app-page-hero>i{width:52px;height:52px}.zsa-ai-app-page-hero h1{font-size:25px}.zsa-ai-app-generated-fields{grid-template-columns:1fr}.zsa-ai-app-generated-fields label:has(textarea){grid-column:auto}}


/* v2.21.7 /apps/ 应用市场重构 */
.zsa-ai-applications-panel{overflow-x:hidden;background:transparent!important}.zsa-ai-app-market-v2{position:relative;min-height:100%;overflow:hidden;padding-bottom:90px;background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);background-size:32px 32px}.zsa-ai-app-market-glow{position:absolute;top:38px;width:430px;height:520px;filter:blur(42px);opacity:.42;pointer-events:none}.zsa-ai-app-market-glow.is-left{left:-170px;background:radial-gradient(circle,#a7f044 0,rgba(167,240,68,.62) 35%,transparent 72%)}.zsa-ai-app-market-glow.is-right{right:-180px;background:radial-gradient(circle,#8fb6ff 0,rgba(143,182,255,.55) 34%,transparent 72%)}.zsa-ai-app-market-hero{position:relative;z-index:1;min-height:650px;padding:58px 24px 0}.zsa-ai-app-market-title-frame{position:relative;width:min(590px,75vw);margin:0 auto;padding:30px 42px 25px;border:1px solid #8fe91e;background:rgba(255,255,255,.52);text-align:center;backdrop-filter:blur(5px)}.zsa-ai-app-market-title-frame h1{margin:0;font-size:42px;line-height:1.15;letter-spacing:-.035em;color:#0b0b0b}.zsa-ai-app-market-title-frame p{margin:13px 0 0;color:#7c7f82;font-size:15px}.zsa-ai-app-market-title-frame>i{position:absolute;width:13px;height:13px;border:2px solid #81e410;background:#fff}.zsa-ai-app-market-title-frame .is-tl{left:-7px;top:-7px}.zsa-ai-app-market-title-frame .is-tr{right:-7px;top:-7px}.zsa-ai-app-market-title-frame .is-bl{left:-7px;bottom:-7px}.zsa-ai-app-market-title-frame .is-br{right:-7px;bottom:-7px}.zsa-ai-app-market-title-frame>b{position:absolute;top:50%;width:15px;height:38px;margin-top:-19px;border:2px solid #81e410;border-radius:10px;background:#fff}.zsa-ai-app-market-title-frame .is-ml{left:-8px}.zsa-ai-app-market-title-frame .is-mr{right:-8px}.zsa-ai-app-market-composer{width:min(720px,82vw);margin:24px auto 0;padding:10px 12px;border:1px solid #dfe4e8;border-radius:22px;background:#fff;box-shadow:0 13px 35px rgba(15,23,42,.08)}.zsa-ai-app-market-input-row{height:48px;display:flex;align-items:center;gap:8px}.zsa-ai-app-market-input-row input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font-size:15px}.zsa-ai-app-market-add,.zsa-ai-app-market-send{border:0;cursor:pointer}.zsa-ai-app-market-add{width:34px;height:34px;background:transparent;font-size:25px;color:#333}.zsa-ai-app-market-send{width:38px;height:38px;border-radius:50%;background:#87e51d;font-size:25px;line-height:1;color:#111;transition:.2s}.zsa-ai-app-market-send:hover{transform:scale(1.07);background:#79d50e}.zsa-ai-app-market-composer-meta{display:flex;align-items:center;gap:8px;padding:0 43px 6px;color:#8b9197;font-size:11px}.zsa-ai-app-market-composer-meta span,.zsa-ai-app-market-composer-meta b{padding:5px 9px;border-radius:10px}.zsa-ai-app-market-composer-meta span{background:#eaf2ff;color:#2c69d6}.zsa-ai-app-market-composer-meta b{background:#111;color:#fff}.zsa-ai-app-market-composer-meta em{margin-left:auto;font-style:normal}.zsa-ai-app-carousel{position:relative;width:100%;height:390px;margin:24px auto 0}.zsa-ai-app-carousel-viewport{position:relative;height:100%;overflow:hidden;touch-action:pan-y;cursor:grab}.zsa-ai-app-carousel-viewport:active{cursor:grabbing}.zsa-ai-app-carousel-track{position:relative;width:100%;height:100%}.zsa-ai-app-arc-card{position:absolute;left:50%;top:0;width:260px;height:306px;border:1px solid rgba(15,23,42,.12);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 13px 33px rgba(15,23,42,.12);transition:transform .45s cubic-bezier(.22,.8,.23,1),opacity .3s;transform-origin:center top;text-align:left;cursor:pointer}.zsa-ai-app-arc-card.is-active{box-shadow:0 22px 48px rgba(15,23,42,.2)}.zsa-ai-app-arc-cover{position:relative;height:190px;display:flex;align-items:center;justify-content:center;background:#eef2f4 center/cover no-repeat}.zsa-ai-app-arc-placeholder{width:86px;height:86px}.zsa-ai-app-arc-placeholder img,.zsa-ai-app-arc-placeholder svg{width:100%;height:100%;object-fit:contain;background:transparent!important}.zsa-ai-app-arc-badges{position:absolute;left:10px;top:10px}.zsa-ai-app-arc-badges span{display:inline-flex;padding:4px 8px;border-radius:10px;font-size:10px;font-weight:900}.zsa-ai-app-arc-badges .is-hot{background:#92ef23;color:#102000}.zsa-ai-app-arc-badges .is-new{background:#37d4a6;color:#fff}.zsa-ai-app-arc-body{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 14px 16px}.zsa-ai-app-arc-body>i{width:38px;height:38px;display:flex;background:transparent}.zsa-ai-app-arc-body>i img,.zsa-ai-app-arc-body>i svg{width:100%;height:100%;object-fit:contain;background:transparent!important}.zsa-ai-app-arc-body b,.zsa-ai-app-arc-body small{display:block}.zsa-ai-app-arc-body b{font-size:16px}.zsa-ai-app-arc-body small{height:35px;margin-top:4px;overflow:hidden;color:#7c8490;font-size:11px;line-height:1.5}.zsa-ai-app-arc-body>button{position:absolute;right:12px;bottom:12px;opacity:0;transform:translateY(8px);border:0;border-radius:12px;background:#111;color:#fff;padding:8px 12px;font-size:11px;font-weight:800;transition:.2s}.zsa-ai-app-arc-card.is-active .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button{opacity:1;transform:none}.zsa-ai-app-carousel-nav{position:absolute;top:145px;z-index:60;width:40px;height:40px;border:1px solid #e1e4e7;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(15,23,42,.08);font-size:28px;line-height:1;cursor:pointer}.zsa-ai-app-carousel-nav.is-prev{left:14px}.zsa-ai-app-carousel-nav.is-next{right:14px}.zsa-ai-app-market-content{position:relative;z-index:2;width:min(1130px,calc(100vw - 305px));margin:-45px auto 0}.zsa-ai-market-role-tabs{top:8px;margin:0 auto 34px}.zsa-ai-market-sections{gap:48px}.zsa-ai-market-section-head{align-items:center}.zsa-ai-market-section-head h2{font-size:22px;color:#111}.zsa-ai-market-section-head p{margin-top:4px;font-size:12px}.zsa-ai-market-section-head button{display:flex;align-items:center;gap:8px;border-radius:18px;background:#fff}.zsa-ai-market-section-head button span{font-size:19px}.zsa-ai-market-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.zsa-ai-market-card{display:block;border:1px solid #e1e4e7;border-radius:17px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.025);transition:.22s}.zsa-ai-market-card:hover{transform:translateY(-6px);border-color:#b9ed85;box-shadow:0 18px 36px rgba(15,23,42,.11)}.zsa-ai-market-card-cover{position:relative;height:182px;display:flex;align-items:center;justify-content:center;background:#eef1f3 center/cover no-repeat}.zsa-ai-market-card-cover>span{width:76px;height:76px}.zsa-ai-market-card-cover>span img,.zsa-ai-market-card-cover>span svg{width:100%;height:100%;object-fit:contain;background:transparent!important}.zsa-ai-market-card-badges{position:absolute;left:10px;top:10px}.zsa-ai-market-card-badges em{display:inline-flex;padding:4px 8px;border-radius:10px;background:#92ed26;color:#102000;font-style:normal;font-size:10px;font-weight:900}.zsa-ai-market-card-badges em.is-fire{background:#ff4d3f;color:#fff}.zsa-ai-market-card-body{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;min-height:92px;padding:13px 13px 15px}.zsa-ai-market-card-body>i{width:36px;height:36px;display:flex;background:transparent}.zsa-ai-market-card-body>i img,.zsa-ai-market-card-body>i svg{width:100%;height:100%;object-fit:contain;background:transparent!important}.zsa-ai-market-card-body b,.zsa-ai-market-card-body small{display:block}.zsa-ai-market-card-body b{font-size:15px}.zsa-ai-market-card-body small{height:35px;margin-top:4px;overflow:hidden;color:#7b8490;font-size:11px;line-height:1.5}.zsa-ai-market-card-body>button{position:absolute;right:12px;bottom:12px;opacity:0;transform:translateY(5px);border:0;border-radius:10px;background:#111;color:#fff;padding:7px 10px;font-size:10px;font-weight:800;transition:.18s}.zsa-ai-market-card:hover .zsa-ai-market-card-body>button{opacity:1;transform:none}.zsa-ai-market-empty{padding:70px 20px;text-align:center;color:#7c8590}.zsa-ai-market-empty b{display:block;color:#111;font-size:20px}.zsa-ai-market-empty p{margin:8px 0 0}.zsa-ai-market-card[hidden],.zsa-ai-market-section[hidden]{display:none!important}
@media(max-width:1280px){.zsa-ai-app-market-content{width:calc(100vw - 285px)}.zsa-ai-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zsa-ai-app-market-title-frame h1{font-size:37px}}
@media(max-width:980px){.zsa-ai-app-market-content{width:100%;padding:0 20px}.zsa-ai-app-market-hero{padding-left:14px;padding-right:14px}.zsa-ai-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-app-market-title-frame{width:min(620px,90vw)}.zsa-ai-app-market-composer{width:min(720px,92vw)}}
@media(max-width:640px){.zsa-ai-app-market-hero{min-height:590px;padding-top:30px}.zsa-ai-app-market-title-frame{padding:23px 18px}.zsa-ai-app-market-title-frame h1{font-size:28px}.zsa-ai-app-market-title-frame p{font-size:12px}.zsa-ai-app-market-composer{margin-top:18px}.zsa-ai-app-market-composer-meta{padding-left:8px;padding-right:8px}.zsa-ai-app-carousel{height:345px}.zsa-ai-app-arc-card{width:220px;height:282px}.zsa-ai-app-arc-cover{height:168px}.zsa-ai-app-carousel-nav{top:126px}.zsa-ai-app-market-content{margin-top:-25px;padding:0 14px}.zsa-ai-market-grid{grid-template-columns:1fr}.zsa-ai-market-role-tabs{justify-content:flex-start}.zsa-ai-market-section-head h2{font-size:20px}}

/* v2.21.7 兼容旧版应用卡片选择器 */
.zsa-ai-market-card>.zsa-ai-market-card-cover{display:flex!important;flex-direction:row!important;padding:0!important}.zsa-ai-market-card>.zsa-ai-market-card-body{display:grid!important;flex-direction:initial!important;padding:13px 13px 15px!important}


/* v2.21.9 推荐应用弧形卡片：增大间距、悬停展开与封面动效 */
.zsa-ai-app-carousel{height:455px;margin-top:30px;overflow:visible}
.zsa-ai-app-carousel-viewport{overflow:hidden;padding:18px 0 76px;cursor:grab}
.zsa-ai-app-carousel-viewport.is-dragging{cursor:grabbing;user-select:none}
.zsa-ai-app-carousel-track{overflow:visible}
.zsa-ai-app-arc-card{top:18px;width:280px;height:298px;--arc-x:0px;--arc-y:0px;--arc-rotate:0deg;--arc-scale:1;--arc-hover-scale:1.075;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(var(--arc-scale));border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.10);transition:transform .5s cubic-bezier(.2,.8,.2,1),height .34s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .34s,opacity .28s,filter .28s;will-change:transform,height;backface-visibility:hidden}
.zsa-ai-app-arc-card.is-active{box-shadow:0 17px 38px rgba(15,23,42,.15)}
.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered,.zsa-ai-app-arc-card:focus-visible{height:344px;transform:translate3d(calc(-50% + var(--arc-x)),calc(var(--arc-y) - 18px),0) rotate(0deg) scale(var(--arc-hover-scale));z-index:100!important;border-color:#b8e77f;box-shadow:0 28px 58px rgba(15,23,42,.22);filter:saturate(1.04)}
.zsa-ai-app-arc-card:focus-visible{outline:3px solid rgba(132,229,28,.28);outline-offset:3px}
.zsa-ai-app-arc-cover{height:194px;overflow:hidden;background:linear-gradient(145deg,#f5f7f8,#e9eef1);transition:height .34s cubic-bezier(.2,.8,.2,1)}
.zsa-ai-app-arc-cover-media{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:218px}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover-media{transform:scale(1.065);filter:contrast(1.025) saturate(1.04)}
.zsa-ai-app-arc-cover:after{content:"";position:absolute;inset:auto 0 0;height:34%;pointer-events:none;background:linear-gradient(transparent,rgba(15,23,42,.035));opacity:0;transition:opacity .3s}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover:after,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover:after{opacity:1}
.zsa-ai-app-arc-body{min-height:104px;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px 14px 15px;background:#fff;transition:min-height .34s,padding .34s}
.zsa-ai-app-arc-body>div{min-width:0;transition:padding-right .25s}
.zsa-ai-app-arc-body b{font-size:16px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-app-arc-body small{height:34px;margin-top:3px;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:height .3s,color .25s}
.zsa-ai-app-arc-body>button{right:13px;bottom:13px;padding:9px 13px;border-radius:15px;box-shadow:0 8px 18px rgba(0,0,0,.16);transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1),background .2s}
.zsa-ai-app-arc-card .zsa-ai-app-arc-body>button{opacity:0;transform:translateY(10px) scale(.96);pointer-events:none}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>button{opacity:1;transform:none;pointer-events:auto}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{padding-right:104px}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body small,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body small{height:52px;color:#66717e;-webkit-line-clamp:3}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button:hover{background:#252525;transform:translateY(-1px)}
.zsa-ai-app-carousel-nav{top:165px;width:42px;height:42px;transition:transform .2s,box-shadow .2s,border-color .2s}
.zsa-ai-app-carousel-nav:hover{transform:scale(1.08);border-color:#b8df87;box-shadow:0 12px 28px rgba(15,23,42,.14)}
.zsa-ai-app-market-content{margin-top:-25px}
@media(max-width:1280px){.zsa-ai-app-carousel{height:430px}.zsa-ai-app-arc-card{width:262px;height:286px}.zsa-ai-app-arc-cover{height:183px}.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:328px}.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:205px}}
@media(max-width:640px){.zsa-ai-app-carousel{height:365px}.zsa-ai-app-carousel-viewport{padding-top:10px}.zsa-ai-app-arc-card{top:12px;width:222px;height:278px}.zsa-ai-app-arc-cover{height:166px}.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:306px;transform:translate3d(calc(-50% + var(--arc-x)),calc(var(--arc-y) - 8px),0) rotate(0deg) scale(var(--arc-hover-scale))}.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:178px}.zsa-ai-app-arc-body>div{padding-right:0!important}.zsa-ai-app-arc-body>button{display:none}.zsa-ai-app-carousel-nav{top:130px}}


/* v2.21.10 应用卡片：固定尺寸、均匀排布、悬停隐藏图标并展示简介 */
.zsa-ai-app-carousel{height:405px;margin-top:28px;overflow:visible}
.zsa-ai-app-carousel-viewport{overflow:hidden;padding:14px 0 58px}
.zsa-ai-app-arc-card{top:14px;width:270px;height:306px;--arc-scale:1;--arc-hover-scale:1;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1);border-radius:18px;transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .28s,opacity .24s,filter .24s}
.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered,.zsa-ai-app-arc-card:focus-visible{height:306px;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(0deg) scale(1);z-index:100!important;border-color:#b9e884;box-shadow:0 22px 44px rgba(15,23,42,.17);filter:saturate(1.025)}
.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:194px}
.zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover-media{transform:none;filter:none}
.zsa-ai-app-arc-cover:after{display:none}
.zsa-ai-app-arc-body{height:112px;min-height:112px;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:14px;background:#fff;overflow:hidden;transition:grid-template-columns .22s,gap .22s}
.zsa-ai-app-arc-body>i{opacity:1;visibility:visible;transform:none;overflow:hidden;transition:opacity .18s,visibility .18s,width .22s,transform .22s}
.zsa-ai-app-arc-body>div{min-width:0;padding-right:0!important}
.zsa-ai-app-arc-body b{font-size:16px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-app-arc-body small{height:0;max-height:0;margin-top:0;opacity:0;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#69727e;font-size:11px;line-height:1.5;transition:max-height .25s,height .25s,margin .22s,opacity .18s}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{grid-template-columns:0 minmax(0,1fr);gap:0}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>i,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>i{width:0;opacity:0;visibility:hidden;transform:translateX(-8px)}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body small,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body small{height:50px;max-height:50px;margin-top:4px;opacity:1}
.zsa-ai-app-arc-body>button{right:12px;bottom:11px;padding:8px 12px;border-radius:14px;opacity:0;transform:translateY(6px);pointer-events:none}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{padding-right:104px!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>button{opacity:1;transform:none;pointer-events:auto}

/* 分类应用卡片采用同样的信息切换方式，不改变卡片尺寸 */
.zsa-ai-market-grid{gap:22px}
.zsa-ai-market-card{transform:none!important;transition:border-color .22s,box-shadow .25s}
.zsa-ai-market-card:hover{transform:none!important;border-color:#b9e884;box-shadow:0 16px 34px rgba(15,23,42,.11)}
.zsa-ai-market-card-cover,.zsa-ai-market-card:hover .zsa-ai-market-card-cover{height:182px}
.zsa-ai-market-card-body{height:96px;min-height:96px;grid-template-columns:36px minmax(0,1fr);gap:9px;overflow:hidden;transition:grid-template-columns .22s,gap .22s}
.zsa-ai-market-card-body>i{opacity:1;visibility:visible;overflow:hidden;transition:opacity .18s,visibility .18s,width .22s,transform .22s}
.zsa-ai-market-card-body>div{min-width:0;padding-right:0;transition:padding-right .22s}
.zsa-ai-market-card-body small{height:0;max-height:0;margin-top:0;opacity:0;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:max-height .24s,height .24s,margin .22s,opacity .18s}
.zsa-ai-market-card:hover .zsa-ai-market-card-body{grid-template-columns:0 minmax(0,1fr);gap:0}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>i{width:0;opacity:0;visibility:hidden;transform:translateX(-7px)}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>div{padding-right:94px}
.zsa-ai-market-card:hover .zsa-ai-market-card-body small{height:47px;max-height:47px;margin-top:3px;opacity:1}
.zsa-ai-market-card-body>button{right:11px;bottom:11px}

@media(max-width:1280px){.zsa-ai-app-carousel{height:390px}.zsa-ai-app-arc-card{width:254px;height:292px}.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:292px}.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:182px}.zsa-ai-app-arc-body{height:110px;min-height:110px}}
@media(max-width:640px){.zsa-ai-app-carousel{height:340px}.zsa-ai-app-arc-card{width:220px;height:276px}.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:276px;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(0deg) scale(1)}.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:164px}.zsa-ai-app-arc-body{height:112px;min-height:112px}.zsa-ai-app-arc-body>button{display:none}.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div{padding-right:0!important}.zsa-ai-market-grid{gap:16px}}


/* v2.21.11 推荐卡片：左右各露半张、等距排布、悬停不摆动、按钮仅悬停显示 */
.zsa-ai-app-carousel{height:400px;margin-top:28px;overflow:visible}
.zsa-ai-app-carousel-viewport{overflow:hidden;padding:14px 0 56px}
.zsa-ai-app-arc-card{top:14px;width:280px;height:306px;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1)!important;transition:border-color .2s ease,box-shadow .24s ease,opacity .2s ease!important;will-change:auto}
.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered,.zsa-ai-app-arc-card:focus-visible{height:306px;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1)!important;border-color:#b9e884;box-shadow:0 18px 38px rgba(15,23,42,.14);filter:none}
.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:194px}
.zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover-media{transform:none!important;filter:none!important}
.zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{height:112px;min-height:112px;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;padding:14px;background:#fff;overflow:hidden}
.zsa-ai-app-arc-body>i,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>i,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>i{width:38px!important;opacity:1!important;visibility:visible!important;transform:none!important}
.zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{min-width:0;padding-right:96px!important}
.zsa-ai-app-arc-body b{display:block;font-size:16px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-app-arc-body small,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body small,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body small{display:-webkit-box!important;height:36px!important;max-height:36px!important;margin-top:4px!important;opacity:1!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#69727e;font-size:11px;line-height:1.55}
.zsa-ai-app-arc-body>button{right:12px;bottom:12px;opacity:0!important;visibility:hidden;transform:none!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>button{opacity:1!important;visibility:visible;pointer-events:auto!important}

/* 下方全部应用卡片也保持文字与图标稳定，仅悬停显示按钮 */
.zsa-ai-market-card,.zsa-ai-market-card:hover{transform:none!important;transition:border-color .2s ease,box-shadow .24s ease!important}
.zsa-ai-market-card-body,.zsa-ai-market-card:hover .zsa-ai-market-card-body{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;height:96px;min-height:96px}
.zsa-ai-market-card-body>i,.zsa-ai-market-card:hover .zsa-ai-market-card-body>i{width:36px!important;opacity:1!important;visibility:visible!important;transform:none!important}
.zsa-ai-market-card-body>div,.zsa-ai-market-card:hover .zsa-ai-market-card-body>div{min-width:0;padding-right:92px!important}
.zsa-ai-market-card-body small,.zsa-ai-market-card:hover .zsa-ai-market-card-body small{display:-webkit-box!important;height:34px!important;max-height:34px!important;margin-top:3px!important;opacity:1!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zsa-ai-market-card-body>button{opacity:0!important;visibility:hidden;transform:none!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>button,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>button{opacity:1!important;visibility:visible;pointer-events:auto!important}

@media(max-width:1280px){.zsa-ai-app-arc-card{width:258px;height:292px}.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:292px}.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:182px}.zsa-ai-app-arc-body{height:110px;min-height:110px}}
@media(max-width:640px){.zsa-ai-app-carousel{height:340px}.zsa-ai-app-arc-card{width:220px;height:276px}.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:276px;transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1)!important}.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:164px}.zsa-ai-app-arc-body{height:112px;min-height:112px}.zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div{padding-right:0!important}.zsa-ai-app-arc-body>button{display:none!important}.zsa-ai-market-card-body>div,.zsa-ai-market-card:hover .zsa-ai-market-card-body>div{padding-right:0!important}.zsa-ai-market-card-body>button{display:none!important}}


/* v2.21.12 恢复卡片信息切换，并固定左右导航层级 */
.zsa-ai-app-carousel{position:relative;isolation:isolate}
.zsa-ai-app-carousel-viewport{position:relative;z-index:1}
.zsa-ai-app-carousel-track{position:relative;z-index:1}
.zsa-ai-app-carousel-nav,
.zsa-ai-app-carousel:hover .zsa-ai-app-carousel-nav,
.zsa-ai-app-carousel-viewport:hover~.zsa-ai-app-carousel-nav{
    z-index:9999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:rgba(255,255,255,.98)!important;
}

/* v8.6.32.50 premium live task card for the real planner -> image pipeline */
.zsa-ai-generation-output.is-planned-flow{
  width:100%!important;
  max-width:820px!important;
  min-height:0!important;
  margin:4px auto 0!important;
  padding:0!important;
  display:block!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  text-align:left!important;
  border:1px solid #e4e8ec!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 18px 55px rgba(20,28,42,.08),0 2px 8px rgba(20,28,42,.035)!important;
  box-sizing:border-box!important;
  isolation:isolate;
}
.zsa-ai-generation-task-card.is-planned-orchestration:before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  inset:0 0 auto!important;
  width:auto!important;
  height:2px!important;
  background:linear-gradient(90deg,#72d20b 0%,#9bed38 42%,#d7ff9f 75%,#72d20b 100%)!important;
  background-size:220% 100%!important;
  animation:zsaAiPlanGradient 2.8s linear infinite!important;
}
.zsa-ai-plan-task-head{
  min-height:60px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border-bottom:1px solid #eef1f3!important;
  background:linear-gradient(180deg,#fff,#fdfefd)!important;
  box-sizing:border-box!important;
}
.zsa-ai-plan-task-head>b{
  margin:0!important;
  color:#1d232b!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:780!important;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.zsa-ai-plan-head-status{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:1.5px solid #cbd2d9;
  border-radius:50%;
  box-sizing:border-box;
}
.zsa-ai-plan-head-status.is-running:after{
  content:"";
  position:absolute;
  inset:-1.5px;
  border:1.5px solid transparent;
  border-top-color:#75d410;
  border-right-color:#75d410;
  border-radius:50%;
  animation:zsaAiSpin .9s linear infinite;
}
.zsa-ai-plan-head-status.is-complete{border-color:#62ba15;background:#eefbdf}
.zsa-ai-plan-head-status.is-complete:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#4c9c0a;
  font-size:11px;
  line-height:1;
  font-weight:900;
}
.zsa-ai-plan-head-status.is-failed{border-color:#e45d64;background:#fff1f2}
.zsa-ai-plan-head-status.is-failed:after{
  content:"!";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#d9434c;
  font-size:11px;
  line-height:1;
  font-weight:900;
}
.zsa-ai-plan-head-separator{color:#b5bcc4;font-size:12px}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-total-time{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  color:#7d8691!important;
  font-size:12px!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
.zsa-ai-plan-header-note{
  height:24px;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  border:1px solid #dcefc8;
  border-radius:999px;
  background:#f4fbe9;
  color:#579711;
  font-size:11px;
  font-weight:750;
  white-space:nowrap;
}
.zsa-ai-plan-header-note[hidden]{display:none!important}
.zsa-ai-plan-toggle{
  margin-left:auto;
  padding:7px 2px 7px 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#535b65;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.zsa-ai-plan-toggle:hover{background:#f4f6f7;color:#171b20}
.zsa-ai-plan-toggle>i{
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(225deg) translate(-1px,-1px);
  transition:transform .2s ease;
}
.is-planned-orchestration.is-collapsed .zsa-ai-plan-toggle>i{transform:rotate(45deg) translate(-1px,-1px)}
.is-planned-orchestration.is-collapsed .zsa-ai-plan-task-head{border-bottom:0!important}
.is-planned-orchestration.is-collapsed .zsa-ai-plan-body,
.is-planned-orchestration.is-collapsed .zsa-ai-plan-progress{display:none!important}
.zsa-ai-plan-body{padding:17px 20px 16px}
.zsa-ai-plan-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.zsa-ai-plan-meta>span{
  min-height:25px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #e7eaed;
  border-radius:999px;
  background:#fafbfb;
  color:#626b75;
  font-size:11px;
  line-height:1;
  font-weight:650;
}
.zsa-ai-plan-meta>span:first-child{border-color:#dfeecf;background:#f5fbeF;color:#4e8f0d}
.zsa-ai-plan-meta>span:first-child i{font-style:normal;color:#64b914}
.is-planned-orchestration .zsa-ai-plan-brief{
  margin:13px 0 0!important;
  padding:11px 13px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  border:1px solid #edf0f2!important;
  border-radius:12px!important;
  background:#fbfcfc!important;
}
.is-planned-orchestration .zsa-ai-plan-brief em{
  flex:0 0 auto;
  padding:2px 7px;
  border-radius:6px;
  background:#f0f3f5!important;
  color:#626b74!important;
  font-size:10px!important;
  line-height:17px!important;
  font-style:normal;
  font-weight:780;
}
.is-planned-orchestration .zsa-ai-plan-brief span{
  min-width:0;
  color:#3f4751!important;
  font-size:12px!important;
  line-height:1.65!important;
  word-break:break-word;
}
.is-planned-orchestration .zsa-ai-plan-timeline{
  position:relative!important;
  margin:15px 0 0!important;
  padding:0!important;
  display:grid!important;
  gap:0!important;
  list-style:none!important;
}
.is-planned-orchestration .zsa-ai-plan-timeline:before{
  content:"";
  position:absolute;
  z-index:0;
  left:10px!important;
  top:27px!important;
  bottom:27px!important;
  width:1px!important;
  background:#e1e6e9!important;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li{
  position:relative;
  z-index:1;
  min-width:0;
  padding:10px 0!important;
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  opacity:1!important;
  transition:opacity .18s ease,transform .18s ease;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-waiting{opacity:.58!important}
.is-planned-orchestration .zsa-ai-plan-timeline>li>i{
  position:relative!important;
  z-index:2!important;
  width:18px!important;
  height:18px!important;
  margin:1px 0 0 1px!important;
  display:block!important;
  border:1.5px solid #cbd2d9!important;
  border-radius:50%!important;
  background:#fff!important;
  box-sizing:border-box!important;
  box-shadow:0 0 0 4px #fff!important;
  animation:none!important;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-active>i{
  border-color:#78d316!important;
  background:#f7ffed!important;
  box-shadow:0 0 0 4px #fff,0 0 0 7px rgba(120,211,22,.10)!important;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-active>i:after{
  content:"";
  position:absolute;
  inset:3px;
  border:1.5px solid transparent;
  border-top-color:#5eae0a;
  border-right-color:#5eae0a;
  border-radius:50%;
  animation:zsaAiSpin .85s linear infinite;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-done>i{
  border-color:#68bd18!important;
  background:#effbdf!important;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-done>i:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#4d9e08;
  font-size:11px;
  line-height:1;
  font-style:normal;
  font-weight:900;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-error>i{border-color:#e45860!important;background:#fff0f1!important}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-error>i:after{
  content:"!";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#d53f48;
  font-size:11px;
  font-weight:900;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li>div{
  min-width:0;
  display:grid!important;
  gap:4px!important;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li>div>header{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li b{
  min-width:0;
  color:#262d35!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:760;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li time{
  color:#68a923;
  font-size:10px;
  line-height:1;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li small{
  color:#7c8691!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  word-break:break-word;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li>em{
  min-width:47px;
  height:22px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f2f4f5;
  color:#8a929a;
  font-size:10px;
  line-height:1;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-active>em{background:#f1fae7;color:#569d0c}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-done>em{background:#f4f8ef;color:#63982d}
.is-planned-orchestration .zsa-ai-plan-timeline>li.is-error>em{background:#fff0f1;color:#d4434c}
.zsa-ai-plan-model-call{
  width:max-content;
  max-width:100%;
  margin-top:5px;
  padding:6px 8px;
  display:flex;
  align-items:center;
  gap:7px;
  border:1px solid #e8ebee;
  border-radius:9px;
  background:#fff;
}
.zsa-ai-plan-model-call>span{
  width:19px;
  height:19px;
  flex:0 0 19px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#1f252b;
  color:#fff;
  font-size:9px;
  font-weight:800;
}
.zsa-ai-plan-model-call>b{
  max-width:240px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px!important;
}
.zsa-ai-plan-model-call>em{
  color:#75a842;
  font-size:10px;
  font-style:normal;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-plan-result{
  margin:12px 0 0!important;
  overflow:hidden!important;
  border:1px solid #e7ebee!important;
  border-radius:12px!important;
  background:#fbfcfc!important;
}
.is-planned-orchestration .zsa-ai-plan-result[hidden]{display:none!important}
.is-planned-orchestration .zsa-ai-plan-result summary{
  min-height:42px;
  padding:0 12px!important;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 8px;
  align-items:center;
  gap:10px;
  color:#333b44!important;
  font-size:11.5px!important;
  font-weight:760!important;
  cursor:pointer;
  list-style:none;
}
.is-planned-orchestration .zsa-ai-plan-result summary::-webkit-details-marker{display:none}
.is-planned-orchestration .zsa-ai-plan-result summary>em{display:flex;align-items:center;gap:6px;color:#7c858f;font-style:normal;font-weight:600}
.is-planned-orchestration .zsa-ai-plan-result summary>em>b{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#606a74!important;
  font-size:10px!important;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-plan-result summary>em>time{color:#6fa62d;font-size:10px}
.is-planned-orchestration .zsa-ai-plan-result summary>i{
  width:7px;
  height:7px;
  border-right:1.5px solid #7b848d;
  border-bottom:1.5px solid #7b848d;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .2s ease;
}
.is-planned-orchestration .zsa-ai-plan-result[open] summary>i{transform:rotate(225deg) translate(-1px,-1px)}
.is-planned-orchestration .zsa-ai-plan-result p[data-ai-plan-prompt]{
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:180px!important;
  margin:0!important;
  padding:0 12px 12px!important;
  display:block!important;
  overflow:auto!important;
  color:#515b65!important;
  font-size:11.5px!important;
  line-height:1.72!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  -webkit-line-clamp:unset!important;
}
.zsa-ai-plan-final{
  margin-top:15px;
  padding-top:15px;
  border-top:1px solid #eaedef;
}
.zsa-ai-plan-final[hidden]{display:none!important}
.zsa-ai-plan-final>header{
  margin-bottom:11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.zsa-ai-plan-final>header>span{display:flex;align-items:center;gap:7px;color:#222a31}
.zsa-ai-plan-final>header i{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#edf9df;
  color:#58a50d;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}
.zsa-ai-plan-final>header b{font-size:13px;font-weight:800}
.zsa-ai-plan-final>header small{color:#77818b;font-size:10.5px}
.zsa-ai-plan-final [data-ai-plan-result-media]{width:100%;min-width:0}
.zsa-ai-plan-final .zsa-ai-generation-result-view{width:100%!important;max-width:100%!important}
.zsa-ai-plan-final .zsa-ai-generation-result-main{
  width:min(560px,100%)!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:1/1;
  border-radius:15px!important;
  background:#f5f6f7;
}
.zsa-ai-plan-final .zsa-ai-generation-result-main img{object-fit:contain!important;background:#f5f6f7}
.zsa-ai-plan-final .zsa-ai-generation-result-thumbs{margin-top:1px}
.zsa-ai-plan-footer{
  margin-top:15px;
  padding-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-top:1px solid #eef1f3;
}
.zsa-ai-plan-footer .zsa-ai-plan-live{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  color:#55606a!important;
  font-size:11.5px!important;
}
.zsa-ai-plan-footer .zsa-ai-plan-live>i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#78d218!important;
  box-shadow:0 0 0 4px rgba(120,210,24,.10)!important;
  animation:zsaAiPlanPulse 1.25s ease-in-out infinite;
}
.zsa-ai-plan-footer .zsa-ai-plan-live>b{
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:inherit;
  line-height:1.45;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer [data-ai-generation-status]{
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  line-height:1.45!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  -webkit-line-clamp:unset!important;
}
.zsa-ai-plan-footer>button{
  flex:0 0 auto;
  padding:7px 9px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#6f7881;
  font-size:11px;
  font-weight:680;
  cursor:pointer;
}
.zsa-ai-plan-footer>button:hover{background:#f3f5f6;color:#20252a}
.zsa-ai-plan-progress{
  height:2px;
  overflow:hidden;
  background:#f0f2f3;
}
.zsa-ai-plan-progress>i{
  display:block;
  width:34%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#84df20,#bdf47f,transparent);
  animation:zsaAiPlanTrack 1.8s ease-in-out infinite;
}
@keyframes zsaAiPlanGradient{to{background-position:220% 0}}
@keyframes zsaAiPlanPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(120,210,24,.08)}
  50%{box-shadow:0 0 0 7px rgba(120,210,24,.15)}
}
@keyframes zsaAiPlanTrack{0%{transform:translateX(-110%)}100%{transform:translateX(395%)}}
.zsa-ai-generation-task-card.is-complete{border-color:#dfe7d8!important;box-shadow:0 17px 48px rgba(24,34,20,.075),0 2px 8px rgba(20,28,42,.03)!important}
.zsa-ai-generation-task-card.is-complete:before{background:linear-gradient(90deg,#6bc215,#9fe844)!important;animation:none!important}
.zsa-ai-generation-task-card.is-complete .zsa-ai-plan-footer .zsa-ai-plan-live>i{animation:none;background:#65b817!important}
.zsa-ai-generation-task-card.is-failed{border-color:#f0d9db!important}
.zsa-ai-generation-task-card.is-failed:before{background:#e25b63!important;animation:none!important}
.zsa-ai-generation-task-card.is-failed .zsa-ai-plan-footer .zsa-ai-plan-live{color:#bd3f47!important}
.zsa-ai-generation-task-card.is-failed .zsa-ai-plan-footer .zsa-ai-plan-live>i{animation:none;background:#dd4c55!important;box-shadow:0 0 0 4px rgba(221,76,85,.09)!important}
@media(max-width:720px){
  .zsa-ai-generation-output.is-planned-flow{width:100%!important;max-width:100%!important}
  .zsa-ai-generation-task-card.is-planned-orchestration{border-radius:17px!important}
  .zsa-ai-plan-task-head{min-height:56px!important;padding:0 13px!important;gap:7px!important}
  .zsa-ai-plan-task-head>b{font-size:13px!important}
  .zsa-ai-plan-head-separator{display:none}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-total-time{font-size:11px!important}
  .zsa-ai-plan-header-note{display:none!important}
  .zsa-ai-plan-toggle{padding-left:5px;font-size:11px}
  .zsa-ai-plan-body{padding:14px 14px 13px}
  .zsa-ai-plan-meta{gap:5px}
  .zsa-ai-plan-meta>span{min-height:23px;padding:0 7px;font-size:10px}
  .is-planned-orchestration .zsa-ai-plan-brief{display:grid!important;gap:6px!important}
  .is-planned-orchestration .zsa-ai-plan-brief em{width:max-content}
  .is-planned-orchestration .zsa-ai-plan-timeline>li{grid-template-columns:21px minmax(0,1fr)!important;gap:8px!important}
  .is-planned-orchestration .zsa-ai-plan-timeline>li>em{grid-column:2;width:max-content;min-width:0;margin-top:1px}
  .zsa-ai-plan-model-call>b{max-width:155px}
  .is-planned-orchestration .zsa-ai-plan-result summary{grid-template-columns:minmax(0,1fr) 8px}
  .is-planned-orchestration .zsa-ai-plan-result summary>em{display:none}
  .zsa-ai-plan-final>header{align-items:flex-start;display:grid}
  .zsa-ai-plan-final>header small{line-height:1.45}
  .zsa-ai-plan-footer{align-items:flex-start}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer [data-ai-generation-status]{white-space:normal!important}
}
@media(prefers-reduced-motion:reduce){
  .zsa-ai-generation-task-card.is-planned-orchestration:before,
  .zsa-ai-plan-head-status.is-running:after,
  .is-planned-orchestration .zsa-ai-plan-timeline>li.is-active>i:after,
  .zsa-ai-plan-footer .zsa-ai-plan-live>i,
  .zsa-ai-plan-progress>i{animation:none!important}
}

/* v8.6.32.51 borderless agent execution stream */
.zsa-ai-generation-turn.is-agent-execution-turn>.zsa-ai-generation-turn-card{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.zsa-ai-generation-output.is-planned-flow{
  width:min(820px,100%)!important;
  max-width:820px!important;
  margin:12px auto 0!important;
  overflow:visible!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration,
.zsa-ai-generation-task-card.is-planned-orchestration.is-complete,
.zsa-ai-generation-task-card.is-planned-orchestration.is-failed{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration:before,
.zsa-ai-generation-task-card.is-planned-orchestration:after{display:none!important}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-task-head{
  min-height:42px!important;
  padding:0 2px 10px!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-task-head>b{
  color:#171a1f!important;
  font-size:14px!important;
  font-weight:780!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-head-status{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
  border-color:#cbd0d5!important;
  background:transparent!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-head-status.is-running:after{
  inset:-1.5px!important;
  border-top-color:#72c914!important;
  border-right-color:#72c914!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-head-status.is-complete{
  border-color:#62b612!important;
  background:#eff9e5!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-head-status.is-failed{
  border-color:#db555d!important;
  background:#fff1f2!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-header-note{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7a828b!important;
  font-size:11px!important;
  font-weight:560!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-head-separator{color:#bbc0c5!important}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-total-time{
  color:#7b838c!important;
  font-size:11.5px!important;
  font-variant-numeric:tabular-nums;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-toggle{
  min-height:28px!important;
  margin-left:auto!important;
  padding:5px 2px 5px 8px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#747b83!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-toggle:hover{background:#f4f5f3!important;color:#252a2f!important}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-body{
  padding:0 2px 8px!important;
  border:0!important;
  background:transparent!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-meta{
  min-height:24px;
  gap:0!important;
  color:#858c94;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-meta>span,
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-meta>span:first-child{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7c848c!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:560!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-meta>span:first-child{color:#4e930d!important;font-weight:700!important}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-meta>span:not(:last-child):after{
  content:"·";
  margin:0 8px;
  color:#c2c6ca;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-agent-intent{
  margin:12px 0 19px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#3d444c!important;
  font-size:13px!important;
  line-height:1.72!important;
  word-break:break-word;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-agent-intent>span{
  margin-right:9px;
  color:#9299a1;
  font-size:11px;
  font-weight:650;
}
.is-planned-orchestration .zsa-ai-agent-stream{
  position:relative;
  display:grid;
  gap:0;
}
.is-planned-orchestration .zsa-ai-agent-step{
  position:relative;
  min-width:0;
  padding:7px 0 15px!important;
  border:0!important;
  background:transparent!important;
}
.is-planned-orchestration .zsa-ai-agent-step>header{
  min-height:24px;
  display:flex;
  align-items:center;
  gap:7px;
}
.is-planned-orchestration .zsa-ai-agent-step>header>b{
  min-width:0;
  color:#20252a!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:760!important;
}
.is-planned-orchestration .zsa-ai-agent-step>header>em{
  color:#7c848c!important;
  font-size:11px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:570!important;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-agent-step.is-active>header>em{color:#5b9f16!important}
.is-planned-orchestration .zsa-ai-agent-step.is-done>header>em{color:#629f29!important}
.is-planned-orchestration .zsa-ai-agent-step.is-error>header>em{color:#d24d55!important}
.is-planned-orchestration .zsa-ai-agent-step>header>time{
  margin-left:1px;
  color:#78a14e!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-style:normal;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-agent-step>header>button{
  width:25px;
  height:25px;
  margin-left:auto;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#7d858d;
  cursor:pointer;
}
.is-planned-orchestration .zsa-ai-agent-step>header>button:hover{background:#f3f5f2;color:#24292e}
.is-planned-orchestration .zsa-ai-agent-step>header>button>i,
.is-planned-orchestration .zsa-ai-agent-tool-head>i{
  width:7px;
  height:7px;
  display:block;
  border-right:1.4px solid currentColor;
  border-bottom:1.4px solid currentColor;
  transform:rotate(225deg) translate(-1px,-1px);
  transition:transform .18s ease;
}
.is-planned-orchestration .zsa-ai-agent-step.is-stage-collapsed>header>button>i,
.is-planned-orchestration .zsa-ai-agent-tool-group.is-stage-collapsed>.zsa-ai-agent-tool-head>i{transform:rotate(45deg) translate(-1px,-1px)}
.is-planned-orchestration .zsa-ai-agent-step-icon{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:block;
  border:1.4px solid #c7cdd2;
  border-radius:50%;
  background:#fff;
  box-sizing:border-box;
}
.is-planned-orchestration .zsa-ai-agent-step-icon.is-active{
  border-color:#75c91b;
  box-shadow:0 0 0 4px rgba(117,201,27,.08);
}
.is-planned-orchestration .zsa-ai-agent-step-icon.is-active:after{
  content:"";
  position:absolute;
  inset:3px;
  border:1.4px solid transparent;
  border-top-color:#5fae10;
  border-right-color:#5fae10;
  border-radius:50%;
  animation:zsaAiSpin .82s linear infinite;
}
.is-planned-orchestration .zsa-ai-agent-step-icon.is-done{
  border-color:#68b91d;
  background:#eff9e6;
}
.is-planned-orchestration .zsa-ai-agent-step-icon.is-done:after{
  content:"✓";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#4f9d0d;
  font-size:11px;
  line-height:1;
  font-weight:900;
}
.is-planned-orchestration .zsa-ai-agent-step-icon.is-error{border-color:#dd555d;background:#fff0f1}
.is-planned-orchestration .zsa-ai-agent-step-icon.is-error:after{
  content:"!";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#d5444d;
  font-size:11px;
  font-weight:900;
}
.is-planned-orchestration .zsa-ai-agent-step>p{
  width:auto!important;
  max-width:690px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:8px 0 0 25px!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  color:#5d666f!important;
  font-size:12px!important;
  line-height:1.75!important;
  white-space:pre-wrap!important;
  word-break:break-word!important;
  -webkit-line-clamp:unset!important;
}
.is-planned-orchestration .zsa-ai-agent-step.is-done>p{color:#474f57!important}
.is-planned-orchestration .zsa-ai-agent-step.is-stage-collapsed>p{display:none!important}
.is-planned-orchestration .zsa-ai-agent-tool-group{
  margin:0 0 8px 25px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.is-planned-orchestration .zsa-ai-agent-tool-head{
  width:100%;
  min-height:32px;
  padding:1px 0!important;
  display:flex;
  align-items:center;
  gap:8px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#30363c!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:720!important;
  text-align:left;
  cursor:pointer;
}
.is-planned-orchestration .zsa-ai-agent-tool-head:before{
  content:"↳";
  color:#8d959d;
  font-size:14px;
  font-weight:400;
}
.is-planned-orchestration .zsa-ai-agent-tool-head>i{margin-left:auto;margin-right:3px;color:#848b92}
.is-planned-orchestration .zsa-ai-agent-tool-body{
  margin:3px 0 0 7px;
  padding-left:17px;
  border-left:1px solid #e5e8e3;
}
.is-planned-orchestration .zsa-ai-agent-tool-body .zsa-ai-agent-step{padding-bottom:7px!important}
.is-planned-orchestration .zsa-ai-agent-tool-group.is-stage-collapsed>.zsa-ai-agent-tool-body{display:none!important}
.is-planned-orchestration .zsa-ai-agent-final{
  margin-top:8px;
  padding:12px 0 4px!important;
  border:0!important;
  border-top:1px solid #e9ece8!important;
  background:transparent!important;
}
.is-planned-orchestration .zsa-ai-agent-final>header{
  display:flex;
  align-items:center;
  gap:8px;
}
.is-planned-orchestration .zsa-ai-agent-final>header>span{
  width:19px;
  height:19px;
  flex:0 0 19px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eff9e5;
  color:#52a00c;
  font-size:11px;
  font-weight:900;
}
.is-planned-orchestration .zsa-ai-agent-final>header>b{color:#1f2429;font-size:13px;font-weight:800}
.is-planned-orchestration .zsa-ai-agent-final>header>small{margin-left:2px;color:#818990;font-size:10.5px}
.is-planned-orchestration .zsa-ai-agent-final>p{
  margin:8px 0 13px 27px!important;
  color:#606870!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.is-planned-orchestration .zsa-ai-agent-result-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.is-planned-orchestration .zsa-ai-agent-result-grid.is-single{grid-template-columns:minmax(0,430px)}
.is-planned-orchestration .zsa-ai-agent-result-item{
  position:relative;
  min-width:0;
  display:block;
  overflow:hidden;
  border:0!important;
  border-radius:14px;
  background:#f4f5f3;
  box-shadow:none!important;
  text-decoration:none!important;
}
.is-planned-orchestration .zsa-ai-agent-result-item img{
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  display:block;
  object-fit:contain;
  background:#f4f5f3;
  transition:transform .22s ease;
}
.is-planned-orchestration .zsa-ai-agent-result-item:hover img{transform:scale(1.012)}
.is-planned-orchestration .zsa-ai-agent-result-item>span{
  position:absolute;
  left:9px;
  bottom:9px;
  padding:4px 7px;
  border-radius:7px;
  background:rgba(24,27,31,.76);
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:650;
  backdrop-filter:blur(8px);
}
.is-planned-orchestration .zsa-ai-agent-suggestions{margin-top:14px}
.is-planned-orchestration .zsa-ai-agent-suggestions>small{display:block;margin-bottom:7px;color:#949ba2;font-size:10.5px}
.is-planned-orchestration .zsa-ai-agent-suggestions>div{display:flex;flex-wrap:wrap;gap:7px}
.is-planned-orchestration .zsa-ai-agent-suggestions button{
  min-height:30px;
  padding:0 10px;
  border:1px solid #e0e5dc;
  border-radius:999px;
  background:#fafbf9;
  color:#505960;
  font-size:11px;
  font-weight:630;
  cursor:pointer;
}
.is-planned-orchestration .zsa-ai-agent-suggestions button:hover{border-color:#bfdb9e;background:#f5faef;color:#47880d}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer{
  margin-top:12px!important;
  padding:9px 0 0!important;
  border:0!important;
  background:transparent!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer .zsa-ai-plan-live{
  color:#777f87!important;
  font-size:11px!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer .zsa-ai-plan-live>i{
  width:6px!important;
  height:6px!important;
  flex-basis:6px!important;
  background:#75c91c!important;
  box-shadow:none!important;
  animation:zsaAiAgentLive 1.25s ease-in-out infinite!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration.is-complete .zsa-ai-plan-footer .zsa-ai-plan-live>i{animation:none!important}
.zsa-ai-generation-task-card.is-planned-orchestration.is-failed .zsa-ai-plan-footer .zsa-ai-plan-live{color:#bd464e!important}
.zsa-ai-generation-task-card.is-planned-orchestration.is-failed .zsa-ai-plan-footer .zsa-ai-plan-live>i{background:#d95058!important;animation:none!important}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer>button{
  padding:5px 2px 5px 8px!important;
  border:0!important;
  background:transparent!important;
  color:#7c848b!important;
}
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer>button:hover{background:transparent!important;color:#242a2f!important}
.zsa-ai-generation-task-card.is-planned-orchestration.is-collapsed .zsa-ai-plan-task-head{border:0!important}
@keyframes zsaAiAgentLive{
  0%,100%{opacity:.45;transform:scale(.84)}
  50%{opacity:1;transform:scale(1.12)}
}
@media(max-width:720px){
  .zsa-ai-generation-output.is-planned-flow{margin-top:8px!important}
  .zsa-ai-generation-task-card.is-planned-orchestration{border-radius:0!important}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-task-head{min-height:39px!important;padding:0 0 8px!important}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-body{padding:0 0 6px!important}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-header-note{display:none!important}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-meta>span:nth-child(n+4){display:none!important}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-agent-intent{margin-top:10px!important;margin-bottom:15px!important}
  .is-planned-orchestration .zsa-ai-agent-step>header{gap:6px}
  .is-planned-orchestration .zsa-ai-agent-step>header>b{font-size:12.5px!important}
  .is-planned-orchestration .zsa-ai-agent-step>header>em{font-size:10.5px!important}
  .is-planned-orchestration .zsa-ai-agent-step>p{margin-left:25px!important;font-size:11.5px!important}
  .is-planned-orchestration .zsa-ai-agent-tool-group{margin-left:18px}
  .is-planned-orchestration .zsa-ai-agent-final>header{align-items:flex-start;flex-wrap:wrap}
  .is-planned-orchestration .zsa-ai-agent-final>header>small{width:calc(100% - 27px);margin-left:27px;margin-top:-4px}
  .is-planned-orchestration .zsa-ai-agent-final>p{margin-left:27px!important}
  .is-planned-orchestration .zsa-ai-agent-result-grid{gap:7px}
  .is-planned-orchestration .zsa-ai-agent-result-item{border-radius:11px}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer{align-items:flex-start!important;gap:8px!important}
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer [data-ai-generation-status]{white-space:normal!important}
}
@media(prefers-reduced-motion:reduce){
  .is-planned-orchestration .zsa-ai-agent-step-icon.is-active:after,
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-head-status.is-running:after,
  .zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-plan-footer .zsa-ai-plan-live>i{animation:none!important}
}

.zsa-ai-app-carousel-nav:hover{transform:translateY(-1px)!important;box-shadow:0 13px 30px rgba(15,23,42,.17)!important}
.zsa-ai-app-carousel-nav.is-prev{left:14px!important}
.zsa-ai-app-carousel-nav.is-next{right:14px!important}

/* 推荐卡片尺寸和弧形位置保持不动，仅切换信息层级 */
.zsa-ai-app-arc-card,
.zsa-ai-app-arc-card:hover,
.zsa-ai-app-arc-card.is-hovered,
.zsa-ai-app-arc-card:focus-visible{
    height:306px!important;
    transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1)!important;
    transition:border-color .2s ease,box-shadow .24s ease,opacity .2s ease!important;
    filter:none!important;
}
.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered,.zsa-ai-app-arc-card:focus-visible{z-index:120!important}
.zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:194px!important}
.zsa-ai-app-arc-cover-media,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover-media,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover-media,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover-media{transform:none!important;filter:none!important}
.zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
    height:112px!important;
    min-height:112px!important;
    padding:14px!important;
    overflow:hidden!important;
    background:#fff!important;
    transition:grid-template-columns .24s ease,gap .24s ease!important;
}
.zsa-ai-app-arc-body{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important}
.zsa-ai-app-arc-body>i{
    width:38px!important;
    min-width:38px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:hidden!important;
    transition:width .24s ease,min-width .24s ease,opacity .18s ease,visibility .18s ease,transform .24s ease!important;
}
.zsa-ai-app-arc-body>div{min-width:0;padding-right:0!important;transition:padding-right .24s ease!important}
.zsa-ai-app-arc-body b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-app-arc-body small{
    display:-webkit-box!important;
    height:0!important;
    max-height:0!important;
    margin-top:0!important;
    opacity:0!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    transition:height .24s ease,max-height .24s ease,margin-top .22s ease,opacity .18s ease!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{grid-template-columns:0 minmax(0,1fr)!important;gap:0!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>i,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>i{
    width:0!important;
    min-width:0!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(-8px)!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{padding-right:104px!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body small,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body small{
    height:50px!important;
    max-height:50px!important;
    margin-top:4px!important;
    opacity:1!important;
}
.zsa-ai-app-arc-body>button{
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(6px)!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility .18s ease,transform .22s ease!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>button,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>button{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
}

/* 下方应用卡片：默认图标+名称，悬停隐藏图标、展开简介、显示按钮 */
.zsa-ai-market-card,.zsa-ai-market-card:hover{transform:none!important}
.zsa-ai-market-card-body{grid-template-columns:36px minmax(0,1fr)!important;gap:9px!important;height:96px!important;min-height:96px!important;overflow:hidden!important;transition:grid-template-columns .24s ease,gap .24s ease!important}
.zsa-ai-market-card-body>i{
    width:36px!important;
    min-width:36px!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    overflow:hidden!important;
    transition:width .24s ease,min-width .24s ease,opacity .18s ease,visibility .18s ease,transform .24s ease!important;
}
.zsa-ai-market-card-body>div{min-width:0;padding-right:0!important;transition:padding-right .24s ease!important}
.zsa-ai-market-card-body small{
    display:-webkit-box!important;
    height:0!important;
    max-height:0!important;
    margin-top:0!important;
    opacity:0!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    transition:height .24s ease,max-height .24s ease,margin-top .22s ease,opacity .18s ease!important;
}
.zsa-ai-market-card:hover .zsa-ai-market-card-body,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body{grid-template-columns:0 minmax(0,1fr)!important;gap:0!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>i,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>i{
    width:0!important;
    min-width:0!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateX(-7px)!important;
}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>div,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>div{padding-right:94px!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body small,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body small{
    height:47px!important;
    max-height:47px!important;
    margin-top:3px!important;
    opacity:1!important;
}
.zsa-ai-market-card-body>button{opacity:0!important;visibility:hidden!important;transform:translateY(5px)!important;pointer-events:none!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>button,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>button{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
}

@media(max-width:1280px){
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:292px!important}
  .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:182px!important}
  .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body{height:110px!important;min-height:110px!important}
}
@media(max-width:640px){
  .zsa-ai-app-carousel-nav{z-index:9999!important;display:flex!important;opacity:1!important;visibility:visible!important}
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:276px!important}
  .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:164px!important}
  .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body{height:112px!important;min-height:112px!important}
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div{padding-right:0!important}
  .zsa-ai-app-arc-body>button,.zsa-ai-market-card-body>button{display:none!important}
}


/* v2.21.13 推荐卡片信息区与悬停状态最终修正 */
.zsa-ai-app-arc-card,
.zsa-ai-app-arc-card:hover,
.zsa-ai-app-arc-card.is-hovered,
.zsa-ai-app-arc-card:focus-visible{
  height:286px!important;
}
.zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{
  height:194px!important;
}
.zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
  box-sizing:border-box!important;
  height:92px!important;
  min-height:92px!important;
  padding:11px 12px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 0!important;
  gap:9px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.zsa-ai-app-arc-body>i{
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:width .22s ease,min-width .22s ease,opacity .16s ease,transform .22s ease!important;
}
.zsa-ai-app-arc-body>div{
  min-width:0!important;
  padding-right:0!important;
  align-self:center!important;
}
.zsa-ai-app-arc-body b{
  display:block!important;
  font-size:16px!important;
  line-height:22px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.zsa-ai-app-arc-body small{
  display:-webkit-box!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  opacity:0!important;
  color:#68727e!important;
  font-size:11px!important;
  line-height:16px!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  transition:height .22s ease,max-height .22s ease,margin-top .2s ease,opacity .16s ease!important;
}
.zsa-ai-app-arc-body>button{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  align-self:end!important;
  justify-self:end!important;
  box-sizing:border-box!important;
  max-width:0!important;
  min-width:0!important;
  height:32px!important;
  padding-left:0!important;
  padding-right:0!important;
  margin:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(4px)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  transition:max-width .22s ease,padding .22s ease,opacity .16s ease,visibility .16s ease,transform .2s ease!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
  grid-template-columns:0 minmax(0,1fr) auto!important;
  gap:8px!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>i,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>i{
  width:0!important;
  min-width:0!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-6px)!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{
  padding-right:0!important;
  align-self:stretch!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body small,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body small{
  height:32px!important;
  max-height:32px!important;
  margin-top:3px!important;
  opacity:1!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button,
.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>button,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>button{
  max-width:104px!important;
  min-width:82px!important;
  padding:0 12px!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* 下方应用卡片同步使用稳定的默认/悬停状态 */
.zsa-ai-market-card-body{
  box-sizing:border-box!important;
  height:88px!important;
  min-height:88px!important;
  padding:11px 12px!important;
  grid-template-columns:34px minmax(0,1fr) 0!important;
  gap:8px!important;
  align-items:center!important;
}
.zsa-ai-market-card-body>i{width:34px!important;min-width:34px!important;height:34px!important;opacity:1!important;visibility:visible!important}
.zsa-ai-market-card-body>div{padding-right:0!important;min-width:0!important}
.zsa-ai-market-card-body small{height:0!important;max-height:0!important;margin:0!important;opacity:0!important;line-height:15px!important;-webkit-line-clamp:2!important}
.zsa-ai-market-card-body>button{position:static!important;right:auto!important;bottom:auto!important;align-self:end!important;justify-self:end!important;max-width:0!important;min-width:0!important;height:30px!important;padding:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;white-space:nowrap!important;pointer-events:none!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body{grid-template-columns:0 minmax(0,1fr) auto!important;gap:7px!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>i,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>i{width:0!important;min-width:0!important;opacity:0!important;visibility:hidden!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>div,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>div{padding-right:0!important;align-self:stretch!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body small,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body small{height:30px!important;max-height:30px!important;margin-top:2px!important;opacity:1!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>button,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>button{max-width:96px!important;min-width:76px!important;padding:0 10px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}

@media(max-width:1280px){
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:270px!important}
  .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:178px!important}
  .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body{height:92px!important;min-height:92px!important}
}
@media(max-width:640px){
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{height:252px!important}
  .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{height:164px!important}
  .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body{height:88px!important;min-height:88px!important}
  .zsa-ai-app-arc-body>button,.zsa-ai-market-card-body>button{display:none!important}
}


/* v2.21.14 固定扇形轨道、热门排序、七类吸顶导航与稳定卡片信息 */
.zsa-ai-app-carousel{height:390px!important;margin-top:26px!important;overflow:visible!important;isolation:isolate!important}
.zsa-ai-app-carousel-viewport{position:relative!important;height:390px!important;padding:10px 0 54px!important;overflow:hidden!important}
.zsa-ai-app-carousel-track{position:relative!important;height:100%!important}
.zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered,.zsa-ai-app-arc-card:focus-visible{
  top:10px!important;width:280px!important;height:292px!important;
  transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1)!important;
  transition:opacity .2s ease,border-color .2s ease,box-shadow .22s ease!important;
  will-change:opacity!important;filter:none!important
}
.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card:focus-visible{border-color:#b9e884!important;box-shadow:0 18px 38px rgba(15,23,42,.14)!important}
.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:190px!important}
.zsa-ai-app-arc-cover-media,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover-media{transform:none!important;filter:none!important}
.zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
  box-sizing:border-box!important;height:102px!important;min-height:102px!important;padding:11px 12px!important;
  display:grid!important;grid-template-columns:36px minmax(0,1fr) 0!important;gap:9px!important;align-items:center!important;overflow:hidden!important;background:#fff!important
}
.zsa-ai-app-arc-body>i{width:36px!important;min-width:36px!important;height:36px!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:width .2s ease,min-width .2s ease,opacity .16s ease!important}
.zsa-ai-app-arc-body>div{min-width:0!important;padding-right:0!important;align-self:center!important}
.zsa-ai-app-arc-body b{display:block!important;font-size:15px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-app-arc-body small{display:-webkit-box!important;height:34px!important;max-height:34px!important;margin-top:3px!important;opacity:1!important;color:#68717d!important;font-size:11px!important;line-height:17px!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.zsa-ai-app-arc-body>button{position:static!important;align-self:end!important;justify-self:end!important;max-width:0!important;min-width:0!important;height:30px!important;padding:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;white-space:nowrap!important;transition:max-width .2s ease,min-width .2s ease,padding .2s ease,opacity .16s ease!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{grid-template-columns:0 minmax(0,1fr) auto!important;gap:7px!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>i{width:0!important;min-width:0!important;opacity:0!important;visibility:hidden!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>button{max-width:102px!important;min-width:82px!important;padding:0 11px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.zsa-ai-app-carousel-nav{z-index:9999!important;display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:rgba(255,255,255,.98)!important}
.zsa-ai-app-carousel-nav.is-prev{left:12px!important}.zsa-ai-app-carousel-nav.is-next{right:12px!important}

.zsa-ai-market-role-tabs{position:sticky!important;top:66px!important;z-index:65!important;width:max-content!important;max-width:calc(100% - 30px)!important;margin:0 auto 24px!important;padding:5px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;border:1px solid rgba(229,232,235,.9)!important;border-radius:24px!important;background:rgba(248,249,250,.94)!important;box-shadow:0 8px 24px rgba(15,23,42,.07)!important;backdrop-filter:blur(12px)!important;scrollbar-width:none!important}
.zsa-ai-market-role-tabs::-webkit-scrollbar{display:none!important}
.zsa-ai-market-role-tabs button{flex:0 0 auto!important;border:0!important;background:transparent!important;color:#646d78!important;font-weight:600!important}
.zsa-ai-market-role-tabs button.is-active{background:#fff!important;color:#111!important;box-shadow:0 3px 10px rgba(15,23,42,.10)!important}
.zsa-ai-market-section{scroll-margin-top:132px!important;min-height:180px!important;margin-bottom:42px!important}
.zsa-ai-market-category-empty{padding:34px;border:1px dashed #d7dde3;border-radius:18px;background:rgba(255,255,255,.7);text-align:center;color:#7b8490}
.zsa-ai-market-category-empty b{display:block;color:#333;margin-bottom:5px}

/* 下方应用默认展示图标、名称和简介；悬停仅隐藏图标并出现按钮 */
.zsa-ai-market-card,.zsa-ai-market-card:hover,.zsa-ai-market-card:focus-visible{transform:none!important}
.zsa-ai-market-card-body,.zsa-ai-market-card:hover .zsa-ai-market-card-body,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body{box-sizing:border-box!important;height:98px!important;min-height:98px!important;padding:11px 12px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 0!important;gap:8px!important;align-items:center!important;overflow:hidden!important}
.zsa-ai-market-card-body>i{width:34px!important;min-width:34px!important;height:34px!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:width .2s ease,min-width .2s ease,opacity .16s ease!important}
.zsa-ai-market-card-body>div{min-width:0!important;padding-right:0!important}
.zsa-ai-market-card-body b{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-market-card-body small{display:-webkit-box!important;height:34px!important;max-height:34px!important;margin-top:3px!important;opacity:1!important;line-height:17px!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.zsa-ai-market-card-body>button{position:static!important;max-width:0!important;min-width:0!important;height:30px!important;padding:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;white-space:nowrap!important;align-self:end!important;justify-self:end!important;transition:max-width .2s ease,min-width .2s ease,padding .2s ease,opacity .16s ease!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body{grid-template-columns:0 minmax(0,1fr) auto!important;gap:7px!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>i,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>i{width:0!important;min-width:0!important;opacity:0!important;visibility:hidden!important}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>button,.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>button{max-width:96px!important;min-width:78px!important;padding:0 10px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
@media(max-width:720px){.zsa-ai-app-carousel{height:330px!important}.zsa-ai-app-carousel-viewport{height:330px!important}.zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover{width:220px!important;height:260px!important}.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover{height:164px!important}.zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body{height:96px!important;min-height:96px!important}.zsa-ai-app-arc-body>button,.zsa-ai-market-card-body>button{display:none!important}.zsa-ai-market-role-tabs{top:58px!important;max-width:calc(100% - 16px)!important}.zsa-ai-market-section{scroll-margin-top:118px!important}}


/* v2.21.15 卡片显示、固定左侧导航与分类吸顶修复 */
@media(min-width:901px){
  .zsa-ai-app{overflow:visible!important;min-height:100vh!important}
  .zsa-ai-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--zsa-ai-sidebar)!important;height:100vh!important;max-height:100vh!important;z-index:100!important;overflow:hidden!important}
  body.admin-bar .zsa-ai-sidebar{top:32px!important;height:calc(100vh - 32px)!important;max-height:calc(100vh - 32px)!important}
  .zsa-ai-main{grid-column:2!important;min-width:0!important;width:100%!important}
  .zsa-ai-topbar{position:sticky!important;top:0!important;z-index:90!important}
  body.admin-bar .zsa-ai-topbar{top:32px!important}
}
.zsa-ai-applications-panel,.zsa-ai-app-market-v2,.zsa-ai-app-market-content{overflow:visible!important}
.zsa-ai-app-market-v2{padding-bottom:90px!important}
.zsa-ai-app-market-hero{min-height:auto!important;padding-bottom:18px!important}
.zsa-ai-app-market-content{margin-top:0!important}
.zsa-ai-app-carousel{height:342px!important;margin-top:22px!important;overflow:visible!important}
.zsa-ai-app-carousel-viewport{height:342px!important;padding:8px 0 36px!important;overflow:hidden!important}
.zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered,.zsa-ai-app-arc-card:focus-visible{
  top:8px!important;width:248px!important;height:276px!important;
  transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate))!important;
  transition:opacity .22s ease,border-color .2s ease,box-shadow .22s ease!important
}
.zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:176px!important;background-color:#eef2f5!important}
.zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{height:100px!important;min-height:100px!important}
.zsa-ai-app-arc-cover.is-fallback,.zsa-ai-market-card-cover.is-fallback{background:linear-gradient(145deg,#f5f8fb,#e8eef4)!important}
.zsa-ai-app-arc-placeholder,.zsa-ai-market-fallback{width:auto!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#27313d!important}
.zsa-ai-app-fallback-mark{width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important;font-size:18px!important;font-weight:900!important;color:#27313d!important;overflow:hidden!important}
.zsa-ai-app-fallback-mark img,.zsa-ai-app-fallback-mark svg{width:42px!important;height:42px!important;object-fit:contain!important;background:transparent!important}
.zsa-ai-app-arc-placeholder>strong,.zsa-ai-market-fallback>strong{font-size:13px!important;color:#4d5966!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-app-carousel-nav{top:118px!important;z-index:9999!important}
.zsa-ai-market-role-tabs{position:sticky!important;top:76px!important;z-index:88!important;margin-top:0!important;background:rgba(248,249,250,.97)!important}
body.admin-bar .zsa-ai-market-role-tabs{top:108px!important}
.zsa-ai-market-section{scroll-margin-top:138px!important}
@media(max-width:1280px){
  .zsa-ai-app-carousel{height:326px!important}.zsa-ai-app-carousel-viewport{height:326px!important}
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover{width:228px!important;height:260px!important}
  .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover{height:164px!important}
  .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body{height:96px!important;min-height:96px!important}
}
@media(max-width:900px){
  .zsa-ai-app{overflow:hidden!important}.zsa-ai-sidebar{position:fixed!important;height:100vh!important}
  .zsa-ai-topbar{position:sticky!important;top:0!important;z-index:90!important}
  .zsa-ai-market-role-tabs{top:58px!important}.zsa-ai-applications-panel,.zsa-ai-app-market-v2{overflow-x:hidden!important;overflow-y:visible!important}
}
@media(max-width:640px){
  .zsa-ai-app-carousel{height:300px!important}.zsa-ai-app-carousel-viewport{height:300px!important}
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover{width:210px!important;height:248px!important}
  .zsa-ai-app-arc-cover,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover{height:154px!important}
  .zsa-ai-app-arc-body,.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body{height:94px!important;min-height:94px!important}
  .zsa-ai-app-carousel-nav{top:102px!important}
}


/* v2.21.16 简介严格两行省略、顶部推荐严格6张 */
.zsa-ai-app-arc-body small,
.zsa-ai-market-card-body small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  line-height:16px!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  word-break:break-word!important;
  opacity:1!important;
}
.zsa-ai-app-arc-body>div,
.zsa-ai-market-card-body>div{min-height:52px!important;overflow:hidden!important}
.zsa-ai-app-carousel-track [data-ai-market-slide]:nth-child(n+7){display:none!important}


/* v2.21.17 独立应用详情页与同款作品社区 */
.zsa-ai-app-detail-page{width:min(100%,980px);margin:0 auto;padding:28px 24px 80px}.zsa-ai-app-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;min-height:250px;padding:18px;border:1px solid #e5e7eb;border-radius:24px;background:linear-gradient(120deg,#f3ffd8 0%,#fff 55%,#f4f8ff 100%);overflow:hidden}.zsa-ai-app-detail-lead{display:flex;gap:18px;align-items:flex-start;padding:2px}.zsa-ai-app-detail-logo{width:88px;height:88px;flex:0 0 88px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ccf5ff,#eefcff);overflow:hidden}.zsa-ai-app-detail-logo img{width:100%;height:100%;object-fit:contain}.zsa-ai-app-detail-logo>span{font-size:30px;font-weight:900}.zsa-ai-app-detail-copy{padding-top:98px}.zsa-ai-app-detail-copy h1{margin:0 0 10px;font-size:34px;line-height:1.15;color:#111827}.zsa-ai-app-detail-copy p{margin:0;max-width:530px;font-size:15px;line-height:1.8;color:#5d6572}.zsa-ai-app-detail-chips{display:flex;gap:8px;margin-top:22px}.zsa-ai-app-detail-chips span,.zsa-ai-app-detail-chips em{padding:6px 12px;border:1px solid #dfe3e8;border-radius:999px;background:#fff;color:#4b5563;font-style:normal;font-size:12px}.zsa-ai-app-pin{position:absolute;right:308px;top:20px;width:38px;height:38px;border:1px solid #dfe3e8;border-radius:50%;background:#fff;font-size:20px;cursor:pointer}.zsa-ai-app-detail-cover{border-radius:18px;background:#eef2f5 center/cover no-repeat;min-height:214px;overflow:hidden}.zsa-ai-app-detail-cover.is-empty{display:grid;place-items:center}.zsa-ai-app-detail-cover.is-empty img{max-width:96px;max-height:96px;object-fit:contain}
.zsa-ai-app-composer-card{margin-top:22px;padding:18px;border:2px solid #7fe20a;border-radius:26px;background:#fff;box-shadow:0 10px 30px rgba(126,226,10,.18)}.zsa-ai-app-reference-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.zsa-ai-app-reference-thumb{width:70px;height:70px;border:1px solid #e5e7eb;border-radius:13px;background:#f8fafc center/cover no-repeat;display:grid;place-items:center;overflow:hidden}.zsa-ai-app-reference-thumb img{width:100%;height:100%;object-fit:contain}.zsa-ai-app-add-reference{width:44px;height:44px;border:1px solid #dfe3e8;border-radius:50%;background:#fff;font-size:25px;cursor:pointer}.zsa-ai-app-generated-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 10px}.zsa-ai-app-field{display:grid;gap:5px}.zsa-ai-app-field span{font-size:12px;color:#5f6875}.zsa-ai-app-field input,.zsa-ai-app-field select,.zsa-ai-app-field textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #e1e5ea;border-radius:10px;background:#fbfcfd;font:inherit}.zsa-ai-app-prompt-editor{width:100%;min-height:112px;padding:8px 2px;border:0;outline:0;resize:none;font-size:16px;line-height:1.75;color:#151a20;background:transparent}.zsa-ai-app-composer-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:10px}.zsa-ai-app-composer-options{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.zsa-ai-app-composer-options label{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:10px;background:#f7f9fb;font-size:12px;color:#69717d}.zsa-ai-app-composer-options select{max-width:160px;border:0;background:transparent;outline:0;font-weight:700}.zsa-ai-app-plus{width:34px;height:34px;border:0;background:transparent;font-size:25px;cursor:pointer}.zsa-ai-run-app{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:10px 16px!important}.zsa-ai-run-app b{padding:2px 7px;border-radius:999px;background:#111;color:#fff;font-size:11px}.zsa-ai-app-result-card.is-inline{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:16px 0!important}.zsa-ai-app-result-card.is-inline .zsa-ai-app-image-result{max-width:420px;margin:0 auto}
.zsa-ai-app-community{margin-top:64px}.zsa-ai-app-community-tabs{display:inline-flex;padding:4px;border-radius:999px;background:#f5f6f8}.zsa-ai-app-community-tabs button{padding:10px 19px;border:0;border-radius:999px;background:transparent;color:#5d6572;font-weight:700;cursor:pointer}.zsa-ai-app-community-tabs button.is-active{background:#111;color:#fff}.zsa-ai-app-community-grid{margin-top:24px;column-count:4;column-gap:20px}.zsa-ai-app-work-card{break-inside:avoid;margin:0 0 20px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.zsa-ai-app-work-card:hover{border-color:#9be33b;box-shadow:0 12px 28px rgba(15,23,42,.12)}.zsa-ai-app-work-image{position:relative;overflow:hidden;background:#f3f4f6}.zsa-ai-app-work-image img{display:block;width:100%;height:auto;min-height:170px;object-fit:cover}.zsa-ai-app-work-image span{position:absolute;left:50%;bottom:14px;transform:translate(-50%,12px);padding:9px 18px;border-radius:999px;background:#7fe20a;color:#111;font-weight:800;opacity:0;transition:opacity .2s ease,transform .2s ease}.zsa-ai-app-work-card:hover .zsa-ai-app-work-image span{opacity:1;transform:translate(-50%,0)}.zsa-ai-app-work-meta{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px}.zsa-ai-app-work-meta img,.zsa-ai-app-work-meta i{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#dfffd0;display:grid;place-items:center;font-style:normal;font-size:10px}.zsa-ai-app-work-meta b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#4b5563}.zsa-ai-app-work-meta em{font-style:normal;font-size:12px;color:#6b7280}.zsa-ai-app-works-loading,.zsa-ai-app-works-empty{column-span:all;padding:72px 20px;text-align:center;color:#727b87}.zsa-ai-app-works-empty b{display:block;margin-bottom:8px;color:#1f2937;font-size:18px}.zsa-ai-app-community-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:28px}.zsa-ai-app-community-pagination button{min-width:36px;height:36px;border:1px solid #e1e5ea;border-radius:9px;background:#fff;cursor:pointer}.zsa-ai-app-community-pagination button.is-current{background:#111;color:#fff;border-color:#111}.zsa-ai-app-community-pagination button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1000px){.zsa-ai-app-community-grid{column-count:3}.zsa-ai-app-detail-page{padding-left:16px;padding-right:16px}}@media(max-width:760px){.zsa-ai-app-detail-hero{grid-template-columns:1fr}.zsa-ai-app-detail-copy{padding-top:0}.zsa-ai-app-detail-cover{min-height:190px}.zsa-ai-app-pin{right:18px}.zsa-ai-app-generated-fields{grid-template-columns:1fr}.zsa-ai-app-composer-toolbar{align-items:stretch;flex-direction:column}.zsa-ai-run-app{justify-content:center!important}.zsa-ai-app-community-grid{column-count:2}}@media(max-width:520px){.zsa-ai-app-detail-page{padding:12px 10px 60px}.zsa-ai-app-detail-lead{gap:12px}.zsa-ai-app-detail-logo{width:62px;height:62px;flex-basis:62px}.zsa-ai-app-detail-copy h1{font-size:26px}.zsa-ai-app-community-grid{column-count:1}}


/* v2.21.18 应用跳转、订阅与多参考图 */
.zsa-ai-subscribed-apps{display:contents!important}
.zsa-ai-app-detail-hero{grid-template-columns:minmax(0,1fr) 290px!important;align-items:stretch!important}
.zsa-ai-app-detail-lead{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:0!important;min-width:0!important}
.zsa-ai-app-detail-logo{width:88px!important;height:88px!important;flex:0 0 88px!important}
.zsa-ai-app-detail-copy{padding-top:0!important;width:100%!important;min-width:0!important}
.zsa-ai-app-detail-copy h1{margin:0 0 9px!important}
.zsa-ai-app-detail-copy p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;max-width:100%!important}
.zsa-ai-app-detail-chips{margin-top:18px!important}
.zsa-ai-app-subscribe{position:absolute!important;right:308px!important;top:18px!important;z-index:4!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:38px!important;height:38px!important;padding:0 11px!important;border:1px solid #dfe3e8!important;border-radius:999px!important;background:#fff!important;color:#252a31!important;cursor:pointer!important;box-shadow:0 6px 16px rgba(15,23,42,.06)!important}
.zsa-ai-app-subscribe span{font-size:19px!important;line-height:1!important}.zsa-ai-app-subscribe b{font-size:12px!important;white-space:nowrap!important}.zsa-ai-app-subscribe.is-active{border-color:#7fe20a!important;background:#efffdc!important;color:#315b00!important}.zsa-ai-app-subscribe:disabled{opacity:.6!important;cursor:wait!important}
.zsa-ai-app-reference-row{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:72px!important;overflow:visible!important}
.zsa-ai-app-reference-list{display:flex!important;align-items:center!important;gap:9px!important;overflow:visible!important}
.zsa-ai-app-reference-item{position:relative!important;width:70px!important;height:70px!important;flex:0 0 70px!important;z-index:2!important}
.zsa-ai-reference-thumb{width:70px!important;height:70px!important;padding:0!important;border:1px solid #dfe3e8!important;border-radius:13px!important;background:#fff!important;overflow:hidden!important;cursor:pointer!important;display:block!important}
.zsa-ai-reference-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.zsa-ai-reference-thumb span{position:absolute!important;left:7px!important;right:7px!important;bottom:5px!important;padding:2px 4px!important;border-radius:5px!important;background:rgba(17,24,39,.68)!important;color:#fff!important;font-size:10px!important;text-align:center!important}
.zsa-ai-reference-delete{position:absolute!important;right:-6px!important;top:-6px!important;z-index:8!important;width:20px!important;height:20px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#111!important;color:#fff!important;font-size:15px!important;line-height:20px!important;cursor:pointer!important;box-shadow:0 4px 10px rgba(15,23,42,.22)!important}
.zsa-ai-reference-pop{position:absolute!important;left:50%!important;bottom:82px!important;z-index:30!important;width:160px!important;height:160px!important;padding:0!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 45px rgba(15,23,42,.28)!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s!important}
.zsa-ai-reference-pop img{width:100%!important;height:100%!important;object-fit:cover!important}.zsa-ai-reference-pop b{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:7px!important;background:linear-gradient(transparent,rgba(0,0,0,.7))!important;color:#fff!important;text-align:center!important;font-size:12px!important}
.zsa-ai-app-reference-item:hover .zsa-ai-reference-pop,.zsa-ai-app-reference-item:focus-within .zsa-ai-reference-pop,.zsa-ai-app-reference-item.is-preview-open .zsa-ai-reference-pop{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important}
.zsa-ai-app-add-reference{flex:0 0 44px!important}.zsa-ai-app-reference-tip{color:#89919b!important;font-size:12px!important;white-space:nowrap!important}
.zsa-ai-app-prompt-editor{overflow-y:auto!important;scrollbar-width:none!important}.zsa-ai-app-prompt-editor::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.zsa-ai-app-generated-fields:empty{display:none!important;margin:0!important}
.zsa-ai-app-arc-card,.zsa-ai-market-card{cursor:pointer!important}
@media(max-width:760px){.zsa-ai-app-subscribe{right:18px!important}.zsa-ai-app-reference-row{flex-wrap:wrap!important}.zsa-ai-app-reference-tip{width:100%!important}.zsa-ai-reference-pop{left:0!important;transform:translate(0,10px)!important}.zsa-ai-app-reference-item:hover .zsa-ai-reference-pop,.zsa-ai-app-reference-item.is-preview-open .zsa-ai-reference-pop{transform:translate(0,0)!important}}


/* v2.21.20 统一应用详情页、提示词样式与推荐卡片跳转 */
.zsa-ai-app-reference-input,[data-ai-app-reference-input]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-99999px!important;opacity:0!important;pointer-events:none!important}
.zsa-ai-app-reference-tip{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.zsa-ai-app-detail-page{width:min(980px,calc(100vw - 320px))!important;margin:0 auto!important}
.zsa-ai-app-detail-hero{grid-template-columns:minmax(0,1fr) 300px!important;gap:34px!important;align-items:stretch!important;padding:18px!important}
.zsa-ai-app-detail-lead{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:0 10px 0 2px!important;min-width:0!important}
.zsa-ai-app-detail-logo{width:78px!important;height:78px!important;flex:0 0 78px!important;margin:0!important}
.zsa-ai-app-detail-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important}
.zsa-ai-app-detail-copy h1{margin:2px 0 7px!important;font-size:32px!important;line-height:1.15!important;color:#111!important}
.zsa-ai-app-detail-copy p{margin:0!important;max-width:560px!important;line-height:1.65!important;color:#5f6874!important;-webkit-line-clamp:3!important}
.zsa-ai-app-detail-chips{margin-top:14px!important}
.zsa-ai-app-detail-actions{display:flex!important;align-items:center!important;margin-top:14px!important;min-height:38px!important}
.zsa-ai-app-subscribe{position:static!important;right:auto!important;top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:88px!important;height:36px!important;padding:0 16px!important;border:1px solid #dce1e6!important;border-radius:999px!important;background:#fff!important;color:#23272d!important;box-shadow:0 5px 14px rgba(15,23,42,.05)!important;cursor:pointer!important}
.zsa-ai-app-subscribe b{font-size:13px!important;font-weight:800!important;white-space:nowrap!important}.zsa-ai-app-subscribe.is-active{border-color:#b9e97f!important;background:#f2ffe4!important;color:#315b00!important}
.zsa-ai-app-detail-cover{min-height:210px!important;border-radius:20px!important}
.zsa-ai-app-composer-card{margin-top:18px!important;padding:14px 16px 12px!important;min-height:0!important}
.zsa-ai-app-reference-row{min-height:60px!important;gap:8px!important;margin:0 0 2px!important;padding:0!important}
.zsa-ai-app-reference-list{gap:8px!important}
.zsa-ai-app-reference-item,.zsa-ai-reference-thumb{width:60px!important;height:60px!important;flex-basis:60px!important}
.zsa-ai-app-add-reference{width:42px!important;height:42px!important;flex-basis:42px!important}
.zsa-ai-app-generated-fields{gap:5px!important;margin:0 0 2px!important}
.zsa-ai-app-field{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:center!important;gap:4px!important;min-height:24px!important}
.zsa-ai-app-field span{font-size:15px!important;color:#111!important;font-weight:500!important;white-space:nowrap!important}
.zsa-ai-app-field span:after{content:'：'}
.zsa-ai-app-field input,.zsa-ai-app-field select,.zsa-ai-app-field textarea{min-height:24px!important;height:auto!important;padding:1px 5px!important;border:0!important;border-radius:5px!important;background:#f7f7f7!important;box-shadow:none!important;color:#e75d28!important;font-size:15px!important;line-height:1.45!important;outline:0!important}
.zsa-ai-app-field textarea{min-height:28px!important;resize:none!important;overflow:hidden!important}
.zsa-ai-app-prompt-line{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:start!important;gap:4px!important;margin:0!important;padding:0!important}
.zsa-ai-app-prompt-line>span{padding-top:4px!important;color:#111!important;font-size:15px!important;font-weight:500!important;white-space:nowrap!important}
.zsa-ai-app-prompt-editor{min-height:58px!important;max-height:118px!important;padding:3px 5px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#e75d28!important;font-size:15px!important;line-height:1.55!important;overflow-y:auto!important;box-shadow:none!important}
.zsa-ai-app-prompt-editor::placeholder{color:#a0a6ad!important}
.zsa-ai-app-composer-toolbar{padding-top:4px!important;min-height:40px!important}
.zsa-ai-app-arc-card{display:block!important;color:inherit!important;text-decoration:none!important}
.zsa-ai-app-arc-card:visited{color:inherit!important}.zsa-ai-app-arc-try{display:inline-flex!important;align-items:center!important;justify-content:center!important}
@media(max-width:1000px){.zsa-ai-app-detail-page{width:100%!important}.zsa-ai-app-detail-hero{grid-template-columns:minmax(0,1fr) 250px!important}}
@media(max-width:760px){.zsa-ai-app-detail-hero{grid-template-columns:1fr!important;gap:18px!important}.zsa-ai-app-detail-cover{min-height:180px!important}.zsa-ai-app-detail-lead{padding:0!important}.zsa-ai-app-generated-fields{grid-template-columns:1fr!important}.zsa-ai-app-prompt-line{grid-template-columns:1fr!important}.zsa-ai-app-prompt-line>span{padding-top:0!important}}


/* v2.21.20 推荐卡片、统一应用生成框与参考图交互最终修复 */
.zsa-ai-app-arc-card{display:flex!important;flex-direction:column!important;width:250px!important;height:292px!important;color:#111!important;text-decoration:none!important;border:1px solid #dfe3e8!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;cursor:pointer!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;transition:border-color .18s ease,box-shadow .18s ease!important}
.zsa-ai-app-arc-card:hover{border-color:#9ade48!important;box-shadow:0 13px 30px rgba(15,23,42,.14)!important}
.zsa-ai-app-arc-cover{height:184px!important;min-height:184px!important;flex:0 0 184px!important;overflow:hidden!important;background:#eef2f5!important}
.zsa-ai-app-arc-cover-media{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.zsa-ai-app-arc-body{position:relative!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;height:108px!important;min-height:108px!important;padding:13px 14px!important;background:#fff!important;overflow:hidden!important}
.zsa-ai-app-arc-body>i{display:flex!important;width:36px!important;height:36px!important;opacity:1!important;visibility:visible!important;transform:none!important}
.zsa-ai-app-arc-body>div{min-width:0!important;padding:0!important}
.zsa-ai-app-arc-body b{display:block!important;margin:0 0 4px!important;font-size:15px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-app-arc-body small{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;height:36px!important;max-height:36px!important;font-size:12px!important;line-height:18px!important;color:#69717d!important}
.zsa-ai-app-arc-try{position:absolute!important;right:12px!important;bottom:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:82px!important;height:32px!important;padding:0 12px!important;border-radius:999px!important;background:#111!important;color:#fff!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;opacity:0!important;visibility:hidden!important;transform:translateY(4px)!important;transition:opacity .16s ease,transform .16s ease,visibility .16s!important;z-index:5!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-try,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-try{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{padding-right:88px!important}
.zsa-ai-app-carousel-track{pointer-events:auto!important}.zsa-ai-app-carousel-nav{z-index:9999!important;pointer-events:auto!important}

.zsa-ai-app-composer-card{position:relative!important;padding:14px 16px 12px!important;min-height:170px!important;overflow:visible!important}
.zsa-ai-app-reference-row[hidden]{display:none!important}.zsa-ai-app-reference-row{display:flex!important;align-items:center!important;gap:9px!important;min-height:62px!important;margin:0 0 6px!important;overflow:visible!important}
.zsa-ai-app-reference-list{display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}
.zsa-ai-app-add-reference.is-inline{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;flex:0 0 44px!important;border:1px solid #dfe3e8!important;border-radius:50%!important;background:#fff!important;color:#222!important;font-size:25px!important;cursor:pointer!important}
.zsa-ai-app-add-reference.is-inline[hidden]{display:none!important}
.zsa-ai-app-prompt-editor{display:block!important;width:100%!important;min-height:92px!important;height:auto;max-height:none!important;margin:0!important;padding:4px 2px 10px!important;border:0!important;outline:0!important;background:transparent!important;color:#111827!important;font-size:16px!important;line-height:1.55!important;resize:none!important;overflow:hidden!important;scrollbar-width:none!important;box-shadow:none!important}
.zsa-ai-app-prompt-editor::-webkit-scrollbar{display:none!important}
.zsa-ai-app-prompt-editor::placeholder{color:#a2a8b1!important}
.zsa-ai-app-composer-toolbar{position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;padding-top:4px!important}
.zsa-ai-app-add-wrap{position:relative!important;display:inline-flex!important}
.zsa-ai-app-plus{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#252a31!important;font-size:26px!important;cursor:pointer!important}
.zsa-ai-app-plus:hover{background:#f1f3f5!important}
.zsa-ai-app-add-menu{position:absolute!important;left:0!important;bottom:46px!important;z-index:1000!important;width:186px!important;padding:8px!important;border:1px solid #e1e5ea!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 40px rgba(15,23,42,.18)!important}
.zsa-ai-app-add-menu[hidden]{display:none!important}
.zsa-ai-app-add-menu button{display:grid!important;grid-template-columns:24px minmax(0,1fr) 14px!important;align-items:center!important;width:100%!important;min-height:38px!important;padding:7px 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#20242a!important;text-align:left!important;cursor:pointer!important}
.zsa-ai-app-add-menu button:hover{background:#f4f6f8!important}.zsa-ai-app-add-menu button span{font-size:18px!important}.zsa-ai-app-add-menu button b{font-size:13px!important;font-weight:700!important}.zsa-ai-app-add-menu button em{text-align:right!important;color:#8b929c!important;font-style:normal!important}.zsa-ai-app-add-menu>i{display:block!important;height:1px!important;margin:5px 4px!important;background:#e8ebef!important}
.zsa-ai-app-composer-card.is-dragover{box-shadow:0 0 0 3px rgba(127,226,10,.28),0 18px 46px rgba(83,164,0,.14)!important}
.zsa-ai-reference-thumb span{display:none!important}

@media(max-width:760px){.zsa-ai-app-arc-card{width:220px!important;height:270px!important}.zsa-ai-app-arc-cover{height:164px!important;min-height:164px!important;flex-basis:164px!important}.zsa-ai-app-arc-body{height:106px!important;min-height:106px!important}.zsa-ai-app-composer-options label{display:none!important}.zsa-ai-app-add-menu{left:-4px!important}}


/* v2.21.21 顶部推荐卡片原生跳转与独立生成页 */
.zsa-ai-app-carousel-track{pointer-events:auto!important}
.zsa-ai-app-arc-card{pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important;position:absolute!important}
.zsa-ai-app-arc-card *{pointer-events:none!important}
.zsa-ai-app-arc-body{position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;overflow:hidden!important}
.zsa-ai-app-arc-body>i{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:transparent!important}
.zsa-ai-app-arc-body>div{min-width:0!important;padding-right:0!important}
.zsa-ai-app-arc-body b{display:block!important;font-size:16px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-app-arc-body small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:4px!important;font-size:12px!important;line-height:1.45!important;color:#667085!important;padding-right:0!important}
.zsa-ai-app-arc-try{position:absolute!important;right:12px!important;bottom:12px!important;height:34px!important;min-width:88px!important;padding:0 12px!important;border-radius:999px!important;background:#111!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important;opacity:0!important;visibility:hidden!important;transform:translateY(5px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:4!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-try,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-try{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{padding-right:96px!important}
.zsa-ai-app-carousel-nav{pointer-events:auto!important;z-index:10001!important}

.zsa-ai-generation-panel{padding:0!important;min-height:100vh!important}
.zsa-ai-generation-page{width:min(980px,calc(100% - 32px));min-height:calc(100vh - 32px);margin:16px auto 40px;background:#fff;border:1px solid #e6e8eb;border-radius:34px;box-shadow:0 20px 55px rgba(15,23,42,.08);overflow:hidden}
.zsa-ai-generation-topbar{height:66px;padding:0 20px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(180px,1fr);align-items:center;border-bottom:1px solid #eef0f2;background:rgba(255,255,255,.95);position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}
.zsa-ai-generation-app{display:flex;align-items:center;gap:10px;min-width:0}.zsa-ai-generation-app>i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:#f3f6f8}.zsa-ai-generation-app>i img{width:100%;height:100%;object-fit:contain}.zsa-ai-generation-app div{display:grid;min-width:0}.zsa-ai-generation-app b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-generation-app span{font-size:11px;color:#8a94a3}
.zsa-ai-generation-tabs{display:flex;gap:6px;padding:4px;border-radius:999px;background:#f5f6f7}.zsa-ai-generation-tabs button{border:0;background:transparent;border-radius:999px;padding:8px 15px;font-weight:700;color:#667085;cursor:pointer}.zsa-ai-generation-tabs button.is-active{background:#111;color:#fff}
.zsa-ai-generation-back{justify-self:end;border:1px solid #e0e3e7;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
.zsa-ai-generation-workspace{min-height:760px;padding:24px 22px 104px;position:relative;background:linear-gradient(180deg,#fff,#fcfcfd)}
.zsa-ai-generation-thread{max-width:760px;margin:0 auto}.zsa-ai-generation-thread-meta{display:flex;align-items:center;gap:10px;color:#98a2b3;font-size:12px}.zsa-ai-generation-thread-meta b{color:#667085}.zsa-ai-generation-thread-meta em{margin-left:auto;font-style:normal}
.zsa-ai-generation-request{margin-top:20px}.zsa-ai-generation-request-tags{display:flex;gap:9px;flex-wrap:wrap}.zsa-ai-generation-request-tags span{padding:6px 9px;border-radius:9px;background:#f4f6f8;font-size:12px;color:#667085}.zsa-ai-generation-request h2{margin:16px 0 20px;font-size:18px;line-height:1.65;font-weight:650;color:#111827}
.zsa-ai-generation-output{min-height:360px}.zsa-ai-generation-progress-card,.zsa-ai-generation-failed,.zsa-ai-generation-empty{width:220px;min-height:220px;border:1px solid #e5e7eb;border-radius:22px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;margin-top:8px}.zsa-ai-generation-progress-card strong,.zsa-ai-generation-failed strong,.zsa-ai-generation-empty strong{margin-top:14px;font-size:16px}.zsa-ai-generation-progress-card p,.zsa-ai-generation-failed p,.zsa-ai-generation-empty p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#98a2b3}
.zsa-ai-gpt-spinner{position:relative;width:48px;height:48px;animation:zsaAiSpin 1.15s linear infinite}.zsa-ai-gpt-spinner i{position:absolute;inset:0;border-radius:50%;border:4px solid transparent}.zsa-ai-gpt-spinner i:nth-child(1){border-top-color:#111;transform:rotate(0deg)}.zsa-ai-gpt-spinner i:nth-child(2){inset:6px;border-right-color:#7fe20a;animation:zsaAiSpinReverse .9s linear infinite}.zsa-ai-gpt-spinner i:nth-child(3){inset:14px;border-bottom-color:#111;animation:zsaAiPulse 1.1s ease-in-out infinite}@keyframes zsaAiSpin{to{transform:rotate(360deg)}}@keyframes zsaAiSpinReverse{to{transform:rotate(-360deg)}}@keyframes zsaAiPulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.zsa-ai-generation-progress-line{width:150px;height:4px;margin-top:20px;border-radius:999px;background:#eceff2;overflow:hidden}.zsa-ai-generation-progress-line i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#111,#7fe20a);animation:zsaAiProgress 1.4s ease-in-out infinite}@keyframes zsaAiProgress{0%{transform:translateX(-120%)}100%{transform:translateX(330%)}}
.zsa-ai-generation-failed i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ef2b2d;color:#fff;font-size:22px;font-style:normal}
.zsa-ai-generation-result-image{max-width:520px}.zsa-ai-generation-result-image>img{display:block;max-width:100%;max-height:620px;border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.12)}.zsa-ai-generation-result-image>div{display:flex;gap:10px;margin-top:12px}.zsa-ai-generation-result-image a,.zsa-ai-generation-result-image button{border:1px solid #e0e3e7;background:#fff;border-radius:9px;padding:8px 12px;color:#111;text-decoration:none;cursor:pointer}
.zsa-ai-generation-composer{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(760px,calc(100% - 36px));min-height:60px;padding:8px 9px 8px 12px;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:end;gap:8px;border:1px solid #dfe3e7;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.11)}.zsa-ai-generation-plus,.zsa-ai-generation-send{width:38px;height:38px;border:0;border-radius:50%;font-size:24px;cursor:pointer}.zsa-ai-generation-plus{background:transparent}.zsa-ai-generation-send{background:#7fe20a;color:#111;font-weight:900}.zsa-ai-generation-composer textarea{width:100%;min-height:38px;max-height:220px;padding:9px 3px;border:0;outline:0;resize:none;font:inherit;line-height:1.55;overflow-y:auto}
@media(max-width:760px){.zsa-ai-generation-page{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.zsa-ai-generation-topbar{grid-template-columns:1fr auto}.zsa-ai-generation-tabs{display:none}.zsa-ai-generation-workspace{padding:18px 14px 100px}.zsa-ai-generation-back{padding:7px 10px}.zsa-ai-generation-progress-card{width:190px;min-height:190px}}

/* v2.21.22 独立生成历史流页面 */
.zsa-ai-generation-panel{padding:0!important;background:transparent!important;min-height:100vh!important}
.zsa-ai-generation-shell{min-height:calc(100vh - 58px);padding-bottom:128px;background:transparent;position:relative}
.zsa-ai-history-header{position:sticky;top:58px;z-index:30;height:64px;border-bottom:1px solid #eceff2;background:rgba(255,255,255,.94);backdrop-filter:blur(15px)}
.zsa-ai-history-header-inner{width:min(1040px,calc(100% - 34px));height:100%;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.zsa-ai-history-tabs{justify-self:start;display:flex;gap:4px;padding:4px;border-radius:999px;background:#f4f5f6}.zsa-ai-history-tabs button{height:32px;padding:0 15px;border:0;border-radius:999px;background:transparent;font-weight:750;color:#667085;cursor:pointer}.zsa-ai-history-tabs button.is-active{background:#111;color:#fff}
.zsa-ai-history-filters{justify-self:center;display:flex;gap:8px}.zsa-ai-history-filters button,.zsa-ai-history-layout button{height:34px;padding:0 13px;border:1px solid #e1e4e8;border-radius:10px;background:#fff;color:#4b5563;cursor:pointer}
.zsa-ai-history-layout{justify-self:end;display:flex;gap:6px}.zsa-ai-history-layout button{width:34px;padding:0}.zsa-ai-history-layout button.is-active{background:#f1f3f5;color:#111}
.zsa-ai-generation-stream{width:min(780px,calc(100% - 34px));margin:0 auto;padding:30px 0 120px}
.zsa-ai-generation-turn{position:relative;padding-top:28px}.zsa-ai-generation-day{position:absolute;left:-66px;top:28px;padding:4px 10px;border:1px solid #e0e4e8;border-radius:8px;background:#fff;color:#667085;font-size:12px}
.zsa-ai-generation-turn-card{padding:18px 18px 16px;border-radius:24px;background:rgba(255,255,255,.86)}
.zsa-ai-generation-turn-head{display:flex;align-items:center;justify-content:space-between;color:#98a2b3;font-size:12px}.zsa-ai-generation-turn-head>div{display:flex;align-items:center;gap:10px}.zsa-ai-generation-turn-head>button{border:0;background:transparent;color:#667085;font-size:12px}.zsa-ai-generation-user-chip{display:inline-flex;align-items:center;gap:7px}.zsa-ai-generation-user-chip img{width:24px;height:24px;border-radius:50%;object-fit:cover}.zsa-ai-generation-user-chip b{color:#667085}
.zsa-ai-generation-model-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.zsa-ai-generation-mode,.zsa-ai-generation-source{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.zsa-ai-generation-mode>i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#edf7ff}.zsa-ai-generation-mode>i img{width:100%;height:100%;object-fit:contain}.zsa-ai-generation-mode b{font-size:13px}.zsa-ai-generation-mode span{color:#98a2b3;font-size:12px}.zsa-ai-generation-source em{font-style:normal;color:#98a2b3;font-size:12px}.zsa-ai-generation-source button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid #e3e6ea;border-radius:9px;background:#fff;cursor:pointer}
.zsa-ai-generation-reference-strip{display:flex;gap:8px;margin-top:14px}.zsa-ai-generation-reference-tile{position:relative;width:66px;height:66px;padding:0;border:1px solid #e1e4e8;border-radius:10px;background:#fff;overflow:hidden;cursor:pointer}.zsa-ai-generation-reference-tile img{width:100%;height:100%;object-fit:cover}.zsa-ai-generation-reference-tile span{position:absolute;left:0;right:0;bottom:0;padding:3px;background:rgba(0,0,0,.55);color:#fff;font-size:10px}
.zsa-ai-generation-prompt{margin:16px 0 18px;font-size:17px;line-height:1.65;color:#111827;white-space:pre-wrap}
.zsa-ai-generation-output{min-height:280px}.zsa-ai-generation-progress-card,.zsa-ai-generation-failed,.zsa-ai-generation-empty{width:178px;min-height:178px;margin:0;padding:20px;border:1px solid #e3e6e9;border-radius:18px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.zsa-ai-generation-progress-card strong,.zsa-ai-generation-failed strong,.zsa-ai-generation-empty strong{margin-top:12px}.zsa-ai-generation-progress-card p,.zsa-ai-generation-failed p,.zsa-ai-generation-empty p{margin:7px 0 0;color:#98a2b3;font-size:12px;line-height:1.55}
.zsa-ai-generation-turn-actions{display:flex;gap:8px;margin-top:10px}.zsa-ai-generation-turn-actions button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#667085;cursor:pointer}.zsa-ai-generation-turn-actions button:hover{background:#f2f4f6;color:#111}
.zsa-ai-generation-composer-dock{position:fixed;left:var(--zsa-ai-sidebar-width,244px);right:0;bottom:0;z-index:36;padding:10px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.96) 25%)}
.zsa-ai-generation-composer-card{width:min(760px,calc(100% - 30px));margin:auto;padding:9px 10px;border:1px solid #dde1e5;border-radius:23px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.12)}
.zsa-ai-generation-composer-card textarea{display:block;width:100%;min-height:42px;max-height:220px;padding:9px 10px;border:0;outline:0;resize:none;font:inherit;line-height:1.55;overflow-y:auto;scrollbar-width:none}.zsa-ai-generation-composer-card textarea::-webkit-scrollbar{display:none}
.zsa-ai-generation-attachments{display:flex;gap:8px;padding:2px 4px 6px}.zsa-ai-generation-attachment{position:relative;width:54px;height:54px}.zsa-ai-generation-attachment>button:first-child{width:100%;height:100%;padding:0;border:1px solid #e2e5e9;border-radius:9px;overflow:hidden;background:#fff}.zsa-ai-generation-attachment img{width:100%;height:100%;object-fit:cover}.zsa-ai-generation-attachment-remove{position:absolute;right:-5px;top:-5px;width:20px;height:20px;border:0;border-radius:50%;background:#111;color:#fff;cursor:pointer}.zsa-ai-generation-upload-tile{width:54px;height:54px;border:1px solid #dde1e5;border-radius:10px;background:#fff;font-size:24px;cursor:pointer}
.zsa-ai-generation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.zsa-ai-generation-toolbar-left{display:flex;align-items:center;gap:7px;min-width:0}.zsa-ai-generation-plus{width:34px;height:34px;border:0;border-radius:50%;background:#f5f6f7;font-size:22px;cursor:pointer}.zsa-ai-generation-chip,.zsa-ai-generation-model-chip,.zsa-ai-generation-ratio-chip{height:32px;padding:0 10px;border-radius:999px;background:#f4f6f8;display:inline-flex;align-items:center;color:#4b5563;font-size:12px;white-space:nowrap}.zsa-ai-generation-send{width:38px;height:38px;border:0;border-radius:50%;background:#83e31a;color:#111;font-size:22px;font-weight:900;cursor:pointer}
.zsa-ai-gpt-spinner{position:relative;width:46px;height:46px}.zsa-ai-gpt-spinner i{position:absolute;inset:0;border:3px solid transparent;border-top-color:#111;border-radius:50%;animation:zsaAiSpin 1s linear infinite}.zsa-ai-gpt-spinner i:nth-child(2){inset:6px;border-top-color:#83e31a;animation-direction:reverse;animation-duration:.75s}.zsa-ai-gpt-spinner i:nth-child(3){inset:15px;border:0;background:#111;border-radius:50%;animation:zsaAiPulse 1s ease-in-out infinite}@keyframes zsaAiSpin{to{transform:rotate(360deg)}}@keyframes zsaAiPulse{50%{transform:scale(.7);opacity:.45}}
.zsa-ai-generation-progress-line{width:128px;height:4px;margin-top:16px;border-radius:999px;background:#e9edf0;overflow:hidden}.zsa-ai-generation-progress-line i{display:block;width:42%;height:100%;background:linear-gradient(90deg,#111,#83e31a);animation:zsaAiProgress 1.2s ease-in-out infinite}
.zsa-ai-generation-result-image{max-width:560px}.zsa-ai-generation-result-image>img{display:block;max-width:100%;max-height:620px;border-radius:16px;box-shadow:0 12px 30px rgba(15,23,42,.12)}.zsa-ai-generation-result-image>div{display:flex;gap:8px;margin-top:10px}.zsa-ai-generation-result-image a,.zsa-ai-generation-result-image button{padding:8px 12px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:#111;text-decoration:none;cursor:pointer}
.zsa-ai-generation-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:30px}.zsa-ai-generation-lightbox img{max-width:90vw;max-height:88vh;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.zsa-ai-generation-lightbox button{position:fixed;right:24px;top:20px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;font-size:26px;cursor:pointer}
@media(max-width:900px){.zsa-ai-generation-composer-dock{left:0}.zsa-ai-generation-day{position:static;display:inline-flex;margin-bottom:8px}.zsa-ai-generation-stream{padding-top:18px}}
@media(max-width:640px){.zsa-ai-history-layout{display:none}.zsa-ai-history-header-inner{width:calc(100% - 20px)}.zsa-ai-generation-stream{width:calc(100% - 18px)}.zsa-ai-generation-turn-card{padding:14px}.zsa-ai-generation-model-row{align-items:flex-start;flex-direction:column}.zsa-ai-generation-toolbar-left{overflow-x:auto}.zsa-ai-generation-composer-card{width:100%}}

/* v2.21.23 生成历史筛选、模型明细与折叠输入框 */
.zsa-ai-history-header-inner{grid-template-columns:minmax(230px,1fr) auto!important}.zsa-ai-history-header-actions{justify-self:end;display:flex;align-items:center;gap:10px}.zsa-ai-history-filters{justify-self:auto;display:flex;gap:8px}.zsa-ai-history-filter{position:relative}.zsa-ai-history-filter-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:96px}.zsa-ai-history-filter-trigger i{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-style:normal;line-height:1;transition:transform .18s ease}.zsa-ai-history-filter.is-open .zsa-ai-history-filter-trigger{border-color:#111;box-shadow:0 0 0 1px #111}.zsa-ai-history-filter.is-open .zsa-ai-history-filter-trigger i{transform:rotate(180deg)}.zsa-ai-history-filter-menu{position:absolute;right:0;top:42px;z-index:80;min-width:132px;padding:8px;border:1px solid #e3e6ea;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.13)}.zsa-ai-history-filter-menu button{display:flex;width:100%;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;text-align:left;color:#111;white-space:nowrap;cursor:pointer}.zsa-ai-history-filter-menu button:hover,.zsa-ai-history-filter-menu button.is-active{background:#f1f2f3;font-weight:750}.zsa-ai-history-layout{justify-self:auto}
.zsa-ai-generation-model-detail{display:inline-flex!important;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:9px;background:#fff;border:1px solid #edf0f2;color:#111!important}.zsa-ai-generation-model-detail>i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#111;color:#fff;font-size:10px;font-style:normal;font-weight:800}.zsa-ai-generation-model-detail>i.is-chat{background:#f3e7ff;color:#6b21a8}.zsa-ai-generation-model-detail>i.is-video{background:#e6f7ff;color:#0369a1}.zsa-ai-generation-model-detail>i.is-poster{background:#fff1f2;color:#be123c}.zsa-ai-generation-model-detail strong{font-size:12px}.zsa-ai-generation-model-detail em{font-style:normal;color:#98a2b3;font-size:11px}.zsa-ai-generation-filter-empty{padding:70px 20px;text-align:center;color:#667085}.zsa-ai-generation-filter-empty strong{display:block;color:#111;font-size:18px}.zsa-ai-generation-filter-empty p{margin:8px 0 0}
.zsa-ai-generation-stream.is-grid-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1040px,calc(100% - 34px))}.zsa-ai-generation-stream.is-grid-view .zsa-ai-generation-turn{padding-top:0}.zsa-ai-generation-stream.is-grid-view .zsa-ai-generation-day{display:none}.zsa-ai-generation-stream.is-grid-view .zsa-ai-generation-turn-card{height:100%;border:1px solid #eceff2;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.zsa-ai-generation-composer-card{transition:border-color .2s ease,box-shadow .2s ease,padding .2s ease,min-height .2s ease}.zsa-ai-generation-composer-card.is-collapsed{display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:7px;padding:7px 8px;border-color:#e1e4e8;border-radius:999px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-attachments{display:none!important}.zsa-ai-generation-composer-card.is-collapsed textarea{grid-column:2;grid-row:1;min-height:38px!important;height:38px!important;padding:8px 2px;white-space:nowrap;overflow:hidden!important}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-toolbar{display:contents}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-toolbar-left{display:contents}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-plus{grid-column:1;grid-row:1;background:transparent}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-chip,.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-model-chip,.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-ratio-chip{display:none}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send{grid-column:3;grid-row:1}.zsa-ai-generation-composer-card.is-expanded{padding:14px 14px 10px;border-color:#83e31a;box-shadow:0 0 0 1px #83e31a,0 14px 34px rgba(72,170,0,.14);border-radius:28px}.zsa-ai-generation-composer-card.is-expanded textarea{min-height:112px;max-height:280px;padding:8px 10px}.zsa-ai-generation-composer-card.is-expanded .zsa-ai-generation-plus{background:transparent}.zsa-ai-generation-composer-card.is-expanded .zsa-ai-generation-toolbar-left{gap:8px}.zsa-ai-generation-composer-card.is-expanded .zsa-ai-generation-chip,.zsa-ai-generation-composer-card.is-expanded .zsa-ai-generation-model-chip,.zsa-ai-generation-composer-card.is-expanded .zsa-ai-generation-ratio-chip{display:inline-flex}
@media(max-width:900px){.zsa-ai-history-header-inner{grid-template-columns:1fr auto!important}.zsa-ai-history-tabs{display:none}.zsa-ai-history-header-actions{gap:5px}.zsa-ai-history-filter-trigger{min-width:auto!important;padding:0 9px!important}.zsa-ai-generation-stream.is-grid-view{grid-template-columns:1fr}.zsa-ai-history-layout{display:flex}}
@media(max-width:640px){.zsa-ai-history-header{top:0}.zsa-ai-history-header-actions{width:100%;justify-content:flex-end}.zsa-ai-history-filter-menu{right:0}.zsa-ai-generation-composer-card.is-expanded textarea{min-height:96px}.zsa-ai-generation-model-detail em{display:none}}

/* v2.21.24 统一生成流、收藏作品与精简管理细节 */
.zsa-ai-history-header-inner{grid-template-columns:minmax(160px,1fr) auto!important}.zsa-ai-history-filter-trigger{min-width:0!important;width:max-content!important;padding:0 14px!important;gap:0!important}.zsa-ai-history-filter-trigger i{display:none!important}.zsa-ai-history-filter-menu{min-width:max-content!important}.zsa-ai-history-tabs{justify-self:start}.zsa-ai-history-header-actions{justify-self:end}.zsa-ai-generation-user-chip{display:none!important}
.zsa-ai-generation-output{min-height:0!important}.zsa-ai-generation-output[hidden]{display:none!important}.zsa-ai-generation-turn-actions{margin-top:8px!important;align-items:center}.zsa-ai-generation-turn-actions[hidden]{display:none!important}.zsa-ai-generation-turn-actions button{display:inline-grid!important;place-items:center;width:30px!important;height:30px!important;font-size:17px!important}.zsa-ai-generation-turn-actions button.is-active{color:#ef4444!important;background:#fff1f2!important}.zsa-ai-generation-result-image>div{margin-top:8px!important}.zsa-ai-generation-failed{margin-bottom:0!important}
.zsa-ai-favorites-stream{width:min(1040px,calc(100% - 34px));margin:0 auto;padding:30px 0 140px}.zsa-ai-favorites-loading,.zsa-ai-favorites-empty{padding:90px 20px;text-align:center;color:#667085}.zsa-ai-favorites-empty strong{display:block;color:#111;font-size:18px}.zsa-ai-favorites-empty p{margin:8px 0 0}.zsa-ai-favorites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.zsa-ai-favorite-card{overflow:hidden;border:1px solid #e2e5e9;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);cursor:pointer}.zsa-ai-favorite-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f5f6f7}.zsa-ai-favorite-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.zsa-ai-favorite-media>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);padding:9px 18px;border-radius:999px;background:#83e31a;color:#111;font-weight:850;opacity:0;visibility:hidden;transition:.2s ease}.zsa-ai-favorite-card:hover .zsa-ai-favorite-media>span{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.zsa-ai-favorite-card:hover .zsa-ai-favorite-media img{transform:scale(1.035)}.zsa-ai-favorite-text{height:100%;padding:24px;display:flex;align-items:center;line-height:1.7;color:#374151}.zsa-ai-favorite-meta{position:relative;padding:12px 42px 14px 14px}.zsa-ai-favorite-meta b{display:block}.zsa-ai-favorite-meta small{display:-webkit-box;margin-top:4px;color:#7b8490;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zsa-ai-favorite-meta em{position:absolute;right:14px;bottom:14px;color:#ef4444;font-style:normal}
.zsa-ai-app-arc-try{opacity:1!important;visibility:visible!important;transform:none!important}.zsa-ai-market-card-body>button{max-width:96px!important;min-width:78px!important;padding:0 10px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.zsa-ai-market-card-body,.zsa-ai-market-card:hover .zsa-ai-market-card-body{grid-template-columns:34px minmax(0,1fr) auto!important}.zsa-ai-market-card-body>i,.zsa-ai-market-card:hover .zsa-ai-market-card-body>i{width:34px!important;opacity:1!important;visibility:visible!important}.zsa-ai-market-card-body>div,.zsa-ai-market-card:hover .zsa-ai-market-card-body>div{padding-right:0!important}
.zsa-ai-generation-composer-card,.zsa-ai-app-composer-card{font-family:inherit}.zsa-ai-generation-composer-card.is-expanded{min-height:150px}.zsa-ai-generation-composer-card.is-expanded textarea{min-height:88px!important;max-height:360px!important}.zsa-ai-generation-composer-card.is-collapsed textarea{color:#98a2b3}.zsa-ai-generation-composer-card.is-expanded textarea{color:#111}
@media(max-width:900px){.zsa-ai-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-history-header-inner{grid-template-columns:1fr auto!important}}@media(max-width:620px){.zsa-ai-favorites-grid{grid-template-columns:1fr}.zsa-ai-history-filter-trigger{padding:0 10px!important}.zsa-ai-app-arc-try,.zsa-ai-market-card-body>button{display:inline-flex!important}}


/* v2.21.25 2K宽屏自适应推荐密度与悬停按钮 */
.zsa-ai-app-carousel{height:368px!important;margin-top:24px!important}
.zsa-ai-app-carousel-viewport{height:368px!important;padding:8px 0 44px!important}
.zsa-ai-app-arc-card,
.zsa-ai-app-arc-card:hover,
.zsa-ai-app-arc-card.is-hovered,
.zsa-ai-app-arc-card:focus-visible{
  width:264px!important;
  height:294px!important;
  top:8px!important;
  transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate))!important;
}
.zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:184px!important;min-height:184px!important;flex-basis:184px!important}
.zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{height:110px!important;min-height:110px!important}
.zsa-ai-app-carousel-track [data-ai-market-slide]:nth-child(n+8){display:none!important}
.zsa-ai-app-carousel-track [data-ai-market-slide]:nth-child(7){display:block!important}

/* “立即试试”仅在当前卡片悬停/键盘聚焦时出现 */
.zsa-ai-app-arc-try{
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-try,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-try{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
.zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,
.zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body>div{padding-right:96px!important}

.zsa-ai-market-card-body,
.zsa-ai-market-card:hover .zsa-ai-market-card-body,
.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body{grid-template-columns:36px minmax(0,1fr)!important}
.zsa-ai-market-card-body>i,
.zsa-ai-market-card:hover .zsa-ai-market-card-body>i,
.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>i{width:36px!important;opacity:1!important;visibility:visible!important}
.zsa-ai-market-card-body>button{
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  max-width:96px!important;
  min-width:78px!important;
  height:30px!important;
  padding:0 10px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>button,
.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>button{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.zsa-ai-market-card:hover .zsa-ai-market-card-body>div,
.zsa-ai-market-card:focus-visible .zsa-ai-market-card-body>div{padding-right:90px!important}

/* 2K/超宽屏：增加第7张、卡片略放大并控制均匀间隙 */
@media(min-width:1920px){
  .zsa-ai-app-market-hero{padding-left:34px!important;padding-right:34px!important}
  .zsa-ai-app-carousel{height:394px!important;margin-top:26px!important}
  .zsa-ai-app-carousel-viewport{height:394px!important;padding:8px 0 50px!important}
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible{width:286px!important;height:316px!important}
  .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{height:202px!important;min-height:202px!important;flex-basis:202px!important}
  .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{height:114px!important;min-height:114px!important;padding-left:15px!important;padding-right:15px!important}
  .zsa-ai-app-arc-body b{font-size:17px!important}
  .zsa-ai-app-arc-body small{font-size:12px!important}
  .zsa-ai-app-carousel-nav{top:132px!important}
  .zsa-ai-app-market-content{width:min(1420px,calc(100vw - 350px))!important}
  .zsa-ai-market-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:22px!important}
}

@media(max-width:720px){
  .zsa-ai-app-carousel-track [data-ai-market-slide]:nth-child(7){display:none!important}
  .zsa-ai-app-arc-try,.zsa-ai-market-card-body>button{display:none!important}
}


/* v2.21.26 AI模型市场：半扇推荐与模型作品 */
.zsa-ai-models-panel{overflow:visible!important}.zsa-ai-model-market{position:relative;min-height:100vh;padding-bottom:100px;overflow:visible;background-image:linear-gradient(rgba(214,220,226,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(214,220,226,.28) 1px,transparent 1px);background-size:32px 32px}.zsa-ai-model-market-glow{position:absolute;top:70px;width:430px;height:460px;filter:blur(10px);opacity:.62;pointer-events:none}.zsa-ai-model-market-glow.is-left{left:0;background:radial-gradient(circle,#c8f777 0,rgba(200,247,119,.42) 42%,transparent 72%)}.zsa-ai-model-market-glow.is-right{right:0;background:radial-gradient(circle,#bcd0ff 0,rgba(188,208,255,.42) 42%,transparent 72%)}.zsa-ai-model-hero{position:relative;z-index:2;min-height:650px;padding:54px 20px 0;overflow:hidden}.zsa-ai-model-title-frame{position:relative;width:min(650px,86vw);margin:0 auto;text-align:center;padding:28px 34px;border:1px solid rgba(133,227,26,.18)}.zsa-ai-model-title-frame h1{margin:0;font-size:42px;line-height:1.15;letter-spacing:-1px}.zsa-ai-model-title-frame p{margin:12px 0 0;color:#7c838d}.zsa-ai-model-title-frame>i{position:absolute;width:13px;height:13px;border:2px solid #84e519;background:#fff}.zsa-ai-model-title-frame .is-tl{left:-7px;top:-7px}.zsa-ai-model-title-frame .is-tr{right:-7px;top:-7px}.zsa-ai-model-title-frame .is-bl{left:-7px;bottom:-7px}.zsa-ai-model-title-frame .is-br{right:-7px;bottom:-7px}.zsa-ai-model-title-frame>b{position:absolute;width:15px;height:42px;top:50%;transform:translateY(-50%);border:2px solid #84e519;border-radius:10px;background:#fff}.zsa-ai-model-title-frame .is-ml{left:-8px}.zsa-ai-model-title-frame .is-mr{right:-8px}.zsa-ai-model-composer{position:relative;z-index:4;width:min(820px,90vw);height:56px;margin:30px auto 0;padding:6px 8px;display:grid;grid-template-columns:38px minmax(0,1fr) 42px;align-items:center;gap:7px;border:1px solid #dfe3e8;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(15,23,42,.08)}.zsa-ai-model-composer input{height:42px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font-size:14px}.zsa-ai-model-composer button{border:0;background:transparent;font-size:22px;cursor:pointer}.zsa-ai-model-composer button:last-child{width:40px;height:40px;border-radius:50%;background:#85e51b;font-weight:900}.zsa-ai-model-carousel{position:relative;height:380px;margin-top:28px;isolation:isolate}.zsa-ai-model-carousel-viewport{position:relative;height:380px;overflow:hidden;padding:8px 0 44px}.zsa-ai-model-carousel-track{position:relative;height:100%}.zsa-ai-model-arc-card{--model-x:0px;--model-y:0px;--model-r:0deg;position:absolute;left:50%;top:0;width:274px;height:292px;display:flex;flex-direction:column;border:1px solid #dfe4e8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.08);transform:translate3d(calc(-50% + var(--model-x)),var(--model-y),0) rotate(var(--model-r));transform-origin:center bottom;transition:box-shadow .2s,border-color .2s,opacity .2s;cursor:pointer}.zsa-ai-model-arc-card:hover{border-color:#a7dc63;box-shadow:0 18px 42px rgba(15,23,42,.15)}.zsa-ai-model-arc-card.is-disabled{filter:saturate(.58);opacity:.76}.zsa-ai-model-arc-cover{position:relative;height:184px;flex:0 0 184px;background-position:center;background-size:cover;overflow:hidden}.zsa-ai-model-arc-cover em{position:absolute;left:12px;top:11px;padding:4px 9px;border-radius:999px;background:#1daf62;color:#fff;font-size:11px;font-style:normal;font-weight:900}.zsa-ai-model-arc-card.is-disabled .zsa-ai-model-arc-cover em{background:#7c8794}.zsa-ai-model-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.zsa-ai-model-art i{position:absolute;border-radius:48% 52% 62% 38%;filter:blur(.2px);border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 0 24px rgba(255,255,255,.7),0 14px 36px rgba(96,89,200,.18)}.zsa-ai-model-art i:nth-child(1){width:112px;height:112px;transform:rotate(22deg)}.zsa-ai-model-art i:nth-child(2){width:74px;height:74px;transform:translate(42px,-26px) rotate(-22deg)}.zsa-ai-model-art i:nth-child(3){width:62px;height:62px;transform:translate(-48px,34px) rotate(38deg)}.zsa-ai-model-arc-cover.is-style-1{background:linear-gradient(135deg,#f3edff,#c8e5ff)}.zsa-ai-model-arc-cover.is-style-2{background:linear-gradient(135deg,#d8f8ff,#ede6ff)}.zsa-ai-model-arc-cover.is-style-3{background:linear-gradient(135deg,#fff0df,#ffd7eb)}.zsa-ai-model-arc-cover.is-style-4{background:linear-gradient(135deg,#d8f7ef,#c9e4ff)}.zsa-ai-model-arc-cover.is-style-5{background:linear-gradient(135deg,#fff4ce,#f3deff)}.zsa-ai-model-arc-cover.is-style-6{background:linear-gradient(135deg,#e3f0ff,#dff7ef)}.zsa-ai-model-arc-cover.is-style-7{background:linear-gradient(135deg,#ffe4e4,#eadfff)}.zsa-ai-model-arc-cover.is-style-1 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(152,132,255,.65),rgba(120,220,255,.3))}.zsa-ai-model-arc-cover.is-style-2 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(82,216,255,.62),rgba(182,135,255,.28))}.zsa-ai-model-arc-cover.is-style-3 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(255,142,83,.58),rgba(255,119,188,.25))}.zsa-ai-model-arc-cover.is-style-4 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(42,205,158,.55),rgba(72,157,255,.25))}.zsa-ai-model-arc-cover.is-style-5 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(255,204,72,.55),rgba(173,111,255,.22))}.zsa-ai-model-arc-cover.is-style-6 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(71,143,255,.52),rgba(79,223,173,.22))}.zsa-ai-model-arc-cover.is-style-7 .zsa-ai-model-art i{background:linear-gradient(135deg,rgba(255,105,105,.48),rgba(145,112,255,.28))}.zsa-ai-model-arc-body{height:108px;display:flex;align-items:center;gap:10px;padding:12px 13px;background:#fff}.zsa-ai-model-arc-body>i{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#f2f4f7;overflow:hidden;font-style:normal}.zsa-ai-model-arc-body>i img{width:100%;height:100%;object-fit:contain}.zsa-ai-model-arc-body>i span{font-size:14px;font-weight:900}.zsa-ai-model-arc-body>div{min-width:0;flex:1}.zsa-ai-model-arc-body b,.zsa-ai-model-arc-body small{display:block}.zsa-ai-model-arc-body b{font-size:16px}.zsa-ai-model-arc-body small{margin-top:5px;color:#747d88;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.zsa-ai-model-arc-body>button{position:absolute;right:12px;bottom:12px;opacity:0;visibility:hidden;height:34px;padding:0 13px;border:0;border-radius:18px;background:#111;color:#fff;font-weight:800;transition:.18s}.zsa-ai-model-arc-card:hover .zsa-ai-model-arc-body>button,.zsa-ai-model-arc-card:focus-within .zsa-ai-model-arc-body>button{opacity:1;visibility:visible}.zsa-ai-model-carousel-nav{position:absolute;top:124px;z-index:999;width:42px;height:42px;border:1px solid #dfe3e8;border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.1);font-size:23px;cursor:pointer}.zsa-ai-model-carousel-nav.is-prev{left:15px}.zsa-ai-model-carousel-nav.is-next{right:15px}.zsa-ai-model-market-content{position:relative;z-index:5;width:min(1320px,calc(100% - 56px));margin:-12px auto 0}.zsa-ai-model-tabs{position:sticky;top:76px;z-index:80;width:max-content;max-width:100%;margin:0 auto 38px;padding:5px;display:flex;align-items:center;gap:4px;overflow-x:auto;border:1px solid #e4e7eb;border-radius:24px;background:rgba(248,249,250,.96);box-shadow:0 8px 24px rgba(15,23,42,.07);backdrop-filter:blur(14px);scrollbar-width:none}.zsa-ai-model-tabs::-webkit-scrollbar{display:none}.zsa-ai-model-tabs button{height:36px;padding:0 14px;display:flex;align-items:center;gap:7px;border:0;border-radius:18px;background:transparent;color:#68717c;white-space:nowrap;cursor:pointer}.zsa-ai-model-tabs button.is-active{background:#fff;color:#111;box-shadow:0 4px 12px rgba(15,23,42,.1);font-weight:800}.zsa-ai-model-tabs img{width:20px;height:20px;border-radius:6px;object-fit:contain}.zsa-ai-model-floors{display:grid;gap:54px}.zsa-ai-model-floor{scroll-margin-top:130px}.zsa-ai-model-floor>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.zsa-ai-model-floor h2{margin:0;font-size:24px}.zsa-ai-model-floor p{margin:5px 0 0;color:#858e99}.zsa-ai-model-floor>header>button{height:38px;padding:0 15px;border:1px solid #dde2e8;border-radius:20px;background:#fff;font-weight:800;cursor:pointer}.zsa-ai-model-works-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.zsa-ai-model-work-card{min-width:0;border:1px solid #dfe3e8;border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;transition:.18s}.zsa-ai-model-work-card:hover{box-shadow:0 16px 38px rgba(15,23,42,.12);border-color:#b9db8e}.zsa-ai-model-work-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f4f6f7}.zsa-ai-model-work-media>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.zsa-ai-model-work-card:hover .zsa-ai-model-work-media>img{transform:scale(1.025)}.zsa-ai-model-work-media>span{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:8px;background:rgba(17,17,17,.72);color:#fff;font-size:10px;font-weight:900}.zsa-ai-model-work-media>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);opacity:0;visibility:hidden;height:36px;padding:0 15px;border:0;border-radius:18px;background:#84e51a;color:#111;font-weight:900;transition:.18s}.zsa-ai-model-work-card:hover .zsa-ai-model-work-media>button{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.zsa-ai-model-work-meta{min-height:58px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.zsa-ai-model-work-meta>div{min-width:0;flex:1}.zsa-ai-model-work-meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-model-work-author{display:none;align-items:center;gap:6px;color:#75808d;font-size:12px}.zsa-ai-model-work-author img{width:22px;height:22px;border-radius:50%;object-fit:cover}.zsa-ai-model-work-card:hover .zsa-ai-model-work-meta b{display:none}.zsa-ai-model-work-card:hover .zsa-ai-model-work-author{display:flex}.zsa-ai-model-work-fav{border:0;background:transparent;color:#66717d;white-space:nowrap;cursor:pointer}.zsa-ai-model-work-fav.is-active{color:#ef476f}.zsa-ai-model-empty{padding:46px 20px;text-align:center;border:1px dashed #d9dee4;border-radius:18px;background:rgba(255,255,255,.68);color:#7a8490}.zsa-ai-model-empty b{display:block;color:#111;font-size:17px}.zsa-ai-model-empty p{margin:7px 0 15px}.zsa-ai-model-empty button{height:38px;padding:0 16px;border:0;border-radius:19px;background:#85e51b;font-weight:900;cursor:pointer}@media(min-width:1800px){.zsa-ai-model-arc-card{width:292px;height:310px}.zsa-ai-model-arc-cover{height:194px;flex-basis:194px}.zsa-ai-model-arc-body{height:116px}.zsa-ai-model-carousel{height:405px}.zsa-ai-model-carousel-viewport{height:405px}.zsa-ai-model-works-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}}@media(max-width:1280px){.zsa-ai-model-works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zsa-ai-model-market-content{width:calc(100% - 34px)}}@media(max-width:980px){.zsa-ai-model-title-frame h1{font-size:34px}.zsa-ai-model-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.zsa-ai-model-hero{min-height:570px;padding-top:34px}.zsa-ai-model-title-frame h1{font-size:28px}.zsa-ai-model-carousel{height:320px}.zsa-ai-model-carousel-viewport{height:320px}.zsa-ai-model-arc-card{width:220px;height:264px}.zsa-ai-model-arc-cover{height:158px;flex-basis:158px}.zsa-ai-model-arc-body{height:106px}.zsa-ai-model-market-content{width:calc(100% - 22px)}.zsa-ai-model-tabs{top:58px;justify-content:flex-start}.zsa-ai-model-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zsa-ai-model-arc-body>button{display:none}.zsa-ai-model-floor>header{align-items:flex-start}.zsa-ai-model-floor>header>button{display:none}}@media(max-width:480px){.zsa-ai-model-works-grid{grid-template-columns:1fr 1fr}.zsa-ai-model-title-frame{width:94vw;padding:22px 14px}.zsa-ai-model-composer{width:94vw}.zsa-ai-model-market-content{width:calc(100% - 16px)}}

/* v2.21.28 模型市场与统一输入框优化 */
.zsa-ai-model-composer-pro{width:min(820px,92vw);min-height:126px;margin:24px auto 0;padding:18px 18px 12px;display:flex;flex-direction:column;gap:12px;border:2px solid #8eea20;border-radius:26px;background:#fff;box-shadow:0 8px 28px rgba(113,210,21,.22);transition:.2s}.zsa-ai-model-composer-pro:focus-within,.zsa-ai-model-composer-pro.is-expanded{box-shadow:0 10px 34px rgba(113,210,21,.3)}.zsa-ai-model-composer-pro textarea{width:100%;min-height:54px;max-height:220px;padding:0;border:0!important;outline:0!important;resize:none;background:transparent;font-size:16px;line-height:1.7;color:#252b32;overflow:hidden;box-shadow:none!important}.zsa-ai-model-composer-toolbar{display:flex;align-items:center;gap:9px;min-width:0}.zsa-ai-model-composer-toolbar>button,.zsa-ai-model-composer-toolbar>span{height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px}.zsa-ai-model-composer-add{width:36px;border:0;background:#f5f7f8;font-size:24px;cursor:pointer}.zsa-ai-model-composer-type{padding:0 13px;background:#eaf3ff;color:#246ac4;font-weight:800}.zsa-ai-model-composer-selected{max-width:220px;padding:0 13px;background:#f4f5f6;color:#222;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-model-composer-size{padding:0 12px;color:#8a929d}.zsa-ai-model-composer-send{margin-left:auto;padding:0 20px;border:0;background:#85e51b;color:#111;font-weight:900;cursor:pointer}.zsa-ai-model-arc-body{position:relative}.zsa-ai-model-arc-body>i{transition:opacity .18s,width .18s,flex-basis .18s,margin .18s}.zsa-ai-model-arc-card:hover .zsa-ai-model-arc-body>i,.zsa-ai-model-arc-card:focus-within .zsa-ai-model-arc-body>i{opacity:0;width:0;flex-basis:0;margin:0}.zsa-ai-model-arc-body small{-webkit-line-clamp:1;transition:.18s}.zsa-ai-model-arc-card:hover .zsa-ai-model-arc-body small,.zsa-ai-model-arc-card:focus-within .zsa-ai-model-arc-body small{-webkit-line-clamp:2;padding-right:92px}.zsa-ai-model-arc-body>button{white-space:nowrap}.zsa-ai-model-arc-card[data-model-type="video"] .zsa-ai-model-arc-cover:after{content:'VIDEO';position:absolute;right:11px;top:11px;padding:4px 7px;border-radius:8px;background:rgba(15,23,42,.68);color:#fff;font-size:10px;font-weight:900}.zsa-ai-model-tabs button span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.zsa-ai-model-floor>header p{max-width:760px}.zsa-ai-model-work-media video{width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.zsa-ai-model-composer-pro{min-height:112px;padding:14px}.zsa-ai-model-composer-selected{max-width:120px}.zsa-ai-model-composer-size{display:none}.zsa-ai-model-composer-send{padding:0 16px}}

/* v2.21.28 顶部悬停菜单、五模型市场与统一生成框 */
.zsa-ai-topbar-left{gap:6px}.zsa-ai-topbar-left button{height:36px;padding:0 13px;border-radius:18px!important;display:inline-flex;align-items:center;background:transparent!important;transition:background .16s,color .16s,box-shadow .16s}.zsa-ai-topbar-left button:hover,.zsa-ai-topbar-left button.is-open{background:#f2f3f4!important;color:#111;box-shadow:inset 0 0 0 1px #e7e9ec}
.zsa-ai-model-dropdown{left:calc(var(--zsa-ai-sidebar-width,238px) + 18px);right:auto;width:min(820px,calc(100vw - var(--zsa-ai-sidebar-width,238px) - 42px));max-height:520px;padding:18px 20px;overflow:auto}.zsa-ai-model-dropdown-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:28px}.zsa-ai-model-dropdown-columns>section{min-width:0}.zsa-ai-model-dropdown-columns h4{margin:0 0 10px;color:#adb2b9;font-size:12px;font-weight:600}.zsa-ai-model-dropdown .zsa-ai-model-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.zsa-ai-model-dropdown-columns>section:last-child .zsa-ai-model-menu-grid{grid-template-columns:1fr}.zsa-ai-model-menu-grid button{min-width:0;padding:7px 8px;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}.zsa-ai-model-menu-grid button:hover,.zsa-ai-model-menu-grid button:focus-visible{background:#f1f2f3!important}.zsa-ai-model-menu-grid button.is-disabled{opacity:.58}.zsa-ai-model-menu-grid i{width:32px;height:32px;flex:0 0 32px;background:transparent!important;color:#111}.zsa-ai-model-menu-grid i img{width:100%;height:100%;display:block;object-fit:contain;border-radius:7px}.zsa-ai-model-menu-grid b{font-size:14px;line-height:1.25}.zsa-ai-model-menu-grid small{max-width:100%;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-model-composer-pro{width:min(820px,92vw)!important;min-height:166px!important;margin:24px auto 0!important;padding:18px 18px 13px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:12px!important;border:2px solid #8eea20!important;border-radius:26px!important;background:#fff!important;box-shadow:0 9px 30px rgba(113,210,21,.24)!important;overflow:visible!important}.zsa-ai-model-composer-pro textarea{width:100%!important;min-height:76px!important;max-height:260px!important;padding:0!important;border:0!important;outline:0!important;resize:none!important;background:transparent!important;color:#30363d!important;font-size:16px!important;line-height:1.65!important;overflow:hidden!important;box-shadow:none!important}.zsa-ai-model-composer-toolbar{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex-wrap:nowrap!important}.zsa-ai-model-composer-toolbar>button,.zsa-ai-model-composer-toolbar>span{height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}.zsa-ai-model-composer-add{width:36px!important;min-width:36px!important;padding:0!important;border:0!important;background:transparent!important;font-size:25px!important;line-height:1!important}.zsa-ai-model-composer-type{padding:0 13px!important;background:#eaf3ff!important;color:#246ac4!important;font-weight:800!important}.zsa-ai-model-composer-selected{max-width:220px!important;padding:0 13px!important;background:#f4f5f6!important;color:#222!important;font-weight:800!important;overflow:hidden!important;text-overflow:ellipsis!important}.zsa-ai-model-composer-size{padding:0 7px!important;color:#8a929d!important}.zsa-ai-model-composer-send{margin-left:auto!important;min-width:86px!important;padding:0 19px!important;border:0!important;border-radius:20px!important;background:#85e51b!important;color:#111!important;font-weight:900!important;font-size:14px!important;line-height:1!important;cursor:pointer!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}.zsa-ai-model-composer-send span{display:block!important;white-space:nowrap!important;writing-mode:horizontal-tb!important}
.zsa-ai-model-tabs{max-width:min(760px,calc(100vw - 40px));justify-content:center}.zsa-ai-model-empty.is-simple{padding:56px 20px;border:0;background:transparent;color:#9aa1a9;font-size:15px;font-weight:600}.zsa-ai-model-floor>header p{display:none}
@media(max-width:900px){.zsa-ai-model-dropdown{left:10px;right:10px;width:auto;max-height:70vh}.zsa-ai-model-dropdown-columns{grid-template-columns:1fr;gap:18px}.zsa-ai-model-dropdown .zsa-ai-model-menu-grid,.zsa-ai-model-dropdown-columns>section:last-child .zsa-ai-model-menu-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.zsa-ai-model-dropdown .zsa-ai-model-menu-grid,.zsa-ai-model-dropdown-columns>section:last-child .zsa-ai-model-menu-grid{grid-template-columns:1fr}.zsa-ai-model-composer-pro{min-height:144px!important;padding:14px!important}.zsa-ai-model-composer-selected{max-width:120px!important}.zsa-ai-model-composer-size{display:none!important}.zsa-ai-model-composer-send{min-width:72px!important;padding:0 14px!important}}

/* v2.21.29 素材瀑布流与用户中心 */
html.zsa-ai-modal-open{overflow:hidden}
.zsa-ai-materials-modal[hidden]{display:none!important}.zsa-ai-materials-modal{position:fixed;inset:0;z-index:100080;display:flex;align-items:center;justify-content:center;padding:28px}.zsa-ai-materials-backdrop{position:absolute;inset:0;background:rgba(15,18,20,.78);backdrop-filter:blur(3px)}.zsa-ai-materials-dialog{position:relative;width:min(1120px,calc(100vw - 56px));height:min(760px,calc(100vh - 56px));background:#fff;border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column}.zsa-ai-materials-close{position:absolute;right:-14px;top:-18px;z-index:6;width:42px;height:42px;border:1px solid #d7dbe0;border-radius:50%;background:#fff;font-size:30px;line-height:38px;color:#202328;box-shadow:0 8px 25px rgba(0,0,0,.14);cursor:pointer}.zsa-ai-materials-head{min-height:102px;padding:25px 30px 17px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:22px;border-bottom:1px solid #f0f1f3;background:#fff}.zsa-ai-materials-head h2{margin:1px 0 0;font-size:24px;line-height:34px;white-space:nowrap}.zsa-ai-material-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.zsa-ai-material-tabs button{height:34px;padding:0 14px;border:1px solid transparent;border-radius:18px;background:transparent;color:#666d76;font-size:13px;cursor:pointer;transition:.18s}.zsa-ai-material-tabs button:hover{background:#f5f6f7;color:#111}.zsa-ai-material-tabs button.is-active{background:#fff;border-color:#dfe3e7;color:#151719;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.04)}.zsa-ai-material-search{position:relative;width:210px}.zsa-ai-material-search input{width:100%;height:38px;border:1px solid #e2e5e8;border-radius:19px;padding:0 38px 0 15px;outline:0;background:#fafbfc}.zsa-ai-material-search input:focus{border-color:#8ee927;box-shadow:0 0 0 3px rgba(142,233,39,.13);background:#fff}.zsa-ai-material-search span{position:absolute;right:13px;top:8px;font-size:19px;color:#555}.zsa-ai-materials-scroll{flex:1;overflow:auto;padding:14px 30px 30px;scrollbar-width:thin;scrollbar-color:#cfd3d7 transparent}.zsa-ai-materials-grid{columns:4 210px;column-gap:12px}.zsa-ai-material-card{break-inside:avoid;margin:0 0 12px;border:1px solid #e7e9ec;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 2px 9px rgba(30,35,40,.04);transition:border-color .18s,box-shadow .18s}.zsa-ai-material-card:hover{border-color:#b6df7a;box-shadow:0 10px 28px rgba(40,55,30,.14)}.zsa-ai-material-media{position:relative;overflow:hidden;background-image:linear-gradient(45deg,#f1f1f1 25%,transparent 25%),linear-gradient(-45deg,#f1f1f1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f1f1 75%),linear-gradient(-45deg,transparent 75%,#f1f1f1 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.zsa-ai-material-media img{display:block;width:100%;height:auto;min-height:130px;object-fit:cover;transition:filter .2s}.zsa-ai-material-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.42));opacity:0;transition:.2s;pointer-events:none}.zsa-ai-material-media button{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-42%);height:38px;padding:0 18px;border:0;border-radius:20px;background:#8dec1e;color:#10150b;font-weight:800;white-space:nowrap;opacity:0;cursor:pointer;transition:.2s;box-shadow:0 8px 24px rgba(72,120,20,.3)}.zsa-ai-material-card:hover .zsa-ai-material-media:after,.zsa-ai-material-card:focus-within .zsa-ai-material-media:after{opacity:1}.zsa-ai-material-card:hover .zsa-ai-material-media button,.zsa-ai-material-card:focus-within .zsa-ai-material-media button{opacity:1;transform:translate(-50%,-50%)}.zsa-ai-material-meta{min-height:42px;padding:10px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center}.zsa-ai-material-meta b{font-size:13px;line-height:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-material-meta small{grid-column:1;color:#8a9098;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-material-meta em{grid-column:2;grid-row:1 / span 2;font-style:normal;color:#68707a;font-size:12px}.zsa-ai-materials-loading{height:70px;display:flex;align-items:center;justify-content:center;gap:10px;color:#7b828a}.zsa-ai-materials-loading i{width:22px;height:22px;border:2px solid #dce2e7;border-top-color:#7edb16;border-radius:50%;animation:zsaMaterialSpin .75s linear infinite}.zsa-ai-materials-empty{padding:80px 20px;text-align:center;color:#9399a1}@keyframes zsaMaterialSpin{to{transform:rotate(360deg)}}
.zsa-ai-sidebar-bottom{position:relative}.zsa-ai-user-popover[hidden]{display:none!important}.zsa-ai-user-popover{position:absolute;left:calc(100% + 12px);bottom:6px;width:320px;padding:16px;border:1px solid #e1e4e7;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 20px 55px rgba(28,33,39,.18);backdrop-filter:blur(18px);z-index:60}.zsa-ai-user-popover:before{content:"";position:absolute;left:-7px;bottom:18px;width:13px;height:13px;background:#fff;border-left:1px solid #e1e4e7;border-bottom:1px solid #e1e4e7;transform:rotate(45deg)}.zsa-ai-user-pop-head{display:flex;align-items:center;gap:12px;padding:4px 3px 14px}.zsa-ai-user-pop-avatar{width:54px;height:54px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#dff7dc}.zsa-ai-user-pop-avatar img{width:100%;height:100%;object-fit:cover}.zsa-ai-user-pop-head div{display:flex;flex-direction:column;gap:5px}.zsa-ai-user-pop-head b{font-size:17px}.zsa-ai-user-pop-head small{font-size:12px;color:#959ca5}.zsa-ai-user-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:14px;background:linear-gradient(135deg,#f7ffe7,#f4f7ee)}.zsa-ai-user-stat-grid button{border:0;background:rgba(255,255,255,.72);border-radius:10px;padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.zsa-ai-user-stat-grid b{font-size:20px}.zsa-ai-user-stat-grid small{font-size:11px;color:#8d949a}.zsa-ai-user-popover nav{display:grid;gap:2px;padding-top:12px}.zsa-ai-user-popover nav a{height:38px;padding:0 12px;border-radius:9px;display:flex;align-items:center;color:#3e444a;text-decoration:none}.zsa-ai-user-popover nav a:hover{background:#f2f4f5;color:#111}.zsa-ai-guest-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#4d6754}.zsa-ai-user-guest-tip{margin:0 0 14px;padding:12px;border-radius:12px;background:#f5f7f8;color:#737a83;font-size:13px;line-height:1.6}.zsa-ai-user-login-btn{height:42px;border-radius:21px;background:#111;color:#fff!important;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}.zsa-ai-login-prompt{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;background:rgba(18,20,22,.54);opacity:0;transition:.18s}.zsa-ai-login-prompt.is-open{opacity:1}.zsa-ai-login-prompt>div{position:relative;width:min(390px,calc(100vw - 40px));padding:31px 30px 28px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.25)}.zsa-ai-login-prompt button{position:absolute;right:13px;top:10px;width:34px;height:34px;border:0;background:transparent;font-size:25px;cursor:pointer}.zsa-ai-login-prompt i{width:54px;height:54px;border-radius:18px;background:#9bea2a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-style:normal;font-weight:900}.zsa-ai-login-prompt h3{margin:0 0 9px;font-size:21px}.zsa-ai-login-prompt p{margin:0 0 20px;color:#7a8189;line-height:1.7}.zsa-ai-login-prompt a{height:44px;border-radius:23px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700}
@media(max-width:900px){.zsa-ai-materials-modal{padding:0}.zsa-ai-materials-dialog{width:100%;height:100%;border-radius:0}.zsa-ai-materials-close{right:10px;top:10px}.zsa-ai-materials-head{grid-template-columns:1fr;padding:18px;gap:11px}.zsa-ai-materials-head h2{font-size:20px}.zsa-ai-material-tabs{padding-right:35px;overflow-x:auto;flex-wrap:nowrap}.zsa-ai-material-tabs button{flex:0 0 auto}.zsa-ai-material-search{width:100%}.zsa-ai-materials-scroll{padding:12px}.zsa-ai-materials-grid{columns:2 145px;column-gap:9px}.zsa-ai-user-popover{position:fixed;left:12px;right:12px;bottom:12px;width:auto}.zsa-ai-user-popover:before{display:none}}
.zsa-ai-materials-dialog{overflow:visible}.zsa-ai-materials-head{border-radius:26px 26px 0 0}.zsa-ai-materials-scroll{border-radius:0 0 26px 26px;background:#fff}


/* v2.21.30 用户中心点击与统一生成框修复 */
[data-ai-generation-reference-input]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-99999px!important;opacity:0!important;pointer-events:none!important}
.zsa-ai-user-popover{position:fixed!important;left:auto;right:auto;bottom:auto;width:330px!important;max-width:calc(100vw - 24px);z-index:100500!important;overflow:visible!important;pointer-events:auto!important}
.zsa-ai-user-popover.is-open{display:block!important;animation:zsaUserPopIn .16s ease both}
.zsa-ai-user-popover:before{display:none!important}
@keyframes zsaUserPopIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.zsa-ai-user-card{position:relative;z-index:2}
.zsa-ai-user-card[aria-expanded="true"]{background:#eef1f3!important;box-shadow:inset 0 0 0 1px #dfe4e8}
.zsa-ai-user-more{transition:transform .18s}.zsa-ai-user-card[aria-expanded="true"] .zsa-ai-user-more{transform:rotate(180deg)}

.zsa-ai-generation-composer-dock{padding:12px 20px 20px!important;pointer-events:none}
.zsa-ai-generation-composer-card{position:relative!important;width:min(820px,calc(100% - 28px))!important;pointer-events:auto;overflow:visible!important;background:#fff!important}
.zsa-ai-generation-composer-card.is-collapsed{min-height:58px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:7px 8px 7px 18px!important;border:1px solid #dfe4e8!important;border-radius:30px!important}
.zsa-ai-generation-composer-card.is-collapsed textarea{grid-column:1!important;grid-row:1!important;height:42px!important;min-height:42px!important;padding:9px 4px!important;font-size:15px!important;color:#535c66!important}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-toolbar{display:flex!important;grid-column:2!important;grid-row:1!important;width:auto!important;align-items:center!important}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-toolbar-left{display:none!important}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send span{display:none!important}.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send i{display:block!important}
.zsa-ai-generation-composer-card.is-expanded{min-height:176px!important;padding:14px 15px 12px!important;border:2px solid #82e51a!important;border-radius:28px!important;box-shadow:0 0 0 1px rgba(130,229,26,.16),0 16px 38px rgba(65,157,0,.16)!important}
.zsa-ai-generation-composer-card.is-expanded textarea{min-height:94px!important;max-height:420px!important;padding:4px 8px 12px!important;font-size:16px!important;line-height:1.7!important;color:#1f252b!important;overflow:hidden!important}
.zsa-ai-generation-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.zsa-ai-generation-toolbar-left{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex-wrap:wrap!important}
.zsa-ai-generation-control{position:relative;display:inline-flex;align-items:center}
.zsa-ai-generation-plus,.zsa-ai-generation-chip,.zsa-ai-generation-model-chip,.zsa-ai-generation-ratio-chip{height:36px!important;border:0!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;cursor:pointer!important;font:inherit!important}
.zsa-ai-generation-plus{width:36px!important;background:transparent!important;font-size:25px!important;color:#333!important}
.zsa-ai-generation-chip{padding:0 13px!important;background:#eaf3ff!important;color:#246bc7!important;font-weight:800!important}
.zsa-ai-generation-model-chip{max-width:210px!important;padding:0 13px!important;background:#f3f5f6!important;color:#252a30!important;font-weight:750!important;overflow:hidden!important;text-overflow:ellipsis!important}
.zsa-ai-generation-ratio-chip{padding:0 12px!important;background:#f6f7f8!important;color:#7d8792!important}
.zsa-ai-generation-send{margin-left:auto!important;min-width:94px!important;height:40px!important;padding:0 17px!important;border:0!important;border-radius:21px!important;background:#83e51a!important;color:#111!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-weight:900!important;cursor:pointer!important;white-space:nowrap!important}
.zsa-ai-generation-send i{font-style:normal;font-size:18px}.zsa-ai-generation-send span{display:block}
.zsa-ai-generation-popmenu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:100520;min-width:190px;padding:7px;border:1px solid #e1e5e9;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.17)}
.zsa-ai-generation-popmenu[hidden]{display:none!important}.zsa-ai-generation-popmenu.is-open{display:grid!important;gap:2px;animation:zsaComposerMenuIn .14s ease both}
@keyframes zsaComposerMenuIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.zsa-ai-generation-popmenu button{min-height:38px;padding:0 11px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;color:#2b3138;cursor:pointer;font:inherit;white-space:nowrap}
.zsa-ai-generation-popmenu button:hover,.zsa-ai-generation-popmenu button.is-active{background:#f0f2f3;color:#111}.zsa-ai-generation-popmenu button b{width:20px;text-align:center;font-size:16px}
.zsa-ai-generation-model-menu{max-height:300px;overflow:auto;min-width:230px}.zsa-ai-generation-model-menu button{justify-content:flex-start}.zsa-ai-generation-model-menu button img{width:24px;height:24px;border-radius:7px;object-fit:cover}.zsa-ai-generation-model-menu button small{margin-left:auto;color:#98a0a8;font-size:10px}
.zsa-ai-generation-size-menu{grid-template-columns:repeat(3,1fr)!important;min-width:210px}.zsa-ai-generation-size-menu button{justify-content:center!important;padding:0 8px!important}
.zsa-ai-generation-attachments{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:0 6px 8px!important}.zsa-ai-generation-attachments[hidden]{display:none!important}
@media(max-width:900px){.zsa-ai-user-popover{width:min(340px,calc(100vw - 24px))!important}.zsa-ai-generation-composer-card{width:100%!important}.zsa-ai-generation-composer-dock{padding:8px 10px 12px!important}}
@media(max-width:620px){.zsa-ai-generation-composer-card.is-expanded{min-height:158px!important;padding:12px!important}.zsa-ai-generation-model-chip{max-width:118px!important}.zsa-ai-generation-ratio-chip{display:none!important}.zsa-ai-generation-send{min-width:76px!important;padding:0 13px!important}.zsa-ai-generation-popmenu{position:fixed!important;left:12px!important;right:12px!important;bottom:82px!important;min-width:0!important}}


/* v2.21.31 生成尺寸、模型图标与账户卡片 */
.zsa-ai-generation-model-chip{gap:7px!important}.zsa-ai-generation-model-chip>i{width:24px;height:24px;flex:0 0 24px;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#111;color:#fff;font-size:10px;font-style:normal}.zsa-ai-generation-model-chip>i img{width:100%;height:100%;object-fit:contain}
.zsa-ai-generation-size-menu.is-detail{left:auto!important;right:0!important;bottom:calc(100% + 12px)!important;width:min(540px,calc(100vw - 30px))!important;min-width:480px!important;padding:16px!important;display:block!important}.zsa-ai-generation-size-menu.is-detail[hidden]{display:none!important}.zsa-ai-generation-size-group+ .zsa-ai-generation-size-group{margin-top:14px}.zsa-ai-generation-size-group header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.zsa-ai-generation-size-group header b{font-size:14px}.zsa-ai-generation-size-group header small{color:#a0a6ad}.zsa-ai-generation-size-group nav{display:flex;flex-wrap:wrap;gap:7px}.zsa-ai-generation-size-group nav button{min-width:44px;height:38px!important;padding:0 13px!important;border:1px solid #e0e4e8!important;border-radius:20px!important;background:#fff!important;justify-content:center!important}.zsa-ai-generation-size-group nav button:hover{background:#f3f5f6!important}.zsa-ai-generation-size-group nav button.is-active{background:#111!important;color:#fff!important;border-color:#111!important}
.zsa-ai-user-popover{padding:0!important;overflow:hidden!important;border-radius:20px!important}.zsa-ai-user-brand{height:82px;padding:18px 20px;background:linear-gradient(120deg,#efffb0,#fff,#f1f6ff);display:flex;align-items:flex-start;justify-content:space-between}.zsa-ai-user-brand b{font-size:20px}.zsa-ai-user-brand span{padding:5px 9px;border-radius:12px;background:rgba(255,255,255,.75);font-size:11px}.zsa-ai-user-pop-head{margin:-30px 14px 0;padding:14px!important;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08)}.zsa-ai-user-pop-head>em{margin-left:auto;padding:5px 9px;border-radius:10px;background:#f4f4f4;font-style:normal;font-size:11px}.zsa-ai-user-stat-grid{margin:10px 14px 0}.zsa-ai-user-identity{padding:14px 18px 4px}.zsa-ai-user-identity>small{display:block;margin-bottom:8px;color:#9299a2}.zsa-ai-user-identity button{width:100%;height:44px;padding:0 10px;border:0;border-radius:11px;background:#f4f5f6;display:flex;align-items:center;gap:9px}.zsa-ai-user-identity button b{flex:1;text-align:left}.zsa-ai-user-identity button em{font-style:normal;color:#9299a2}.zsa-ai-user-pop-avatar.is-mini{width:28px;height:28px}.zsa-ai-user-popover nav{padding:10px 14px 14px!important}
@media(max-width:620px){.zsa-ai-generation-size-menu.is-detail{position:fixed!important;left:10px!important;right:10px!important;bottom:84px!important;width:auto!important;min-width:0!important}}

.zsa-ai-generation-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zsa-ai-generation-result-grid.is-count-1{grid-template-columns:minmax(0,560px)}.zsa-ai-generation-result-grid .zsa-ai-generation-result-image{margin:0}@media(max-width:700px){.zsa-ai-generation-result-grid{grid-template-columns:1fr}}


/* v2.21.34: 异步生成记录与用户中心稳定修复 */
.zsa-ai-generation-panel.is-generating .zsa-ai-generation-progress-card{min-height:185px}
.zsa-ai-generation-progress-card [data-ai-generation-status]{max-width:240px;line-height:1.55}
.zsa-ai-user-popover{visibility:visible!important;opacity:1!important;transform:none!important}
.zsa-ai-user-popover[hidden]{display:none!important}
.zsa-ai-user-popover.is-open{display:block!important;pointer-events:auto!important}
.zsa-ai-user-card{isolation:isolate}
.zsa-ai-user-meta small em{display:inline!important;min-width:0!important;height:auto!important;padding:0!important;margin:0 2px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:inherit!important;line-height:inherit!important}
.zsa-ai-user-card .zsa-ai-user-more{background:transparent!important;border:0!important;box-shadow:none!important}

/* v2.21.35 generation card cancel/clear */
.zsa-ai-generation-progress-card,.zsa-ai-generation-failed,.zsa-ai-generation-result-wrap,.zsa-ai-generation-output.zsa-ai-output{position:relative}
.zsa-ai-generation-card-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12);cursor:pointer;font-size:14px;line-height:32px;display:flex;align-items:center;justify-content:center;color:#4b5563;z-index:3}
.zsa-ai-generation-card-close:hover{background:#f3f4f6;color:#111827}
.zsa-ai-generation-result-wrap{padding-top:4px}

/* v2.21.36: compact composer keeps model and size available before typing */
.zsa-ai-generation-composer-card.is-collapsed{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 9px 7px 16px!important;
}
.zsa-ai-generation-composer-card.is-collapsed textarea{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-toolbar{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-toolbar-left{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  overflow:visible!important;
}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-add-control,
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-control:has([data-ai-generation-kind-toggle]){
  display:none!important;
}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-model-chip,
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-ratio-chip{
  display:inline-flex!important;
  max-width:150px!important;
}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send span{display:none!important}
.zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-send i{display:block!important}
@media(max-width:760px){
  .zsa-ai-generation-composer-card.is-collapsed{grid-template-columns:minmax(120px,1fr) auto!important;padding-left:12px!important}
  .zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-ratio-chip{display:none!important}
  .zsa-ai-generation-composer-card.is-collapsed .zsa-ai-generation-model-chip{max-width:112px!important}
}

/* v2.21.39 numeric work detail page */
.zsa-ai-work-detail-panel{padding:0 28px 120px;overflow:visible!important}
.zsa-ai-work-detail-header{position:sticky;top:0;z-index:25;min-height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #edf0f2}
.zsa-ai-work-detail-head-left{display:flex;align-items:center;gap:14px;min-width:0}
.zsa-ai-work-back{width:38px;height:38px;border:1px solid #e1e5e9;border-radius:50%;background:#fff;font-size:26px;line-height:1;cursor:pointer}
.zsa-ai-work-title-group{display:flex;align-items:center;gap:10px;min-width:0}.zsa-ai-work-title-group b{font-size:18px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-work-title-group span{padding:4px 8px;border-radius:9px;background:#f5f6f7;color:#858d96;font-size:12px;white-space:nowrap}
.zsa-ai-work-author{display:flex;align-items:center;gap:7px}.zsa-ai-work-author img,.zsa-ai-work-author>i{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#e9f9e2;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}.zsa-ai-work-author span{font-size:13px}.zsa-ai-work-author button{height:32px;padding:0 13px;border:1px solid #dfe3e7;border-radius:17px;background:#fff;font-weight:700;cursor:pointer}
.zsa-ai-work-preview-band{display:grid;grid-template-columns:minmax(0,720px) 70px;justify-content:center;gap:20px;padding:18px 0 10px}.zsa-ai-work-main-col{min-width:0}.zsa-ai-work-spec-row{display:flex;align-items:center;justify-content:space-between;margin:0 4px 9px}.zsa-ai-work-spec-row span{padding:4px 10px;border:1px solid #d9dee2;border-radius:12px;font-size:12px}.zsa-ai-work-spec-row em{font-style:normal;color:#737b84;font-size:12px}
.zsa-ai-work-main-image{width:100%;padding:0;border:1px solid #e0e4e8;border-radius:22px;background:#f8f9fa;overflow:hidden;cursor:zoom-in;display:block}.zsa-ai-work-main-image img{width:100%;max-height:720px;display:block;object-fit:contain;background:#fff}
.zsa-ai-work-copyright{height:44px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f2;color:#707780;font-size:12px}.zsa-ai-work-copyright span{display:flex;align-items:center;gap:8px}.zsa-ai-work-copyright i{width:22px;height:22px;border-radius:50%;background:#fff1d7;color:#d27315;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}.zsa-ai-work-copyright button{border:0;background:transparent;color:#727980;cursor:pointer}
.zsa-ai-work-side-actions{align-self:end;display:grid;gap:18px;padding-bottom:42px}.zsa-ai-work-side-actions>a,.zsa-ai-work-side-actions>button,.zsa-ai-work-more-wrap>button{border:0;background:transparent;text-decoration:none;color:#565d65;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;font-size:12px}.zsa-ai-work-side-actions i{width:38px;height:38px;border:1px solid #dde2e6;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px}.zsa-ai-work-more-wrap{position:relative}.zsa-ai-work-more-menu{position:absolute;right:52px;bottom:0;width:150px;padding:8px;border:1px solid #e1e4e7;border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.16);z-index:30}.zsa-ai-work-more-menu button{width:100%;height:40px;padding:0 10px;border:0;border-radius:9px;background:#fff;text-align:left;cursor:pointer}.zsa-ai-work-more-menu button:hover{background:#f5f6f7}
.zsa-ai-work-composer{position:sticky;bottom:16px;z-index:20;width:min(860px,calc(100% - 80px));margin:24px auto 42px;padding:10px 14px;border:1.5px solid #91e928;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(90,170,25,.15);backdrop-filter:blur(18px)}.zsa-ai-work-attachments{display:flex;align-items:center;gap:9px;padding:0 0 7px}.zsa-ai-work-ref{position:relative;width:74px;height:58px;border-radius:12px;overflow:hidden}.zsa-ai-work-ref img{width:100%;height:100%;object-fit:cover}.zsa-ai-work-ref span{position:absolute;left:0;right:0;bottom:0;padding:3px 5px;background:rgba(0,0,0,.55);color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-work-attachments>button{width:42px;height:42px;border:1px solid #e0e3e6;border-radius:50%;background:#fff;font-size:23px;cursor:pointer}.zsa-ai-work-composer textarea{width:100%;min-height:42px;max-height:220px;padding:4px 5px;border:0;outline:0;resize:none;font:inherit;line-height:1.65;background:transparent;overflow:hidden}.zsa-ai-work-composer-toolbar{display:flex;align-items:center;justify-content:space-between}.zsa-ai-work-composer-toolbar>div{display:flex;align-items:center;gap:10px;color:#7b838c;font-size:12px}.zsa-ai-work-plus{border:0;background:transparent;font-size:25px;cursor:pointer}.zsa-ai-work-model-chip{height:34px;padding:0 10px;border-radius:17px;background:#f3f5f7;display:flex;align-items:center;gap:7px;color:#20252a}.zsa-ai-work-model-chip img{width:21px;height:21px;border-radius:6px}.zsa-ai-work-send{width:42px;height:42px;border:0;border-radius:50%;background:#8fe61d;color:#111;font-size:23px;cursor:pointer}.zsa-ai-work-send:hover{transform:translateY(-1px)}
.zsa-ai-work-recommend{width:min(1040px,100%);margin:0 auto}.zsa-ai-work-tabs{display:inline-flex;padding:4px;border-radius:22px;background:#f4f5f6;gap:2px}.zsa-ai-work-tabs button{height:36px;padding:0 17px;border:0;border-radius:18px;background:transparent;cursor:pointer}.zsa-ai-work-tabs button.is-active{background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.08);font-weight:700}.zsa-ai-work-related-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:18px}.zsa-ai-work-related-card{min-width:0;border:1px solid #e1e5e8;border-radius:16px;background:#fff;overflow:hidden;text-decoration:none;color:#171a1d;box-shadow:0 3px 12px rgba(15,23,42,.04)}.zsa-ai-work-related-card>div{position:relative;aspect-ratio:1/1;overflow:hidden}.zsa-ai-work-related-card img{width:100%;height:100%;object-fit:cover;transition:.25s}.zsa-ai-work-related-card>div>i{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:10px;background:rgba(34,39,44,.68);color:#fff;font-style:normal;font-size:10px}.zsa-ai-work-related-card>div>.zsa-ai-work-related-remix{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);padding:8px 15px;border-radius:18px;background:#91ea25;color:#111;font-size:12px;font-weight:700;opacity:0;transition:.2s}.zsa-ai-work-related-card:hover>div>.zsa-ai-work-related-remix{opacity:1;transform:translate(-50%,-50%)}.zsa-ai-work-related-card:hover img{filter:brightness(.88)}.zsa-ai-work-related-card footer{height:52px;padding:0 10px;display:flex;align-items:center;gap:8px}.zsa-ai-work-related-card footer b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.zsa-ai-work-related-card footer em{font-style:normal;color:#737b84;font-size:11px}.zsa-ai-work-empty,.zsa-ai-work-not-found{padding:80px 20px;text-align:center;color:#8b939b}.zsa-ai-work-not-found{display:grid;gap:14px}.zsa-ai-work-not-found a{color:#111}
.zsa-ai-work-lightbox{position:fixed;inset:0;z-index:100900;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:30px}.zsa-ai-work-lightbox[hidden]{display:none!important}.zsa-ai-work-lightbox img{max-width:92vw;max-height:92vh;border-radius:16px}.zsa-ai-work-lightbox button{position:absolute;right:24px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:25px;cursor:pointer}
.zsa-ai-generation-source.is-work-source button{border-color:#d9efbd;background:#f7ffe9}.zsa-ai-generation-source.is-work-source button span{background:#91e829;color:#111}
.zsa-ai-material-card,.zsa-ai-app-work-card,.zsa-ai-model-work-card,.zsa-ai-favorite-card{cursor:pointer}
@media(max-width:1200px){.zsa-ai-work-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zsa-ai-work-preview-band{grid-template-columns:minmax(0,680px) 62px}}
@media(max-width:900px){.zsa-ai-work-detail-panel{padding:0 12px 100px}.zsa-ai-work-detail-header{position:relative}.zsa-ai-work-author{display:none}.zsa-ai-work-preview-band{grid-template-columns:1fr}.zsa-ai-work-side-actions{display:flex;justify-content:center;align-self:auto;padding:0}.zsa-ai-work-more-menu{right:0;bottom:52px}.zsa-ai-work-composer{width:100%;bottom:8px}.zsa-ai-work-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zsa-ai-work-title-group b{max-width:210px}}

/* v2.21.40 work detail layout refinement */
.zsa-ai-work-detail-panel{padding-bottom:64px}
.zsa-ai-work-side-actions{align-self:center!important;padding:0!important;gap:16px!important;justify-items:center}
.zsa-ai-work-side-actions>a,.zsa-ai-work-side-actions>button,.zsa-ai-work-more-wrap>button{width:62px;min-height:58px;justify-content:flex-start;gap:6px!important;line-height:1.2}
.zsa-ai-work-side-actions i{width:40px!important;height:40px!important;font-size:0!important;flex:0 0 40px}
.zsa-ai-work-side-actions i svg{width:19px;height:19px;display:block}
.zsa-ai-work-side-actions span{display:block;min-height:15px;text-align:center;white-space:nowrap;color:#59616a}
.zsa-ai-work-side-actions a:hover i,.zsa-ai-work-side-actions button:hover i{border-color:#b9c1c9;background:#f8fafb;color:#111}
.zsa-ai-work-more-wrap{display:flex;justify-content:center;width:62px}
.zsa-ai-work-more-menu{right:68px;bottom:0}
.zsa-ai-work-copyright button{padding:7px 4px;border-radius:8px}.zsa-ai-work-copyright button:hover{background:#f3f4f5;color:#111}

.zsa-ai-work-recommend{margin-top:36px!important;margin-bottom:34px!important}
.zsa-ai-work-composer{position:relative!important;bottom:auto!important;z-index:10;width:min(860px,calc(100% - 40px))!important;min-height:58px;margin:0 auto!important;padding:8px 12px!important;border:1px solid #dfe4e8!important;border-radius:30px!important;background:#fff!important;box-shadow:0 5px 22px rgba(15,23,42,.08)!important;backdrop-filter:none!important;transition:border-color .18s,box-shadow .18s,min-height .18s,border-radius .18s}
.zsa-ai-work-composer.is-expanded{min-height:160px;padding:12px 14px!important;border:1.5px solid #91e928!important;border-radius:24px!important;box-shadow:0 9px 30px rgba(90,170,25,.14)!important}
.zsa-ai-work-composer:not(.is-expanded) .zsa-ai-work-attachments{display:none!important}
.zsa-ai-work-composer textarea{min-height:28px!important;height:28px;padding:4px 56px 4px 44px!important;line-height:20px!important;white-space:nowrap;overflow:hidden!important}
.zsa-ai-work-composer.is-expanded textarea{min-height:54px!important;height:auto;padding:6px 5px!important;line-height:1.65!important;white-space:pre-wrap}
.zsa-ai-work-composer-toolbar{min-height:42px}
.zsa-ai-work-composer:not(.is-expanded) .zsa-ai-work-composer-toolbar{position:absolute;inset:8px 10px;pointer-events:none}
.zsa-ai-work-composer:not(.is-expanded) .zsa-ai-work-composer-toolbar>div{position:absolute;left:0;top:0;height:42px;display:flex;align-items:center;pointer-events:auto}
.zsa-ai-work-composer:not(.is-expanded) .zsa-ai-work-composer-toolbar>div>*:not(.zsa-ai-work-plus){display:none!important}
.zsa-ai-work-composer:not(.is-expanded) .zsa-ai-work-plus{width:42px;height:42px;padding:0;font-size:22px}
.zsa-ai-work-composer:not(.is-expanded) .zsa-ai-work-send{position:absolute;right:0;top:0;pointer-events:auto}
.zsa-ai-work-composer.is-expanded .zsa-ai-work-composer-toolbar{position:static}
.zsa-ai-work-composer.is-expanded .zsa-ai-work-attachments{display:flex}

.zsa-ai-work-review-modal[hidden]{display:none!important}
.zsa-ai-work-review-modal{position:fixed;inset:0;z-index:101500;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,22,24,.72);animation:zsaWorkReviewFade .16s ease both}
.zsa-ai-work-review-dialog{position:relative;width:min(440px,calc(100vw - 40px));padding:27px 26px 24px;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.zsa-ai-work-review-dialog h3{margin:0 0 14px;font-size:21px;color:#17191c}
.zsa-ai-work-review-dialog p{margin:0;color:#737b84;font-size:14px;line-height:1.8}
.zsa-ai-work-review-dialog>div{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.zsa-ai-work-review-dialog>div button{height:42px;padding:0 18px;border:1px solid #dfe3e7;border-radius:22px;background:#fff;color:#222;font-weight:700;cursor:pointer}
.zsa-ai-work-review-dialog>div button.is-primary{border-color:#111;background:#111;color:#fff}
.zsa-ai-work-review-close{position:absolute;right:-16px;top:-17px;width:38px;height:38px;border:1px solid #dfe3e7;border-radius:50%;background:#fff;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.1)}
@keyframes zsaWorkReviewFade{from{opacity:0}to{opacity:1}}

@media(max-width:900px){
 .zsa-ai-work-composer{width:100%!important}
 .zsa-ai-work-side-actions{display:flex!important;align-items:flex-start;justify-content:center!important}
 .zsa-ai-work-side-actions>a,.zsa-ai-work-side-actions>button,.zsa-ai-work-more-wrap>button{width:56px}
 .zsa-ai-work-review-close{right:7px;top:7px}
}

/* v2.21.41 persistent history, video works and hover account */
.zsa-ai-generation-panel.zsa-ai-loading,.zsa-ai-generation-panel.is-requesting{opacity:1!important;pointer-events:auto!important}
.zsa-ai-generation-panel.is-requesting .zsa-ai-generation-send{pointer-events:none;opacity:.72}
.zsa-ai-nav-recent .zsa-ai-recent-item{display:flex!important;align-items:center;gap:9px;min-width:0}
.zsa-ai-nav-recent .zsa-ai-recent-item>span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-recent-media{position:relative;width:22px;height:22px;flex:0 0 22px;border-radius:6px;overflow:hidden;background:#f0f2f4;display:grid!important;place-items:center}
.zsa-ai-recent-media img,.zsa-ai-recent-media video{width:100%;height:100%;object-fit:cover;display:block}
.zsa-ai-recent-media span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:9px;text-shadow:0 1px 4px #000;background:rgba(0,0,0,.14)}
.zsa-ai-user-meta,.zsa-ai-user-meta b,.zsa-ai-user-pop-head>div,.zsa-ai-user-pop-head b,.zsa-ai-user-identity button b{min-width:0;max-width:100%}
.zsa-ai-user-name,.zsa-ai-user-pop-head b,.zsa-ai-user-identity button b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-user-pop-head>div{flex:1}
.zsa-ai-user-card{overflow:hidden}
.zsa-ai-user-popover{pointer-events:auto!important}
.zsa-ai-work-author{min-width:0;max-width:360px}
.zsa-ai-work-author span{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-work-author-fallback,.zsa-ai-avatar-mini-fallback{display:grid;place-items:center;background:#dff7dc;color:#31543a;font-style:normal;font-weight:800}
.zsa-ai-work-author-fallback{width:28px;height:28px;border-radius:50%;flex:0 0 28px}
.zsa-ai-work-author img{margin-left:-36px;background:#fff}
.zsa-ai-app-work-meta{position:relative;min-width:0}
.zsa-ai-app-work-meta .zsa-ai-avatar-mini-fallback{width:25px;height:25px;border-radius:50%;flex:0 0 25px}
.zsa-ai-app-work-meta img{margin-left:-33px;position:relative;background:#fff}
.zsa-ai-app-work-meta b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-model-work-author{min-width:0;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-model-work-author img{flex:0 0 auto}
.zsa-ai-work-main-image.is-video{display:block;padding:0;overflow:hidden}
.zsa-ai-work-main-image.is-video video,.zsa-ai-work-main-image video{width:100%;height:auto;max-height:72vh;display:block;background:#000;object-fit:contain}
.zsa-ai-model-work-media video,.zsa-ai-app-work-image video,.zsa-ai-work-related-card video,.zsa-ai-material-media video,.zsa-ai-favorite-media video,.zsa-ai-generation-result-image video{width:100%;height:100%;object-fit:cover;display:block}
.zsa-ai-video-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:46px!important;height:46px!important;border-radius:50%!important;background:rgba(255,255,255,.9)!important;color:#111!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:18px!important;pointer-events:none!important;z-index:3!important}
.zsa-ai-model-work-media,.zsa-ai-app-work-image,.zsa-ai-work-related-card>div,.zsa-ai-material-media,.zsa-ai-favorite-media,.zsa-ai-generation-result-image{position:relative;overflow:hidden}
.zsa-ai-model-work-card:hover .zsa-ai-video-play,.zsa-ai-app-work-card:hover .zsa-ai-video-play,.zsa-ai-work-related-card:hover .zsa-ai-video-play,.zsa-ai-material-card:hover .zsa-ai-video-play,.zsa-ai-favorite-card:hover .zsa-ai-video-play{opacity:0}
.zsa-ai-work-ref{position:relative}.zsa-ai-work-ref video{width:100%;height:100%;object-fit:cover}.zsa-ai-work-ref>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;color:#fff;text-shadow:0 1px 4px #000}
.zsa-ai-generation-turn.is-history-record{border-top:1px solid #eceff2;margin-top:12px}
.zsa-ai-generation-turn.is-history-record .zsa-ai-generation-turn-card{background:#fff}
.zsa-ai-generation-turn.is-history-record .zsa-ai-generation-output{padding-top:10px}
.zsa-ai-history-text-output{max-width:760px;padding:16px;border-radius:14px;background:#f7f8fa;color:#374151;line-height:1.75}
.zsa-ai-generation-turn-actions a{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;text-decoration:none;color:#667085}
.zsa-ai-generation-turn-actions a:hover{background:#f2f4f6;color:#111}
.zsa-ai-generation-result-image.is-video{min-height:220px;background:#111}
.zsa-ai-admin-work-grid video{width:100%;height:140px;object-fit:cover;border-radius:10px;background:#111}
@media(max-width:760px){.zsa-ai-work-author span{max-width:90px}.zsa-ai-user-popover{max-height:calc(100vh - 24px);overflow:auto!important}}
.zsa-ai-model-work-author{display:flex;align-items:center;gap:6px}.zsa-ai-model-work-author .zsa-ai-avatar-mini-fallback{width:20px;height:20px;border-radius:50%;flex:0 0 20px}.zsa-ai-model-work-author img{width:20px;height:20px;border-radius:50%;object-fit:cover;margin-left:-26px;position:relative;background:#fff}.zsa-ai-model-work-author b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}

/* v2.21.42 compact results, multi-image detail, work market and local user popover */
.zsa-ai-generation-result-view{position:relative;width:max-content;max-width:100%;display:flex;flex-direction:column;gap:10px}
.zsa-ai-generation-result-view.is-compact .zsa-ai-generation-result-main{width:178px;height:178px}
.zsa-ai-generation-result-view.is-gallery .zsa-ai-generation-result-main{width:min(560px,100%);height:min(560px,62vh)}
.zsa-ai-generation-result-main{position:relative;display:block;border:1px solid #e1e5e9;border-radius:18px;overflow:hidden;background:#f7f8fa;text-decoration:none}
.zsa-ai-generation-result-main img,.zsa-ai-generation-result-main video{width:100%;height:100%;display:block;object-fit:cover}
.zsa-ai-generation-result-main>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 14px;border-radius:20px;background:rgba(17,17,17,.78);color:#fff;font-size:13px;white-space:nowrap;opacity:0;transition:.18s}
.zsa-ai-generation-result-main:hover>b{opacity:1}
.zsa-ai-generation-result-thumbs{display:flex;gap:8px;max-width:560px;overflow-x:auto;padding:2px;scrollbar-width:none}.zsa-ai-generation-result-thumbs::-webkit-scrollbar{display:none}
.zsa-ai-generation-result-thumbs button{width:58px;height:58px;flex:0 0 58px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f2f4f6;cursor:pointer}.zsa-ai-generation-result-thumbs button.is-active{border-color:#84e51b}.zsa-ai-generation-result-thumbs img,.zsa-ai-generation-result-thumbs video{width:100%;height:100%;object-fit:cover;display:block}
.zsa-ai-generation-result-wrap{width:max-content;max-width:100%}

.zsa-ai-work-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.zsa-ai-work-gallery.has-thumbs{grid-template-columns:62px minmax(0,1fr);align-items:start}
.zsa-ai-work-thumb-rail{display:flex;flex-direction:column;gap:8px;max-height:720px;overflow-y:auto;padding:1px;scrollbar-width:none}.zsa-ai-work-thumb-rail::-webkit-scrollbar{display:none}
.zsa-ai-work-thumb-rail button{position:relative;width:54px;height:54px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#f3f5f6;cursor:pointer}.zsa-ai-work-thumb-rail button.is-active{border-color:#222}.zsa-ai-work-thumb-rail img,.zsa-ai-work-thumb-rail video{width:100%;height:100%;object-fit:cover;display:block}.zsa-ai-work-thumb-rail i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 5px #000;font-style:normal}
.zsa-ai-work-stage{min-width:0}.zsa-ai-work-stage .zsa-ai-work-main-image{height:min(720px,72vh)}.zsa-ai-work-stage .zsa-ai-work-main-image img,.zsa-ai-work-stage .zsa-ai-work-main-image video{height:100%;max-height:none;object-fit:contain}

.zsa-ai-model-work-meta,.zsa-ai-work-related-card footer,.zsa-ai-public-work-card footer,.zsa-ai-works-fan-card footer{height:48px;min-height:48px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#fff}
.zsa-ai-model-work-meta>div{display:flex;align-items:center;min-width:0;flex:1}.zsa-ai-model-work-meta>div>b,.zsa-ai-work-related-card footer>.is-title,.zsa-ai-public-work-card footer>.is-title,.zsa-ai-works-fan-card footer>strong{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.zsa-ai-model-work-author,.zsa-ai-work-related-card footer>.is-author,.zsa-ai-public-work-card footer>.is-author{display:none;align-items:center;gap:6px;min-width:0;flex:1;color:#6f7883;font-size:12px}
.zsa-ai-model-work-author img,.zsa-ai-work-related-card footer>.is-author img,.zsa-ai-public-work-card footer>.is-author img{width:22px;height:22px;flex:0 0 22px;border-radius:50%;object-fit:cover;margin-left:-28px;position:relative;background:#fff}
.zsa-ai-model-work-author b,.zsa-ai-work-related-card footer>.is-author strong,.zsa-ai-public-work-card footer>.is-author b{display:block!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}
.zsa-ai-model-work-card:hover .zsa-ai-model-work-meta>div>b,.zsa-ai-work-related-card:hover footer>.is-title,.zsa-ai-public-work-card:hover footer>.is-title{display:none!important}
.zsa-ai-model-work-card:hover .zsa-ai-model-work-author,.zsa-ai-work-related-card:hover footer>.is-author,.zsa-ai-public-work-card:hover footer>.is-author{display:flex!important}
.zsa-ai-work-related-card footer>em,.zsa-ai-public-work-card footer>em,.zsa-ai-works-fan-card footer>em{margin-left:auto;flex:0 0 auto;font-style:normal;color:#68717c;font-size:12px;white-space:nowrap}

.zsa-ai-works-panel{overflow:visible!important}.zsa-ai-works-market{position:relative;min-height:100vh;padding-bottom:100px;overflow:visible;background-image:linear-gradient(rgba(214,220,226,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(214,220,226,.28) 1px,transparent 1px);background-size:32px 32px}.zsa-ai-works-hero{position:relative;z-index:2;min-height:650px;padding:54px 20px 0;overflow:hidden}.zsa-ai-works-search{position:relative;z-index:4;width:min(820px,90vw);height:56px;margin:28px auto 0;padding:6px 8px 6px 18px;display:grid;grid-template-columns:28px minmax(0,1fr) 42px;align-items:center;gap:6px;border:1px solid #dfe3e8;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(15,23,42,.08)}.zsa-ai-works-search input{height:42px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent}.zsa-ai-works-search button{width:40px;height:40px;border:0;border-radius:50%;background:#85e51b;font-size:20px;cursor:pointer}
.zsa-ai-works-fan{position:relative;height:360px;margin-top:28px}.zsa-ai-works-fan-track{position:relative;height:100%;overflow:hidden}.zsa-ai-works-fan-card{--work-x:0px;--work-y:0px;--work-r:0deg;position:absolute;left:50%;top:0;width:250px;height:286px;border:1px solid #dfe4e8;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.08);transform:translate3d(calc(-50% + var(--work-x)),var(--work-y),0) rotate(var(--work-r));transform-origin:center bottom;text-decoration:none;color:#111;transition:box-shadow .2s,border-color .2s,opacity .2s}.zsa-ai-works-fan-card:hover{border-color:#a7dc63;box-shadow:0 18px 42px rgba(15,23,42,.15)}.zsa-ai-works-fan-card>div{position:relative;height:238px;overflow:hidden;background:#f3f5f6}.zsa-ai-works-fan-card>div>img,.zsa-ai-works-fan-card>div>video{width:100%;height:100%;object-fit:cover;display:block}.zsa-ai-works-fan-card>div>span{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:8px;background:rgba(17,17,17,.72);color:#fff;font-size:10px;font-weight:900}.zsa-ai-works-fan-card>div>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);opacity:0;padding:9px 14px;border-radius:18px;background:#84e51a;white-space:nowrap;font-size:12px;transition:.18s}.zsa-ai-works-fan-card:hover>div>b{opacity:1;transform:translate(-50%,-50%)}.zsa-ai-works-fan-nav{position:absolute;top:120px;z-index:100;width:42px;height:42px;border:1px solid #dfe3e8;border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.1);font-size:23px;cursor:pointer}.zsa-ai-works-fan-nav.is-prev{left:12px}.zsa-ai-works-fan-nav.is-next{right:12px}
.zsa-ai-works-content{position:relative;z-index:5;width:min(1320px,calc(100% - 56px));margin:-6px auto 0}.zsa-ai-works-tabs{position:sticky;top:76px;z-index:80;width:max-content;max-width:100%;margin:0 auto 38px;padding:5px;display:flex;align-items:center;gap:4px;overflow-x:auto;border:1px solid #e4e7eb;border-radius:24px;background:rgba(248,249,250,.96);box-shadow:0 8px 24px rgba(15,23,42,.07);backdrop-filter:blur(14px);scrollbar-width:none}.zsa-ai-works-tabs::-webkit-scrollbar{display:none}.zsa-ai-works-tabs button{height:36px;padding:0 15px;border:0;border-radius:18px;background:transparent;color:#68717c;white-space:nowrap;cursor:pointer}.zsa-ai-works-tabs button.is-active{background:#fff;color:#111;box-shadow:0 4px 12px rgba(15,23,42,.1);font-weight:800}.zsa-ai-works-floors{display:grid;gap:50px}.zsa-ai-works-floor{scroll-margin-top:130px}.zsa-ai-works-floor>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.zsa-ai-works-floor h2{margin:0;font-size:24px}.zsa-ai-works-floor>header button{height:38px;padding:0 15px;border:1px solid #dde2e8;border-radius:20px;background:#fff;font-weight:800}.zsa-ai-public-works-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.zsa-ai-public-work-card{min-width:0;border:1px solid #dfe3e8;border-radius:16px;background:#fff;overflow:hidden;text-decoration:none;color:#111;transition:.18s}.zsa-ai-public-work-card:hover{box-shadow:0 16px 38px rgba(15,23,42,.12);border-color:#b9db8e}.zsa-ai-public-work-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f4f6f7}.zsa-ai-public-work-media>img,.zsa-ai-public-work-media>video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.zsa-ai-public-work-card:hover .zsa-ai-public-work-media>img{transform:scale(1.025)}.zsa-ai-public-work-media>span{position:absolute;left:10px;top:10px;padding:4px 7px;border-radius:8px;background:rgba(17,17,17,.72);color:#fff;font-size:10px;font-weight:900}.zsa-ai-public-work-media>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%);opacity:0;height:36px;padding:0 15px;border:0;border-radius:18px;background:#84e51a;font-weight:900;transition:.18s}.zsa-ai-public-work-card:hover .zsa-ai-public-work-media>button{opacity:1;transform:translate(-50%,-50%)}

.zsa-ai-user-popover{position:fixed!important;z-index:2147483000!important}.zsa-ai-user-popover .zsa-ai-user-pop-head b,.zsa-ai-user-popover .zsa-ai-user-identity b{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(min-width:1800px){.zsa-ai-public-works-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.zsa-ai-works-fan-card{width:268px;height:300px}.zsa-ai-works-fan-card>div{height:252px}}
@media(max-width:1280px){.zsa-ai-public-works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zsa-ai-works-content{width:calc(100% - 34px)}}
@media(max-width:900px){.zsa-ai-work-gallery.has-thumbs{grid-template-columns:1fr}.zsa-ai-work-thumb-rail{order:2;flex-direction:row;max-height:none;overflow-x:auto}.zsa-ai-public-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zsa-ai-works-hero{min-height:560px}}
@media(max-width:620px){.zsa-ai-public-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.zsa-ai-works-content{width:calc(100% - 18px)}.zsa-ai-works-fan-card{width:220px;height:260px}.zsa-ai-works-fan-card>div{height:212px}.zsa-ai-generation-result-view.is-gallery .zsa-ai-generation-result-main{width:100%;height:auto;aspect-ratio:1/1}}
.zsa-ai-app-work-meta{height:48px!important;min-height:48px!important;padding:0 10px!important;display:flex!important;align-items:center!important;gap:8px!important}.zsa-ai-app-work-meta>.is-title{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.zsa-ai-app-work-meta>.is-author{display:none;align-items:center;gap:6px;min-width:0;flex:1;color:#6f7883;font-size:12px}.zsa-ai-app-work-meta>.is-author img{width:22px;height:22px;flex:0 0 22px;border-radius:50%;object-fit:cover;margin-left:-28px;position:relative;background:#fff}.zsa-ai-app-work-meta>.is-author b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.zsa-ai-app-work-meta>em{margin-left:auto;font-style:normal;color:#68717c;white-space:nowrap}.zsa-ai-app-work-card:hover .zsa-ai-app-work-meta>.is-title{display:none}.zsa-ai-app-work-card:hover .zsa-ai-app-work-meta>.is-author{display:flex}
.zsa-ai-material-meta,.zsa-ai-favorite-meta{height:48px!important;min-height:48px!important;padding:0 10px!important;display:flex!important;align-items:center!important;gap:8px!important}.zsa-ai-material-meta>.is-title,.zsa-ai-favorite-meta>.is-title{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.zsa-ai-material-meta>.is-author,.zsa-ai-favorite-meta>.is-author{display:none;align-items:center;gap:6px;min-width:0;flex:1;color:#6f7883;font-size:12px}.zsa-ai-material-meta>.is-author img,.zsa-ai-favorite-meta>.is-author img{width:22px;height:22px;flex:0 0 22px;border-radius:50%;object-fit:cover;margin-left:-28px;position:relative;background:#fff}.zsa-ai-material-meta>.is-author b,.zsa-ai-favorite-meta>.is-author b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.zsa-ai-material-meta>em,.zsa-ai-favorite-meta>em{margin-left:auto;font-style:normal;color:#68717c;white-space:nowrap}.zsa-ai-material-card:hover .zsa-ai-material-meta>.is-title,.zsa-ai-favorite-card:hover .zsa-ai-favorite-meta>.is-title{display:none}.zsa-ai-material-card:hover .zsa-ai-material-meta>.is-author,.zsa-ai-favorite-card:hover .zsa-ai-favorite-meta>.is-author{display:flex}

/* v2.21.43 chat controls, automatic video covers and true hover-only loading */
.zsa-ai-video-preview{width:100%;height:100%;display:block;object-fit:cover;background:linear-gradient(135deg,#edf1f4,#dce3e8 48%,#eef2f4)}
.zsa-ai-card-cover.is-video-cover,.zsa-ai-model-arc-cover.is-video-cover,.zsa-ai-app-arc-cover.is-video-cover,.zsa-ai-market-card-cover.is-video-cover,.zsa-ai-app-detail-cover.is-video-cover{position:relative;overflow:hidden;background-image:none!important}
.zsa-ai-card-cover.is-video-cover>.zsa-ai-video-preview,.zsa-ai-model-arc-cover.is-video-cover>.zsa-ai-video-preview,.zsa-ai-app-arc-cover.is-video-cover>.zsa-ai-video-preview,.zsa-ai-market-card-cover.is-video-cover>.zsa-ai-video-preview,.zsa-ai-app-detail-cover.is-video-cover>.zsa-ai-video-preview{position:absolute;inset:0}
.zsa-ai-model-arc-cover>em,.zsa-ai-app-arc-badges,.zsa-ai-market-card-badges,.zsa-ai-card-badge{z-index:5}
.is-video-playing .zsa-ai-video-play{opacity:0!important}
.is-video-error .zsa-ai-video-preview{background:linear-gradient(135deg,#f2f4f6,#e4e8eb)}
.zsa-ai-send-circle:disabled,.zsa-ai-generation-send:disabled{cursor:not-allowed!important;opacity:.42!important;filter:grayscale(.3)}
.zsa-ai-chat-attachments{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 8px}
.zsa-ai-chat-attachments[hidden]{display:none!important}
.zsa-ai-chat-attachment{max-width:240px;height:32px;padding:0 5px 0 7px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e4e8;border-radius:9px;background:#f7f9fa;color:#3d4650}
.zsa-ai-chat-attachment>i{min-width:30px;padding:3px 5px;border-radius:5px;background:#e7f7d7;color:#44761b;font-style:normal;font-size:9px;font-weight:900;text-align:center}
.zsa-ai-chat-attachment>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.zsa-ai-chat-attachment>button{width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent!important;color:#8b939d!important;font-size:16px;cursor:pointer}
.zsa-ai-chat-attachment>button:hover{background:#eceff2!important;color:#111!important}
.zsa-ai-generation-file-icon{width:100%;height:100%;min-height:64px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(145deg,#f7f9fa,#edf1f3);color:#38414b}
.zsa-ai-generation-file-icon>i{padding:4px 7px;border-radius:6px;background:#e5f7d5;color:#44751d;font-style:normal;font-size:10px;font-weight:900}
.zsa-ai-generation-file-icon>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.zsa-ai-generation-file-icon.is-compact{min-height:0;padding:4px;gap:2px}.zsa-ai-generation-file-icon.is-compact>b{display:none}
.zsa-ai-generation-panel.is-video-kind .zsa-ai-generation-size-group:first-child,.zsa-ai-generation-panel.is-video-kind .zsa-ai-generation-size-group:last-child{display:none}
.zsa-ai-generation-panel.is-video-kind .zsa-ai-generation-size-menu{width:440px}
.zsa-ai-generation-panel.is-chat-kind [data-ai-generation-model-menu] button:disabled{opacity:1;color:#303842;cursor:default}
.zsa-ai-generation-control[hidden]{display:none!important}
@media(max-width:620px){.zsa-ai-chat-attachment{max-width:180px}.zsa-ai-generation-panel.is-video-kind .zsa-ai-generation-size-menu{width:auto}}

/* v2.22.0 structured application workflow, private-by-default works */
.zsa-ai-app-structured-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 16px 4px;border-bottom:1px solid #eef0f2;background:linear-gradient(180deg,#fbfcfd,#fff)}
.zsa-ai-app-structured-fields[hidden]{display:none!important}
.zsa-ai-app-structured-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.zsa-ai-app-structured-field.is-wide{grid-column:1/-1}
.zsa-ai-app-structured-field>span{font-size:12px;font-weight:700;color:#4a525c}
.zsa-ai-app-structured-field>input,.zsa-ai-app-structured-field>select,.zsa-ai-app-structured-field>textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #dde2e7;border-radius:10px;background:#fff;color:#20262d;outline:0;box-shadow:none;font:inherit}
.zsa-ai-app-structured-field>textarea{min-height:74px;resize:vertical}
.zsa-ai-app-structured-field>input:focus,.zsa-ai-app-structured-field>select:focus,.zsa-ai-app-structured-field>textarea:focus{border-color:#8ebf55;box-shadow:0 0 0 3px rgba(126,181,65,.12)}
.zsa-ai-app-structured-field>.is-invalid{border-color:#dc5757;background:#fff8f8;box-shadow:0 0 0 3px rgba(220,87,87,.1)}
.zsa-ai-app-workflow-guide{max-width:1040px;margin:24px auto;padding:26px;border:1px solid #e5e8eb;border-radius:18px;background:#fff}
.zsa-ai-app-workflow-guide>header>span{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef9e4;color:#4d8124;font-size:11px;font-weight:800}
.zsa-ai-app-workflow-guide>header h2{margin:10px 0 4px;font-size:21px;color:#20262d}
.zsa-ai-app-workflow-guide>header p{margin:0;color:#737b84;font-size:13px}
.zsa-ai-app-workflow-guide>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.zsa-ai-app-workflow-guide article{position:relative;min-height:116px;padding:18px 16px 16px 54px;border-radius:14px;background:#f7f9fa}
.zsa-ai-app-workflow-guide article>i{position:absolute;left:16px;top:16px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#82b944;color:#fff;font-style:normal;font-size:12px;font-weight:900}
.zsa-ai-app-workflow-guide article>b{display:block;margin-bottom:7px;color:#29313a;font-size:14px}
.zsa-ai-app-workflow-guide article>span{display:block;color:#737c86;font-size:12px;line-height:1.65}
[data-ai-generation-visibility]:not(:disabled){cursor:pointer}
[data-ai-generation-visibility][data-visibility="private"]{color:#6b7280!important}
[data-ai-generation-visibility][data-visibility="public"]{color:#4f8128!important}
@media(max-width:760px){.zsa-ai-app-structured-fields{grid-template-columns:1fr}.zsa-ai-app-structured-field.is-wide{grid-column:auto}.zsa-ai-app-workflow-guide{margin:16px 10px;padding:18px}.zsa-ai-app-workflow-guide>div{grid-template-columns:1fr}.zsa-ai-app-workflow-guide article{min-height:88px}}

/* v2.22.2 single-instance AI composer */
.zsa-ai-unified-legacy{display:none!important}
.zsa-ai-unified-host{position:relative;z-index:12;width:min(820px,92vw);margin:22px auto 0}
.zsa-ai-unified-host.is-home{z-index:12;margin-top:18px}
.zsa-ai-unified-host.is-applications,.zsa-ai-unified-host.is-models{z-index:12;margin-top:24px}
.zsa-ai-unified-host.is-app{width:100%;max-width:none;margin:8px 0 0}
.zsa-ai-unified-host.is-image{margin-top:0}
.zsa-ai-unified-host.is-video{max-width:980px;margin:0 auto 18px}
.zsa-ai-unified-host.is-chat{width:min(880px,calc(100% - 24px));margin:0 auto}
.zsa-ai-unified-host.is-generate{width:100%;max-width:none;margin:0;pointer-events:auto}
.zsa-ai-unified-host.is-work{width:min(880px,calc(100% - 40px));margin:0 auto}
.zsa-ai-app-composer-card.has-unified-composer{padding:16px!important;border:1px solid #e3e7ea!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.07)!important}
.zsa-ai-app-composer-card.has-unified-composer .zsa-ai-app-structured-fields{margin:-16px -16px 12px;border-radius:22px 22px 0 0}

.zsa-ai-unified-composer{--u-green:#86e81c;--u-ink:#161a1f;position:relative;width:100%;min-height:166px;padding:15px 16px 12px;border:2px solid var(--u-green);border-radius:27px;background:#fff;box-shadow:0 9px 30px rgba(108,204,18,.22);font-family:inherit;transition:border-color .18s,box-shadow .18s}
.zsa-ai-unified-composer:focus-within{box-shadow:0 0 0 1px rgba(134,232,28,.18),0 15px 38px rgba(74,166,0,.18)}
.zsa-ai-unified-composer.is-chat{--u-green:#8dda31}
.zsa-ai-unified-composer.is-video{--u-green:#9bdd3b}
.zsa-ai-unified-composer textarea{display:block;width:100%;height:86px;min-height:86px;max-height:320px;padding:2px 4px 10px;border:0!important;outline:0!important;resize:none;background:transparent!important;box-shadow:none!important;color:#2c333a;font:15px/1.7 inherit;overflow-y:auto;scrollbar-width:none}
.zsa-ai-unified-composer textarea::-webkit-scrollbar{display:none}
.zsa-ai-unified-composer textarea::placeholder{color:#a4a9b0}
.zsa-ai-unified-attachments{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 2px 8px}
.zsa-ai-unified-attachments[hidden]{display:none!important}
.zsa-ai-unified-attachments .zsa-ai-app-reference-item{width:72px;height:58px}
.zsa-ai-unified-attachments .zsa-ai-generation-attachment{width:64px;height:58px}
.zsa-ai-unified-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}
.zsa-ai-unified-toolbar-left{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.zsa-ai-unified-control{position:relative}
.zsa-ai-unified-plus{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#30363d;font-size:25px;line-height:1;cursor:pointer}
.zsa-ai-unified-plus:hover{background:#f2f4f5}
.zsa-ai-unified-chip{height:34px;padding:0 11px;border:0;border-radius:17px;background:#f3f5f6;color:#505861;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:700 12px/1 inherit;white-space:nowrap}
.zsa-ai-unified-kind{background:#eaf3ff;color:#276dc4}
.zsa-ai-unified-kind>i{font-size:15px;font-style:normal}
.zsa-ai-unified-model{max-width:220px;background:#f4f5f6;color:#20252a}
.zsa-ai-unified-model>i{width:23px;height:23px;flex:0 0 23px;border-radius:7px;background:#111;color:#fff;display:grid;place-items:center;overflow:hidden;font-style:normal;font-size:10px;font-weight:900}
.zsa-ai-unified-model>i img{width:100%;height:100%;object-fit:cover}
.zsa-ai-unified-model>span{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-unified-size{background:transparent;color:#7e858d}
.zsa-ai-unified-send{height:40px;min-width:96px;padding:0 10px 0 16px;border:0;border-radius:22px;background:var(--u-green);color:#101311;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:900 14px/1 inherit;white-space:nowrap;box-shadow:0 7px 18px rgba(111,196,21,.22)}
.zsa-ai-unified-send:hover{filter:brightness(.96);transform:translateY(-1px)}
.zsa-ai-unified-send:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.48;transform:none}
.zsa-ai-unified-send>i{font-style:normal}
.zsa-ai-unified-send>b{min-width:30px;height:22px;padding:0 7px;border-radius:12px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.zsa-ai-unified-send>b:empty{display:none}

.zsa-ai-unified-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:100560;min-width:158px;padding:8px;border:1px solid #e0e4e7;border-radius:14px;background:#fff;box-shadow:0 18px 46px rgba(15,23,42,.17)}
.zsa-ai-unified-menu[hidden]{display:none!important}
.zsa-ai-unified-menu.is-open{display:grid;gap:3px;animation:zsaComposerMenuIn .14s ease both}
.zsa-ai-unified-menu button{width:100%;min-height:38px;padding:0 10px;border:0;border-radius:9px;background:#fff;color:#293039;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font:inherit;white-space:nowrap}
.zsa-ai-unified-menu button:hover,.zsa-ai-unified-menu button.is-active{background:#f0f2f3;font-weight:800}
.zsa-ai-unified-menu button>i{width:22px;text-align:center;font-style:normal}
.zsa-ai-unified-add-menu{min-width:230px}
.zsa-ai-unified-add-menu i.is-rule{display:block;height:1px;margin:4px 7px;background:#edf0f2}
.zsa-ai-unified-add-menu button>span{margin-left:auto;color:#a1a7ae}
.zsa-ai-unified-size-menu{left:auto;right:0;width:min(540px,calc(100vw - 28px));padding:16px}
.zsa-ai-unified-size-menu section+section{margin-top:14px}
.zsa-ai-unified-size-menu header{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.zsa-ai-unified-size-menu header b{font-size:14px}
.zsa-ai-unified-size-menu header small{color:#a0a6ad}
.zsa-ai-unified-size-menu nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.zsa-ai-unified-size-menu nav button{width:auto;min-width:43px;height:36px;padding:0 13px;border:1px solid #e0e4e8;border-radius:19px;background:#fff;justify-content:center}
.zsa-ai-unified-size-menu nav button:hover{background:#f3f5f6}
.zsa-ai-unified-size-menu nav button.is-active{border-color:#111;background:#111;color:#fff}
.zsa-ai-unified-composer.is-chat [data-ai-unified-size-control]{display:none}
.zsa-ai-unified-composer.is-video [data-ai-unified-resolution-section]{display:none}

.zsa-ai-unified-model-modal{position:fixed;inset:0;z-index:2147482500;padding:20px;background:rgba(12,15,18,.76);display:grid;place-items:center;backdrop-filter:blur(5px)}
.zsa-ai-unified-model-modal[hidden]{display:none!important}
.zsa-ai-unified-model-dialog{position:relative;width:min(1110px,calc(100vw - 36px));height:min(820px,calc(100vh - 36px));display:grid;grid-template-columns:275px minmax(0,1fr);overflow:hidden;border-radius:25px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.34)}
.zsa-ai-unified-model-close{position:absolute;right:14px;top:13px;z-index:5;width:36px;height:36px;border:1px solid #e1e4e7;border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer}
.zsa-ai-unified-model-sidebar{min-width:0;padding:22px 16px;border-right:1px solid #e4e7ea;overflow-y:auto}
.zsa-ai-unified-model-sidebar h2{margin:0 0 18px;font-size:21px}
.zsa-ai-unified-model-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:16px;padding:4px;border-radius:12px;background:#f3f5f6}
.zsa-ai-unified-model-tabs button{height:32px;padding:0 5px;border:0;border-radius:9px;background:transparent;color:#6b737c;cursor:pointer;font-size:12px}
.zsa-ai-unified-model-tabs button.is-active{background:#fff;color:#111;font-weight:900;box-shadow:0 3px 10px rgba(15,23,42,.08)}
.zsa-ai-unified-model-list{display:grid;gap:6px}
.zsa-ai-unified-model-list>small{padding:8px 6px 3px;color:#9aa1aa;font-weight:800}
.zsa-ai-unified-model-option{position:relative;width:100%;min-height:58px;padding:8px 34px 8px 8px;border:1px solid transparent;border-radius:11px;background:#fff;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;text-align:left;cursor:pointer}
.zsa-ai-unified-model-option:hover,.zsa-ai-unified-model-option.is-active{border-color:#dfe4e7;background:#f2f3f4}
.zsa-ai-unified-model-option.is-disabled{opacity:.58;cursor:not-allowed}
.zsa-ai-unified-model-option>i{width:36px;height:36px;border-radius:10px;background:#101214;color:#fff;display:grid;place-items:center;overflow:hidden;font-style:normal;font-weight:900}
.zsa-ai-unified-model-option>i img{width:100%;height:100%;object-fit:cover}
.zsa-ai-unified-model-option>span{display:grid;min-width:0;gap:3px}
.zsa-ai-unified-model-option>span b,.zsa-ai-unified-model-option>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-unified-model-option>span b{font-size:13px}.zsa-ai-unified-model-option>span small{color:#8c939b;font-size:10px}
.zsa-ai-unified-model-option>em{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-style:normal;color:#2d9c51;font-size:12px;font-weight:900}
.zsa-ai-unified-model-main{min-width:0;padding:24px 18px 20px;overflow-y:auto}
.zsa-ai-unified-model-main>header{padding:0 48px 17px 0}
.zsa-ai-unified-model-main>header h3{margin:0;font-size:20px}.zsa-ai-unified-model-main>header p{margin:7px 0 0;color:#737b85;font-size:13px;line-height:1.65}
.zsa-ai-unified-model-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.zsa-ai-unified-model-card{position:relative;min-height:236px;padding:0;border:1px solid #e1e5e8;border-radius:15px;background:#fff;overflow:hidden;text-align:left;cursor:pointer}
.zsa-ai-unified-model-card:hover{border-color:#9ed85d;box-shadow:0 12px 30px rgba(15,23,42,.1)}
.zsa-ai-unified-model-card>i{position:relative;height:176px;display:block;overflow:hidden;background:linear-gradient(145deg,#e8f7ff,#f4e7ff 48%,#ffeabf)}
.zsa-ai-unified-model-card>i:before,.zsa-ai-unified-model-card>i:after{content:"";position:absolute;border-radius:42% 58% 61% 39%/44% 43% 57% 56%;filter:blur(1px)}
.zsa-ai-unified-model-card>i:before{width:112px;height:112px;left:16%;top:16%;background:linear-gradient(135deg,#87dfff,#896cff);transform:rotate(18deg)}
.zsa-ai-unified-model-card>i:after{width:84px;height:84px;right:11%;bottom:8%;background:linear-gradient(135deg,#ffe178,#ff8f70);transform:rotate(-20deg)}
.zsa-ai-unified-model-card>i.has-cover{background-position:center;background-size:cover}
.zsa-ai-unified-model-card>i.has-cover:before,.zsa-ai-unified-model-card>i.has-cover:after{display:none}
.zsa-ai-unified-model-card>i>img{width:100%;height:100%;object-fit:cover;display:block}
.zsa-ai-unified-model-card>i>b{position:absolute;left:10px;top:10px;z-index:2;padding:4px 7px;border-radius:8px;background:rgba(17,17,17,.7);color:#fff;font-size:10px}
.zsa-ai-unified-model-card>span{height:58px;padding:9px 11px;display:grid;gap:3px}
.zsa-ai-unified-model-card>span b,.zsa-ai-unified-model-card>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-unified-model-card>span small{color:#848b94;font-size:10px}
.zsa-ai-unified-model-empty{grid-column:1/-1;padding:80px 20px;text-align:center;color:#858d96}
body.zsa-ai-unified-modal-open{overflow:hidden!important}

@media(max-width:900px){
    .zsa-ai-unified-host{width:min(820px,96%)}
    .zsa-ai-unified-host.is-chat,.zsa-ai-unified-host.is-work{width:calc(100% - 20px)}
    .zsa-ai-unified-model-dialog{grid-template-columns:220px minmax(0,1fr)}
    .zsa-ai-unified-model-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .zsa-ai-unified-host{width:100%;margin-top:14px}
    .zsa-ai-unified-host.is-chat,.zsa-ai-unified-host.is-work{width:100%}
    .zsa-ai-unified-composer{min-height:176px;padding:13px 12px 10px;border-radius:22px}
    .zsa-ai-unified-composer textarea{height:96px;min-height:96px}
    .zsa-ai-unified-toolbar{align-items:flex-end}
    .zsa-ai-unified-toolbar-left{gap:5px}
    .zsa-ai-unified-model{max-width:130px}
    .zsa-ai-unified-model>span{max-width:82px}
    .zsa-ai-unified-size{padding:0 7px}
    .zsa-ai-unified-send{min-width:44px;width:44px;padding:0;border-radius:50%}
    .zsa-ai-unified-send>span,.zsa-ai-unified-send>b{display:none}
    .zsa-ai-unified-size-menu{position:fixed;left:10px;right:10px;bottom:78px;width:auto}
    .zsa-ai-unified-model-modal{padding:8px}
    .zsa-ai-unified-model-dialog{width:100%;height:calc(100vh - 16px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);border-radius:18px}
    .zsa-ai-unified-model-sidebar{max-height:270px;padding:18px 13px 12px;border-right:0;border-bottom:1px solid #e4e7ea}
    .zsa-ai-unified-model-sidebar h2{margin-bottom:12px}
    .zsa-ai-unified-model-list{grid-template-columns:1fr 1fr}
    .zsa-ai-unified-model-list>small{grid-column:1/-1}
    .zsa-ai-unified-model-option{min-height:50px;padding-right:8px;grid-template-columns:30px minmax(0,1fr)}
    .zsa-ai-unified-model-option>i{width:30px;height:30px}
    .zsa-ai-unified-model-option>em{display:none}
    .zsa-ai-unified-model-main{padding:16px 12px}
    .zsa-ai-unified-model-gallery{grid-template-columns:1fr 1fr;gap:8px}
    .zsa-ai-unified-model-card{min-height:178px}.zsa-ai-unified-model-card>i{height:126px}
}

/* v2.22.3 compact shared composer, model works browser and playable video covers */
.zsa-ai-unified-host,
.zsa-ai-unified-host.is-home,
.zsa-ai-unified-host.is-models,
.zsa-ai-unified-host.is-applications,
.zsa-ai-unified-host.is-app,
.zsa-ai-unified-host.is-image,
.zsa-ai-unified-host.is-video,
.zsa-ai-unified-host.is-chat,
.zsa-ai-unified-host.is-generate,
.zsa-ai-unified-host.is-work{width:calc(100% - 24px)!important;max-width:var(--zsa-ai-composer-width,760px)!important;margin-left:auto!important;margin-right:auto!important}
.zsa-ai-unified-host.is-app,.zsa-ai-unified-host.is-generate{width:100%!important}
.zsa-ai-unified-composer{min-height:136px;padding:13px 14px 10px;border-radius:23px}
.zsa-ai-unified-composer textarea{height:64px;min-height:64px;max-height:220px;padding-bottom:7px;line-height:1.58}
.zsa-ai-unified-app{max-width:160px;background:#f1f7eb;color:#3b6d1c;cursor:default}
.zsa-ai-unified-app>i,.zsa-ai-unified-kind>i{width:22px;height:22px;flex:0 0 22px;border-radius:7px;display:grid;place-items:center;overflow:hidden;font-style:normal}
.zsa-ai-unified-app>i img,.zsa-ai-unified-kind>i img,.zsa-ai-unified-model-tabs button>i img{width:100%;height:100%;object-fit:cover}
.zsa-ai-unified-app>span{overflow:hidden;text-overflow:ellipsis}

.zsa-ai-unified-model-dialog{width:min(1120px,calc(100vw - 36px));grid-template-columns:300px minmax(0,1fr)}
.zsa-ai-unified-model-sidebar{padding:22px 14px}
.zsa-ai-unified-model-tabs{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:14px;padding:0;background:transparent}
.zsa-ai-unified-model-tabs button{width:100%;height:62px;padding:8px 10px;border:1px solid transparent;border-radius:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}
.zsa-ai-unified-model-tabs button:hover,.zsa-ai-unified-model-tabs button.is-active{border-color:#dde4e7;background:#f2f4f5;box-shadow:none}
.zsa-ai-unified-model-tabs button>i{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden;font-style:normal;font-size:17px}
.zsa-ai-unified-model-tabs button>span{display:grid;gap:4px;min-width:0}
.zsa-ai-unified-model-tabs button>span b{color:#222930;font-size:13px}
.zsa-ai-unified-model-tabs button>span small{color:#9299a1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-unified-model-tabs button>em{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e3e7ea;color:#747c84;display:grid;place-items:center;font-size:10px;font-style:normal}
.zsa-ai-unified-model-main>header{padding:0 48px 17px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.zsa-ai-unified-model-main>header>div{min-width:0}
.zsa-ai-unified-model-main>header>div>small{display:block;margin-bottom:5px;color:#84b535;font-weight:900}
.zsa-ai-unified-model-main>header>[data-ai-unified-model-use]{min-width:132px;min-height:40px;padding:0 15px;border:0;border-radius:21px;background:#111;color:#fff;cursor:pointer;font-weight:800;white-space:nowrap}
.zsa-ai-unified-model-main>header>[data-ai-unified-model-use]:disabled{background:#e1e4e7;color:#969da4;cursor:not-allowed}
.zsa-ai-unified-model-gallery{align-content:start}
.zsa-ai-unified-model-work-card{min-width:0;border:1px solid #e2e6e9;border-radius:15px;background:#fff;color:#242a31;overflow:hidden;text-decoration:none!important;transition:transform .16s,box-shadow .16s,border-color .16s}
.zsa-ai-unified-model-work-card:hover{border-color:#b5d98b;box-shadow:0 12px 28px rgba(15,23,42,.11);transform:translateY(-2px)}
.zsa-ai-unified-model-work-card>div{position:relative;height:188px;overflow:hidden;background:#eef1f3}
.zsa-ai-unified-model-work-card img,.zsa-ai-unified-model-work-card video{width:100%;height:100%;display:block;object-fit:cover}
.zsa-ai-unified-model-text{width:100%;height:100%;padding:30px 16px 15px;background:linear-gradient(145deg,#f1f9e9,#f4f7fa);display:flex;flex-direction:column;justify-content:center;gap:12px}
.zsa-ai-unified-model-text>i{width:34px;height:34px;border-radius:10px;background:#111;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}
.zsa-ai-unified-model-text>p{margin:0;color:#4d5660;font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.zsa-ai-unified-model-work-card>div>span{position:absolute;left:9px;top:9px;z-index:2;padding:4px 7px;border-radius:8px;background:rgba(18,20,22,.7);color:#fff;font-size:9px;font-weight:900}
.zsa-ai-unified-model-work-card>footer{height:58px;padding:9px 11px;display:grid;gap:3px}
.zsa-ai-unified-model-work-card>footer b,.zsa-ai-unified-model-work-card>footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-unified-model-work-card>footer b{font-size:12px}.zsa-ai-unified-model-work-card>footer small{color:#8a929a;font-size:10px}
.zsa-ai-unified-model-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.zsa-ai-unified-model-empty>i{width:52px;height:52px;border-radius:15px;background:#15181b;color:#fff;display:grid;place-items:center;overflow:hidden;font-style:normal;font-weight:900}
.zsa-ai-unified-model-empty>i img{width:100%;height:100%;object-fit:cover}.zsa-ai-unified-model-empty>b{color:#444c54}.zsa-ai-unified-model-empty>span{font-size:12px}

.zsa-ai-material-card{cursor:default}
.zsa-ai-material-meta .is-file,.zsa-ai-material-meta .is-file-type{display:block;color:#9299a1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-material-card .zsa-ai-material-media>button[data-ai-material-use]{z-index:4}
.zsa-ai-material-card.is-video .zsa-ai-material-media>button:not(.zsa-ai-video-play){display:none}
.zsa-ai-video-preview{display:block;width:100%;height:100%;object-fit:cover;background:#15191e}
.zsa-ai-video-play{pointer-events:auto!important;border:0!important;padding:0!important;cursor:pointer!important;transition:opacity .16s,transform .16s!important}
.zsa-ai-video-play:hover,.zsa-ai-video-play:focus-visible{transform:translate(-50%,-50%) scale(1.08)!important;outline:3px solid rgba(255,255,255,.5)!important}
.is-video-playing .zsa-ai-video-play{opacity:0!important;pointer-events:none!important}
.is-video-error .zsa-ai-video-play{opacity:1!important;pointer-events:auto!important}
.zsa-ai-unified-model-work-card>div,.zsa-ai-material-media,.zsa-ai-message,.zsa-ai-generated-card,.zsa-ai-recent-media,.zsa-ai-work-thumb-rail button,.zsa-ai-work-ref{position:relative}
.zsa-ai-recent-item .zsa-ai-video-play,.zsa-ai-work-thumb-rail .zsa-ai-video-play,.zsa-ai-work-ref .zsa-ai-video-play{width:24px!important;height:24px!important;font-size:10px!important}

@media(max-width:900px){
    .zsa-ai-unified-model-dialog{grid-template-columns:250px minmax(0,1fr)}
    .zsa-ai-unified-model-work-card>div{height:170px}
}
@media(max-width:620px){
    .zsa-ai-unified-host,
    .zsa-ai-unified-host.is-home,
    .zsa-ai-unified-host.is-models,
    .zsa-ai-unified-host.is-applications,
    .zsa-ai-unified-host.is-app,
    .zsa-ai-unified-host.is-image,
    .zsa-ai-unified-host.is-video,
    .zsa-ai-unified-host.is-chat,
    .zsa-ai-unified-host.is-generate,
    .zsa-ai-unified-host.is-work{width:100%!important;max-width:100%!important}
    .zsa-ai-unified-composer{min-height:136px;padding:12px 11px 9px}
    .zsa-ai-unified-composer textarea{height:64px;min-height:64px}
    .zsa-ai-unified-app{display:none}
    .zsa-ai-unified-model-dialog{grid-template-rows:auto minmax(0,1fr)}
    .zsa-ai-unified-model-sidebar{max-height:286px}
    .zsa-ai-unified-model-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
    .zsa-ai-unified-model-tabs button{height:46px;padding:5px;grid-template-columns:28px minmax(0,1fr)}
    .zsa-ai-unified-model-tabs button>i{width:28px;height:28px}
    .zsa-ai-unified-model-tabs button>span small,.zsa-ai-unified-model-tabs button>em{display:none}
    .zsa-ai-unified-model-main>header{padding-right:40px;gap:8px}
    .zsa-ai-unified-model-main>header p{display:none}
    .zsa-ai-unified-model-main>header>[data-ai-unified-model-use]{min-width:94px;padding:0 10px;font-size:11px}
    .zsa-ai-unified-model-work-card>div{height:132px}
}

/* v2.22.5 unified model list, attached size panel and consistent hover feedback */
.zsa-ai-unified-composer.has-size-menu{
    border-radius:23px 23px 0 0;
    box-shadow:0 0 0 1px rgba(134,232,28,.16),0 15px 38px rgba(74,166,0,.18)
}
.zsa-ai-unified-size{
    min-width:78px;
    justify-content:center;
    background:#f3f5f6;
    color:#222a31
}
.zsa-ai-unified-size-menu{
    position:absolute!important;
    left:-2px!important;
    right:-2px!important;
    top:calc(100% - 1px)!important;
    bottom:auto!important;
    width:auto!important;
    box-sizing:border-box;
    z-index:100570;
    padding:15px 16px 17px;
    border:2px solid var(--u-green)!important;
    border-top:1px solid #e7eaed!important;
    border-radius:0 0 23px 23px!important;
    background:#fff;
    box-shadow:0 21px 42px rgba(15,23,42,.16)!important
}
.zsa-ai-unified-composer.is-chat>.zsa-ai-unified-size-menu{display:none!important}
.zsa-ai-unified-plus,
.zsa-ai-unified-chip,
.zsa-ai-unified-menu button{
    box-sizing:border-box;
    border:1px solid transparent;
    transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s
}
.zsa-ai-unified-plus:hover,
.zsa-ai-unified-plus:focus-visible,
.zsa-ai-unified-chip:hover,
.zsa-ai-unified-chip:focus-visible{
    border-color:#dfe3e6;
    background:#eef1f3;
    box-shadow:0 4px 12px rgba(15,23,42,.07);
    outline:0
}
.zsa-ai-unified-kind:hover,.zsa-ai-unified-kind:focus-visible{background:#dfedff;color:#205fae}
.zsa-ai-unified-menu button:hover,.zsa-ai-unified-menu button:focus-visible{
    border-color:#e0e4e7;
    background:#f0f2f3;
    outline:0
}

.zsa-ai-unified-model-tabs{display:none!important}
.zsa-ai-unified-model-hint{margin:-8px 2px 14px;color:#89919a;font-size:11px;line-height:1.55}
.zsa-ai-unified-model-list{display:block!important}
.zsa-ai-unified-model-list>small{
    display:block;
    margin:11px 0 4px;
    padding:7px 7px 4px;
    color:#9aa1aa;
    font-size:12px;
    font-weight:900
}
.zsa-ai-unified-model-list>small:first-child{margin-top:0}
.zsa-ai-unified-model-option{margin:0 0 4px}
.zsa-ai-unified-model-group-empty{display:block;padding:8px 10px 12px;color:#a0a6ad;font-size:11px}

.zsa-ai-unified-model-work-card>div{height:auto!important;aspect-ratio:16/9}
.zsa-ai-unified-model-work-card>footer{height:58px}
.zsa-ai-unified-model-work-card>footer>span{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0}
.zsa-ai-unified-model-work-card>footer>span small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-unified-model-work-card>footer>span em{flex:0 0 auto;color:#68717a;font-size:10px;font-style:normal}
.zsa-ai-unified-model-work-card>div>span{background:rgba(19,23,28,.72)}

.zsa-ai-video-preview{
    background:radial-gradient(circle at 26% 16%,rgba(103,202,255,.35),transparent 40%),linear-gradient(145deg,#17212c,#273b4e 55%,#111820)!important
}
.zsa-ai-video-play{
    width:52px!important;
    height:52px!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    background:rgba(16,21,27,.16)!important;
    color:#fff!important;
    box-shadow:0 7px 22px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(3px);
    font-size:18px!important;
    text-indent:2px
}
.zsa-ai-video-play:hover,.zsa-ai-video-play:focus-visible{
    transform:translate(-50%,-50%) scale(1.07)!important;
    border-color:#fff!important;
    background:rgba(16,21,27,.3)!important;
    outline:0!important
}
.is-video-playing .zsa-ai-video-play{opacity:0!important;pointer-events:none!important}
.zsa-ai-material-card.is-video .zsa-ai-material-media{min-height:150px;aspect-ratio:16/9;background:#18222d}
.zsa-ai-material-card.is-video .zsa-ai-video-preview{position:absolute;inset:0}

.zsa-ai-materials-empty.is-error{
    min-height:220px;
    display:grid;
    place-content:center;
    justify-items:center;
    gap:8px;
    color:#69727c
}
.zsa-ai-materials-empty.is-error b{color:#242a31;font-size:16px}
.zsa-ai-materials-empty.is-error span{max-width:560px;line-height:1.6;text-align:center}
.zsa-ai-materials-empty.is-error button{
    height:36px;
    margin-top:6px;
    padding:0 16px;
    border:0;
    border-radius:18px;
    background:#86e81c;
    color:#111;
    cursor:pointer;
    font-weight:900
}

.zsa-ai-app-card,
.zsa-ai-asset-card,
.zsa-ai-template-card,
.zsa-ai-market-card,
.zsa-ai-model-arc-card,
.zsa-ai-app-arc-card,
.zsa-ai-model-work-card,
.zsa-ai-app-work-card,
.zsa-ai-public-work-card,
.zsa-ai-work-related-card,
.zsa-ai-material-card,
.zsa-ai-favorite-card,
.zsa-ai-unified-model-work-card,
.zsa-ai-generated-card,
.zsa-ai-generation-result-image{
    transition:border-color .18s,box-shadow .18s,transform .18s,filter .18s!important
}
.zsa-ai-app-card:hover,
.zsa-ai-app-card:focus-visible,
.zsa-ai-asset-card:hover,
.zsa-ai-asset-card:focus-visible,
.zsa-ai-template-card:hover,
.zsa-ai-template-card:focus-visible,
.zsa-ai-market-card:hover,
.zsa-ai-market-card:focus-visible,
.zsa-ai-model-work-card:hover,
.zsa-ai-model-work-card:focus-within,
.zsa-ai-app-work-card:hover,
.zsa-ai-app-work-card:focus-within,
.zsa-ai-public-work-card:hover,
.zsa-ai-public-work-card:focus-visible,
.zsa-ai-work-related-card:hover,
.zsa-ai-work-related-card:focus-visible,
.zsa-ai-material-card:hover,
.zsa-ai-material-card:focus-within,
.zsa-ai-favorite-card:hover,
.zsa-ai-favorite-card:focus-within,
.zsa-ai-unified-model-work-card:hover,
.zsa-ai-unified-model-work-card:focus-within,
.zsa-ai-generated-card:hover,
.zsa-ai-generation-result-image:hover{
    border-color:#a9dc70!important;
    box-shadow:0 14px 30px rgba(15,23,42,.12)!important;
    transform:translateY(-3px)
}
.zsa-ai-model-arc-card:hover,.zsa-ai-model-arc-card:focus-within,
.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card:focus-within{
    border-color:#a9dc70!important;
    box-shadow:0 17px 34px rgba(15,23,42,.14)!important
}
.zsa-ai-app-card img,
.zsa-ai-market-card-cover img,
.zsa-ai-model-work-card img,
.zsa-ai-app-work-card img,
.zsa-ai-public-work-card img,
.zsa-ai-work-related-card img,
.zsa-ai-material-card img,
.zsa-ai-favorite-card img,
.zsa-ai-unified-model-work-card img{transition:transform .24s,filter .24s}
.zsa-ai-app-card:hover img,
.zsa-ai-market-card:hover .zsa-ai-market-card-cover img,
.zsa-ai-model-work-card:hover img,
.zsa-ai-app-work-card:hover img,
.zsa-ai-public-work-card:hover img,
.zsa-ai-work-related-card:hover img,
.zsa-ai-material-card:hover img,
.zsa-ai-favorite-card:hover img,
.zsa-ai-unified-model-work-card:hover img{transform:scale(1.025)}

@media(max-width:620px){
    .zsa-ai-unified-size-menu{
        position:absolute!important;
        left:-2px!important;
        right:-2px!important;
        top:calc(100% - 1px)!important;
        bottom:auto!important;
        width:auto!important;
        padding:13px 12px 15px
    }
    .zsa-ai-unified-model-list{display:block!important}
    .zsa-ai-unified-model-sidebar{max-height:44vh}
    .zsa-ai-unified-model-option{grid-template-columns:32px minmax(0,1fr);padding-right:32px}
    .zsa-ai-unified-model-option>i{width:32px;height:32px}
}

/* v2.22.5 poster-free video cards, single composer and model-card hover CTA */
.zsa-ai-app-composer-card.has-unified-composer{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    min-height:0!important;
    overflow:visible!important
}
.zsa-ai-app-composer-card.has-unified-composer .zsa-ai-app-structured-fields{
    margin:0 0 12px!important;
    border-radius:18px!important
}
.zsa-ai-unified-app{display:none!important}
.zsa-ai-unified-toolbar-left{gap:8px!important}
.zsa-ai-unified-plus{flex:0 0 auto}
.zsa-ai-unified-kind{order:2}
.zsa-ai-unified-model{order:3}
[data-ai-unified-size-control]{order:4}
.zsa-ai-unified-control.is-add{order:1}
.zsa-ai-unified-composer{
    overflow:visible;
    border-color:#86e81c;
    box-shadow:0 10px 30px rgba(117,210,25,.18)
}
.zsa-ai-unified-composer:focus-within{
    box-shadow:0 0 0 3px rgba(134,232,28,.12),0 16px 38px rgba(77,165,0,.17)
}
.zsa-ai-unified-kind-menu{min-width:176px}
.zsa-ai-unified-kind-menu button{min-height:42px}
.zsa-ai-unified-size-menu{overflow:hidden}

.zsa-ai-video-preview{
    background:#111820!important;
    opacity:1;
    transition:filter .2s ease,transform .25s ease
}
.zsa-ai-video-preview[poster]{object-fit:cover}
.is-video-playing .zsa-ai-video-preview{filter:none}
.zsa-ai-video-play{opacity:.94}
.is-video-ready:not(.is-video-playing) .zsa-ai-video-play{opacity:.88}

.zsa-ai-unified-model-work-card{position:relative}
.zsa-ai-unified-model-work-card>div:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(180deg,transparent 54%,rgba(10,13,16,.18));
    transition:opacity .2s ease
}
.zsa-ai-unified-model-work-card:hover>div:after,
.zsa-ai-unified-model-work-card:focus-within>div:after{opacity:1}
.zsa-ai-unified-model-work-card>footer{
    position:relative;
    min-height:62px;
    height:62px!important;
    padding:9px 12px!important
}
.zsa-ai-unified-model-work-card>footer>b{padding-right:2px}
.zsa-ai-unified-model-work-meta{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-width:0;
    padding-right:0;
    transition:opacity .16s ease,transform .16s ease
}
.zsa-ai-unified-model-work-try{
    position:absolute;
    right:10px;
    bottom:9px;
    z-index:4;
    min-width:74px;
    height:34px;
    padding:0 13px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    color:#fff;
    font-size:12px;
    font-weight:900;
    opacity:0;
    transform:translateY(5px) scale(.96);
    transition:opacity .18s ease,transform .18s ease
}
.zsa-ai-unified-model-work-card:hover .zsa-ai-unified-model-work-meta,
.zsa-ai-unified-model-work-card:focus-within .zsa-ai-unified-model-work-meta{
    opacity:.18;
    transform:translateX(-4px)
}
.zsa-ai-unified-model-work-card:hover .zsa-ai-unified-model-work-try,
.zsa-ai-unified-model-work-card:focus-within .zsa-ai-unified-model-work-try{
    opacity:1;
    transform:translateY(0) scale(1)
}
.zsa-ai-unified-model-work-card:hover,
.zsa-ai-unified-model-work-card:focus-within{
    border-color:#a9dc70!important;
    box-shadow:0 16px 34px rgba(15,23,42,.14)!important;
    transform:translateY(-3px)
}
.zsa-ai-unified-model-work-card:hover img,
.zsa-ai-unified-model-work-card:focus-within img,
.zsa-ai-unified-model-work-card:hover video,
.zsa-ai-unified-model-work-card:focus-within video{transform:scale(1.03)}
.zsa-ai-unified-model-work-card video{transition:transform .24s ease}

@media(max-width:620px){
    .zsa-ai-unified-toolbar-left{gap:6px!important}
    .zsa-ai-unified-model{max-width:128px!important}
    .zsa-ai-unified-size{min-width:64px!important}
    .zsa-ai-unified-model-work-try{opacity:1;transform:none;height:30px;min-width:64px;font-size:11px}
    .zsa-ai-unified-model-work-meta{padding-right:70px}
}



/* v2.22.6 ordered compact toolbar, hover feedback and sidebar video cleanup */
.zsa-ai-unified-toolbar-left{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important
}
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control.is-add{order:1!important}
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control.is-kind{order:2!important}
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-model{order:3!important}
.zsa-ai-unified-toolbar-left>[data-ai-unified-size-control]{order:4!important}
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control{
    display:flex;
    align-items:center;
    min-height:38px;
    border-radius:19px
}
.zsa-ai-unified-toolbar-left .zsa-ai-unified-plus,
.zsa-ai-unified-toolbar-left .zsa-ai-unified-chip{height:36px}
.zsa-ai-unified-toolbar-left .zsa-ai-unified-model,
.zsa-ai-unified-toolbar-left .zsa-ai-unified-size{
    background:transparent!important;
    box-shadow:none!important
}
.zsa-ai-unified-toolbar-left .zsa-ai-unified-kind{
    background:#eaf3ff!important;
    color:#276dc4!important
}
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-model:hover,
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-model:focus-visible,
.zsa-ai-unified-toolbar-left>[data-ai-unified-size-control]:hover .zsa-ai-unified-size,
.zsa-ai-unified-toolbar-left>[data-ai-unified-size-control]:focus-within .zsa-ai-unified-size,
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control.is-add:hover .zsa-ai-unified-plus,
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control.is-add:focus-within .zsa-ai-unified-plus{
    border-color:#dfe3e6!important;
    background:#f1f3f4!important;
    box-shadow:0 4px 12px rgba(15,23,42,.07)!important
}
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control.is-kind:hover .zsa-ai-unified-kind,
.zsa-ai-unified-toolbar-left>.zsa-ai-unified-control.is-kind:focus-within .zsa-ai-unified-kind{
    border-color:#cfe0f5!important;
    background:#dfedff!important;
    box-shadow:0 4px 12px rgba(35,104,183,.08)!important
}
.zsa-ai-recent-item .zsa-ai-video-play{display:none!important}
.zsa-ai-recent-item .zsa-ai-recent-media.is-video{background:#111820;overflow:hidden}
.zsa-ai-recent-item .zsa-ai-recent-media.is-video video{width:100%;height:100%;display:block;object-fit:cover}
.zsa-ai-unified-model-option:active{transform:scale(.985)}

@media(max-width:620px){
    .zsa-ai-unified-toolbar-left{flex-wrap:wrap!important}
}


/* v2.22.8 UI cleanup */
.zsa-ai-unified-kind em,.zsa-ai-unified-model-option em{display:none!important}
.zsa-ai-model-menu-grid button,.zsa-ai-unified-model-option,.zsa-ai-topbar-left button{transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.zsa-ai-model-menu-grid button:hover,.zsa-ai-unified-model-option:hover{background:#f5f7f9!important;box-shadow:inset 0 0 0 1px #e9edf1;transform:translateY(-1px)}
.zsa-ai-material-card[data-ai-work-link]{cursor:pointer}
.zsa-ai-material-card .zsa-ai-material-media{position:relative}
.zsa-ai-material-card .zsa-ai-material-media button[data-ai-material-use]{position:absolute;left:12px;right:12px;bottom:12px;z-index:3}
.zsa-ai-material-card .zsa-ai-material-meta .is-file{color:#7d8791}
.zsa-ai-material-card .zsa-ai-material-meta .is-file-type{color:#111}
.zsa-ai-material-card .zsa-ai-material-meta .is-author img,.zsa-ai-material-card .zsa-ai-material-meta .is-author .zsa-ai-avatar-mini-fallback{width:22px;height:22px;border-radius:50%;object-fit:cover}

/* v2.22.8 app detail cleanup and hidden workflow fields */
.zsa-ai-app-structured-fields,
.zsa-ai-app-reference-row,
.zsa-ai-app-prompt-editor,
.zsa-ai-app-reference-input,
.zsa-ai-app-composer-toolbar,
.zsa-ai-app-workflow-guide{display:none!important}
.zsa-ai-app-composer-card.has-unified-composer{padding:26px 30px!important}
.zsa-ai-app-composer-card.has-unified-composer .zsa-ai-unified-host{display:block!important}
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{margin-top:0!important}


/* v2.22.9 one global composer, collapse effects and task timer */
.zsa-ai-generation-composer-card.zsa-ai-unified-legacy,
[data-ai-generation-composer].zsa-ai-unified-legacy,
.zsa-ai-chat-composer.zsa-ai-unified-legacy,
.zsa-ai-home-composer.zsa-ai-unified-legacy,
.zsa-ai-image-composer.zsa-ai-unified-legacy{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.zsa-ai-unified-host[hidden],.zsa-ai-unified-composer[hidden]{display:none!important}
.zsa-ai-unified-composer{transition:min-height .22s ease,padding .22s ease,border-radius .22s ease,box-shadow .22s ease,transform .22s ease}
.zsa-ai-unified-composer.effect-glow{box-shadow:0 10px 30px rgba(117,210,25,.20)}
.zsa-ai-unified-composer.effect-soft{box-shadow:0 10px 28px rgba(15,23,42,.10);border-color:#dfe7d6}
.zsa-ai-unified-composer.effect-none{box-shadow:none}
.zsa-ai-unified-composer.is-collapsed{min-height:58px!important;height:58px!important;padding:7px 9px 7px 16px!important;border-width:1px!important;border-radius:30px!important;display:grid!important;grid-template-columns:minmax(120px,1fr) auto!important;align-items:center!important;gap:8px!important;overflow:visible!important}
.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-attachments,.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-size-menu{display:none!important}
.zsa-ai-unified-composer.is-collapsed>textarea{grid-column:1!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:8px 4px!important;overflow:hidden!important;white-space:nowrap!important}
.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-toolbar{grid-column:2!important;display:flex!important;align-items:center!important;gap:6px!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-toolbar-left>.is-add,
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-toolbar-left>.is-kind,
.zsa-ai-unified-composer.is-collapsed [data-ai-unified-size-control]{display:none!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-toolbar-left{display:flex!important;flex-wrap:nowrap!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-model{max-width:180px!important;background:#f2f4f5!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send span,.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send b{display:none!important}
.zsa-ai-task-elapsed{display:block;margin-top:7px;color:#8a949f;font-size:12px;font-weight:700;letter-spacing:.02em}
.zsa-ai-generation-failed.is-timeout{border-color:#ffd5d5;background:#fff8f8}
@media(max-width:640px){.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-model{display:none!important}.zsa-ai-unified-composer.is-collapsed{grid-template-columns:minmax(100px,1fr) auto!important}}

/* v2.22.9 legacy composers are bridge controls only; never render them */
.zsa-ai-home-composer,
[data-ai-model-composer],
.zsa-ai-app-market-composer,
.zsa-ai-image-composer,
.zsa-ai-chat-composer,
[data-ai-generation-composer],
[data-ai-work-composer]{display:none!important;visibility:hidden!important}


/* v2.23.0 unified width, recent uploads and centered references */
.zsa-ai-unified-host,.zsa-ai-unified-host.is-app,.zsa-ai-unified-host.is-generate{width:calc(100% - 24px)!important;max-width:var(--zsa-ai-composer-width,760px)!important;margin-left:auto!important;margin-right:auto!important}
.zsa-ai-unified-composer[data-ai-global-composer]{width:100%!important;max-width:var(--zsa-ai-composer-width,760px)!important;margin:0 auto!important}
.zsa-ai-unified-attachments{justify-content:flex-start!important;align-items:center!important;min-height:0!important}
.zsa-ai-unified-attachments .zsa-ai-app-reference-item,.zsa-ai-unified-attachments .zsa-ai-generation-attachment{width:72px!important;height:64px!important;display:grid!important;place-items:center!important;overflow:hidden!important;border-radius:12px!important;background:#f7f9fa!important}
.zsa-ai-unified-attachments img,.zsa-ai-unified-attachments button>img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;margin:auto!important}
.zsa-ai-unified-attachments .zsa-ai-generation-upload-tile,.zsa-ai-unified-attachments .zsa-ai-app-add-reference{display:none!important}
.zsa-ai-unified-recent-panel{position:absolute;z-index:80;left:178px;bottom:50px;width:304px;max-height:390px;padding:12px;border:1px solid #e1e5e8;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.16);overflow:auto}
.zsa-ai-unified-recent-panel[hidden]{display:none!important}
.zsa-ai-unified-recent-panel header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px;border-bottom:1px solid #eceff1}.zsa-ai-unified-recent-panel header b{font-size:14px}.zsa-ai-unified-recent-panel header button{border:0;background:transparent;font-size:20px;cursor:pointer}.zsa-ai-unified-recent-panel>small{display:block;padding:12px 5px 6px;color:#a0a6ad}.zsa-ai-unified-recent-panel [data-ai-recent-list]{display:grid;gap:4px}.zsa-ai-unified-recent-panel [data-ai-recent-list]>button{width:100%;min-height:58px;padding:7px;border:0;border-radius:10px;background:transparent;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;text-align:left;cursor:pointer}.zsa-ai-unified-recent-panel [data-ai-recent-list]>button:hover{background:#f3f5f6}.zsa-ai-unified-recent-panel img,.zsa-ai-unified-recent-panel i{width:48px;height:44px;border-radius:8px;object-fit:cover;background:#eef1f3;display:grid;place-items:center;font-size:10px}.zsa-ai-unified-recent-panel span{min-width:0}.zsa-ai-unified-recent-panel span b,.zsa-ai-unified-recent-panel span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-unified-recent-panel span b{font-size:13px}.zsa-ai-unified-recent-panel span small{margin-top:4px;color:#89919a;font-size:11px}
.zsa-ai-generation-composer-dock>[data-ai-generation-composer],.zsa-ai-generation-composer-dock>.zsa-ai-generation-composer-card{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
@media(max-width:720px){.zsa-ai-unified-recent-panel{left:8px;right:8px;width:auto;bottom:54px}.zsa-ai-unified-host,.zsa-ai-unified-host.is-app,.zsa-ai-unified-host.is-generate{width:calc(100% - 12px)!important}}


/* v2.23.1 text result, material reference centering */
.zsa-ai-text-result{max-width:980px;margin:18px auto 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.zsa-ai-text-answer{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:22px 24px;border:1px solid #e5e9ed;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.07)}
.zsa-ai-text-answer-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#111;color:#fff;font-size:12px;font-weight:900}
.zsa-ai-text-answer-main{min-width:0}
.zsa-ai-text-answer-main header{display:flex;align-items:center;gap:10px;margin:2px 0 12px}.zsa-ai-text-answer-main header b{font-size:15px}.zsa-ai-text-answer-main header span{color:#929aa3;font-size:12px}
.zsa-ai-text-answer-content{position:relative;min-height:54px;color:#222;font-size:16px;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.zsa-ai-text-answer-content [data-ai-text-typewriter]{white-space:pre-wrap}
.zsa-ai-text-caret{display:inline-block;width:2px;height:1.15em;margin-left:3px;vertical-align:-2px;background:#111;animation:zsaTextCaret .8s steps(1) infinite}
@keyframes zsaTextCaret{50%{opacity:0}}
.zsa-ai-text-answer-main footer{display:flex;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid #edf0f2}.zsa-ai-text-answer-main footer[hidden]{display:none!important}.zsa-ai-text-answer-main footer button{height:32px;padding:0 12px;border:1px solid #e1e5e8;border-radius:9px;background:#fff;cursor:pointer}.zsa-ai-text-answer-main footer button:hover{background:#f4f6f7}
.zsa-ai-text-answer>.zsa-ai-generation-card-close{right:12px!important;top:12px!important}
.zsa-ai-material-media{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.zsa-ai-material-media>img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;margin:auto!important;transform-origin:center center!important}
.zsa-ai-material-card .zsa-ai-material-media>button[data-ai-material-use]{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;width:auto!important;max-width:calc(100% - 28px)!important;transform:translate(-50%,-50%)!important;padding:0 18px!important;border-radius:20px!important;white-space:nowrap!important}
.zsa-ai-material-card:hover .zsa-ai-material-media>button[data-ai-material-use],.zsa-ai-material-card:focus-within .zsa-ai-material-media>button[data-ai-material-use]{transform:translate(-50%,-50%)!important}
@media(max-width:720px){.zsa-ai-text-answer{grid-template-columns:32px minmax(0,1fr);padding:18px 16px}.zsa-ai-text-answer-avatar{width:32px;height:32px}.zsa-ai-text-answer-content{font-size:15px}}

/* v2.23.2 visible remove button, right-side recent submenu and minimal text answer */
.zsa-ai-unified-attachments .zsa-ai-generation-attachment,
.zsa-ai-unified-attachments .zsa-ai-app-reference-item{overflow:visible!important;position:relative!important}
.zsa-ai-unified-attachments .zsa-ai-generation-attachment-remove,
.zsa-ai-unified-attachments .zsa-ai-reference-delete{
    position:absolute!important;right:-8px!important;top:-8px!important;z-index:120!important;
    width:25px!important;height:25px!important;display:grid!important;place-items:center!important;
    padding:0!important;border:2px solid #fff!important;border-radius:50%!important;
    background:#111!important;color:#fff!important;font-size:18px!important;font-weight:900!important;
    line-height:1!important;text-indent:0!important;opacity:1!important;visibility:visible!important;
    box-shadow:0 4px 12px rgba(15,23,42,.34)!important;cursor:pointer!important
}
.zsa-ai-unified-attachments .zsa-ai-generation-attachment-remove:hover,
.zsa-ai-unified-attachments .zsa-ai-reference-delete:hover{background:#ef2f2f!important;transform:scale(1.06)}
.zsa-ai-unified-attachments video,.zsa-ai-unified-attachments button>video{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;background:#111;border-radius:10px}

.zsa-ai-unified-recent-panel{position:fixed!important;z-index:1000000!important;left:-9999px;top:-9999px;bottom:auto!important;max-height:min(420px,calc(100vh - 24px))!important;overflow:auto!important}
.zsa-ai-unified-recent-panel [data-ai-recent-list]>button{grid-template-columns:52px minmax(0,1fr)!important}
.zsa-ai-unified-recent-panel img,.zsa-ai-unified-recent-panel video,.zsa-ai-unified-recent-panel i{width:52px!important;height:46px!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:8px!important;background:#eef1f3!important}

.zsa-ai-text-result,.zsa-ai-text-result.is-pending{max-width:980px!important;margin:18px auto 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.zsa-ai-text-stream{position:relative;min-height:34px;padding:4px 34px 8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#222;font-size:16px;line-height:1.9;white-space:normal;word-break:break-word}
.zsa-ai-text-stream [data-ai-text-typewriter]{display:inline;white-space:pre-wrap}
.zsa-ai-text-stream strong{font-weight:800}.zsa-ai-text-stream code{padding:2px 5px;border-radius:5px;background:#f1f3f5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.zsa-ai-text-thinking{color:#8c949d;font-size:14px}
.zsa-ai-text-clear{position:absolute;right:0;top:0;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:#a0a7ae;font-size:19px;cursor:pointer}
.zsa-ai-text-clear:hover{background:#f1f3f4;color:#111}
.zsa-ai-text-stream footer{display:flex;gap:7px;margin-top:14px;padding-top:9px;border-top:1px solid #eef1f3}
.zsa-ai-text-stream footer[hidden]{display:none!important}.zsa-ai-text-stream footer button{height:30px;padding:0 10px;border:1px solid #e2e6e9;border-radius:8px;background:#fff;cursor:pointer}
.zsa-ai-text-caret{display:inline-block;width:2px;height:1.08em;margin-left:3px;vertical-align:-2px;background:#222;animation:zsaTextCaret .8s steps(1) infinite}
.zsa-ai-text-answer,.zsa-ai-text-answer-avatar,.zsa-ai-text-answer-main{display:none!important}
@media(max-width:720px){.zsa-ai-unified-recent-panel{left:12px!important;right:12px!important;width:auto!important;max-width:none!important}.zsa-ai-text-stream{padding-right:30px!important;font-size:15px}}

/* v2.23.3 viewport-aware composer menus */
.zsa-ai-unified-composer.has-size-menu{border-radius:28px!important}
.zsa-ai-unified-menu.is-fixed-menu{
    position:fixed!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
    z-index:100590!important;
    border:1px solid #dfe4e8!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(15,23,42,.2)!important;
    box-sizing:border-box!important
}
.zsa-ai-unified-size-menu.is-fixed-menu{
    padding:15px 16px 17px!important;
    border-top:1px solid #dfe4e8!important
}
.zsa-ai-unified-menu.opens-down{transform-origin:top left}
.zsa-ai-unified-menu.opens-up{transform-origin:bottom left}

/* v2.23.3 my generated works asset picker */
.zsa-ai-my-works-modal{position:fixed;inset:0;z-index:100920;background:rgba(17,22,28,.76);display:grid;place-items:center;padding:22px}
.zsa-ai-my-works-modal[hidden]{display:none!important}
.zsa-ai-my-works-modal>section{position:relative;width:min(820px,calc(100vw - 36px));height:min(680px,calc(100vh - 42px));padding:54px 34px 28px;border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.3);overflow:hidden;display:flex;flex-direction:column}
.zsa-ai-my-works-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid #dfe3e7;border-radius:50%;background:#fff;font-size:25px;line-height:1;cursor:pointer}
.zsa-ai-my-works-modal header{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.zsa-ai-my-works-modal header h2{margin:0;font-size:25px;color:#111}
.zsa-ai-my-works-modal header nav{display:flex;padding:4px;border-radius:22px;background:#f3f4f5}
.zsa-ai-my-works-modal header nav button{height:34px;padding:0 14px;border:0;border-radius:17px;background:transparent;color:#8b9299;cursor:default}
.zsa-ai-my-works-modal header nav button.is-active{background:#fff;color:#111;font-weight:900;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.zsa-ai-my-works-modal header label{margin-left:auto;height:40px;min-width:210px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #e1e5e8;border-radius:20px;background:#fff}
.zsa-ai-my-works-modal header input{min-width:0;flex:1;border:0!important;outline:0!important;box-shadow:none!important;background:transparent}
.zsa-ai-my-works-grid{min-height:0;flex:1;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:16px;padding:2px 4px 18px}
.zsa-ai-my-works-grid>p{grid-column:1/-1;text-align:center;color:#8b9299;padding:80px 0}
.zsa-ai-my-works-grid article{min-width:0;border:1px solid #e0e4e7;border-radius:16px;background:#fff;overflow:hidden;transition:.2s;cursor:pointer}
.zsa-ai-my-works-grid article:hover{border-color:#87e51e;transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,23,42,.12)}
.zsa-ai-my-work-media{position:relative;height:210px;display:grid;place-items:center;background:#f7f8f9;overflow:hidden}
.zsa-ai-my-work-media img,.zsa-ai-my-work-media video{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.zsa-ai-my-work-media button{position:absolute;left:50%;bottom:18px;transform:translate(-50%,10px);height:34px;padding:0 16px;border:0;border-radius:18px;background:#86ec16;color:#111;font-weight:900;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s}
.zsa-ai-my-works-grid article:hover .zsa-ai-my-work-media button{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.zsa-ai-my-works-grid footer{padding:11px 12px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.zsa-ai-my-works-grid footer b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.zsa-ai-my-works-grid footer small{color:#9198a0;white-space:nowrap}
.zsa-ai-my-works-empty{grid-column:1/-1;padding:100px 20px;text-align:center;color:#8a929a}
@media(max-width:760px){.zsa-ai-my-works-modal>section{padding:54px 16px 20px}.zsa-ai-my-works-modal header{justify-content:flex-start}.zsa-ai-my-works-modal header label{width:100%;margin-left:0}.zsa-ai-my-works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.zsa-ai-my-work-media{height:150px}}

/* v2.25.0 prompt polish + workflow automation */
.zsa-ai-unified-prompt-actions{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.zsa-ai-unified-polish{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid #d8e9bf;background:#f6ffea;color:#5e8f1c;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}
.zsa-ai-unified-polish:hover{background:#ecf9d7;border-color:#c9e09e;color:#527f19}
.zsa-ai-unified-polish.is-loading,.zsa-ai-unified-polish:disabled{opacity:.72;cursor:not-allowed}
.zsa-ai-workflow-builder{margin:0 0 22px;padding:22px;border:1px solid #e3e8ee;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#fafdf5 100%)}
.zsa-ai-workflow-builder>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.zsa-ai-workflow-builder>header span{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eff8df;color:#62911e;font-size:11px;font-weight:800}
.zsa-ai-workflow-builder>header h3{margin:10px 0 6px;font-size:22px;color:#1f2937}
.zsa-ai-workflow-builder>header p{margin:0;max-width:720px;color:#6b7280;font-size:13px;line-height:1.75}
.zsa-ai-workflow-meta{min-width:140px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #ecf0f4;text-align:right}
.zsa-ai-workflow-meta b{display:block;font-size:14px;color:#20262d}
.zsa-ai-workflow-meta small{display:block;margin-top:4px;color:#8b95a1}
.zsa-ai-workflow-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.zsa-ai-workflow-field span{font-size:13px;font-weight:700;color:#334155}.zsa-ai-workflow-field textarea{width:100%;min-height:96px;padding:14px 16px;border-radius:16px;border:1px solid #dfe5ec;background:#fff;resize:vertical;color:#1f2937;line-height:1.7}
.zsa-ai-workflow-field textarea:focus{outline:none;border-color:#9ccc4f;box-shadow:0 0 0 3px rgba(143,194,55,.14)}
.zsa-ai-workflow-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.zsa-ai-workflow-actions .zsa-ai-primary,.zsa-ai-workflow-actions .zsa-ai-secondary{min-width:160px}.zsa-ai-secondary{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:14px;border:1px solid #d7dde5;background:#fff;color:#334155;font-weight:700;cursor:pointer}.zsa-ai-secondary:hover{border-color:#c4ced9;background:#f8fafc}
.zsa-ai-workflow-status{padding:12px 14px;border-radius:14px;background:#f7f9fb;color:#64748b;font-size:13px;line-height:1.7}.zsa-ai-workflow-status.is-busy{background:#f2fbe8;color:#598317}
@media(max-width:760px){.zsa-ai-workflow-builder{padding:18px;border-radius:16px}.zsa-ai-workflow-builder>header{flex-direction:column}.zsa-ai-workflow-meta{text-align:left;width:100%}}


/* v2.25.1 inline prompt helper */
.zsa-ai-unified-prompt-actions{display:none!important}
.zsa-ai-unified-prompt-wrap{position:relative;min-height:72px}
.zsa-ai-unified-prompt-wrap>textarea{display:block;width:100%;padding-left:112px!important;transition:padding .16s ease}
.zsa-ai-unified-prompt-helper{position:absolute;left:8px;top:7px;z-index:4;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:0;border-radius:7px;background:#f5f6f7;color:#7b828a;font-size:12px;line-height:28px;white-space:nowrap;cursor:pointer;transition:background .16s,color .16s,opacity .16s}
.zsa-ai-unified-prompt-helper svg{flex:0 0 auto}.zsa-ai-unified-prompt-helper:hover{background:#eceff1;color:#4f5963}.zsa-ai-unified-prompt-helper.is-polish{color:#737b84}.zsa-ai-unified-prompt-helper.is-loading{opacity:.72;cursor:wait}
.zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{padding-left:112px!important}
@media(max-width:620px){.zsa-ai-unified-prompt-wrap>textarea,.zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{padding-left:104px!important}.zsa-ai-unified-prompt-helper{font-size:11px}}

/* v2.25.1 workflows marketplace, visually aligned with the supplied workflow reference */
.zsa-ai-panel[data-ai-panel="skills"]{padding:0!important;overflow:visible;background:#fff}
.zsa-ai-panel[data-ai-panel="skills"]>[data-ai-global-composer],.zsa-ai-panel[data-ai-panel="skills"] .zsa-ai-unified-host{display:none!important}
.zsa-ai-workflow-market{position:relative;background:#fff;min-height:100vh;color:#111827}
.zsa-ai-workflow-market-tabs{height:48px;display:flex;justify-content:center;align-items:center;gap:4px;border-bottom:1px solid #f0f1f3;background:rgba(255,255,255,.92);position:relative;z-index:5}
.zsa-ai-workflow-market-tabs button{height:34px;padding:0 15px;border:0;border-radius:18px;background:transparent;color:#6b7280;font-size:13px;cursor:pointer}.zsa-ai-workflow-market-tabs button.is-active{background:#fff;border:1px solid #e2e5e9;box-shadow:0 1px 4px rgba(15,23,42,.05);color:#111827;font-weight:700}
.zsa-ai-workflow-market-hero{position:relative;min-height:515px;padding-top:58px;overflow:hidden;background-image:linear-gradient(rgba(216,220,224,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(216,220,224,.35) 1px,transparent 1px);background-size:28px 28px}
.zsa-ai-workflow-glow{position:absolute;top:0;width:36%;height:350px;filter:blur(8px);pointer-events:none}.zsa-ai-workflow-glow.is-left{left:-8%;background:radial-gradient(circle at 35% 50%,rgba(179,239,76,.65),rgba(179,239,76,0) 68%)}.zsa-ai-workflow-glow.is-right{right:-8%;background:radial-gradient(circle at 65% 50%,rgba(139,179,255,.48),rgba(139,179,255,0) 68%)}
.zsa-ai-workflow-title-box{position:relative;z-index:3;width:min(600px,68vw);margin:0 auto;text-align:center;padding:18px 28px 14px;border:1px solid #a9ea42;background:rgba(255,255,255,.82);backdrop-filter:blur(8px)}.zsa-ai-workflow-title-box h1{margin:0;font-size:42px;line-height:1.2;font-weight:900;letter-spacing:-1px}.zsa-ai-workflow-title-box p{margin:9px 0 0;color:#6b7280;font-size:13px}.zsa-ai-workflow-title-box .is-handle{position:absolute;width:9px;height:9px;border:1px solid #8ed51f;background:#fff}.zsa-ai-workflow-title-box .tl{left:-5px;top:-5px}.zsa-ai-workflow-title-box .tr{right:-5px;top:-5px}.zsa-ai-workflow-title-box .bl{left:-5px;bottom:-5px}.zsa-ai-workflow-title-box .br{right:-5px;bottom:-5px}
.zsa-ai-workflow-node-stage{position:absolute;left:4%;right:4%;top:35px;height:215px;pointer-events:none}.zsa-ai-workflow-node-stage svg{position:absolute;inset:0;width:100%;height:100%}.zsa-ai-workflow-node-stage path{fill:none;stroke:#8bd720;stroke-width:1.4}.zsa-ai-workflow-demo-card{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #e4e7eb;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);font-size:10px;color:#6b7280}.zsa-ai-workflow-demo-card i{display:block;width:58px;height:58px;border-radius:9px;background:linear-gradient(145deg,#eef1f4,#aab2bd);position:relative}.zsa-ai-workflow-demo-card i:after{content:"";position:absolute;inset:15px;border-radius:12px;background:#fff;border:6px solid #9098a3}.zsa-ai-workflow-demo-card.is-product-a{left:7%;top:0;width:104px;height:104px}.zsa-ai-workflow-demo-card.is-text{left:4%;top:130px;width:150px;height:74px;padding:10px}.zsa-ai-workflow-demo-card.is-product-b{left:20%;top:28px;width:104px;height:104px}.zsa-ai-workflow-demo-card.is-result-a{right:7%;top:0;width:150px;height:90px;background:linear-gradient(140deg,#111827,#d6d9dd);color:#fff}.zsa-ai-workflow-demo-card.is-result-b{right:4%;top:126px;width:104px;height:104px}.zsa-ai-workflow-demo-card.is-result-a i{width:88px;height:40px;background:linear-gradient(145deg,#e7e8ea,#555b64)}
.zsa-ai-workflow-hero-composer{position:relative;z-index:4;display:flex;align-items:center;width:min(690px,78vw);height:48px;margin:18px auto 0;border:2px solid #8bd720;border-radius:25px;background:#fff;box-shadow:0 4px 18px rgba(139,215,32,.08)}.zsa-ai-workflow-hero-composer .is-add{width:44px;height:44px;border:0;background:transparent;font-size:21px;color:#4b5563;cursor:pointer}.zsa-ai-workflow-hero-composer input{flex:1;min-width:0;height:44px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;padding:0 8px;color:#1f2937;font-size:14px}.zsa-ai-workflow-hero-composer input::placeholder{color:#b1b7bf}.zsa-ai-workflow-hero-composer .is-send{width:34px;height:34px;margin-right:6px;border:0;border-radius:50%;background:#94dc24;color:#0d1b05;font-size:20px;font-weight:900;cursor:pointer}.zsa-ai-workflow-hero-composer .is-send:hover{transform:scale(1.05)}
.zsa-ai-workflow-status{position:relative;z-index:4;width:min(690px,78vw);margin:7px auto 0;padding:0;background:transparent!important;color:#99a0a8!important;text-align:center;font-size:11px}.zsa-ai-workflow-status.is-busy{color:#6b9c21!important}
.zsa-ai-workflow-fan{position:absolute;z-index:3;left:50%;bottom:-4px;transform:translateX(-50%);width:1180px;height:240px;display:flex;align-items:flex-end;justify-content:center;gap:18px;pointer-events:auto}.zsa-ai-workflow-fan .wf-card{position:relative;width:190px;height:164px;border:1px solid #e6e7e9;border-radius:14px;padding:18px 14px;text-align:left;box-shadow:0 8px 25px rgba(15,23,42,.1);cursor:pointer;overflow:hidden;background:#fff;transition:transform .22s ease,box-shadow .22s ease}.zsa-ai-workflow-fan .wf-card:before{content:"";position:absolute;inset:0;opacity:.85;z-index:0}.zsa-ai-workflow-fan .wf-card>*{position:relative;z-index:1}.zsa-ai-workflow-fan .wf-card b{display:block;font-size:20px;line-height:1.25;margin-top:20px}.zsa-ai-workflow-fan .wf-card small{position:absolute;left:14px;bottom:14px;font-size:11px;color:#59616b}.zsa-ai-workflow-fan .c1{transform:translateY(48px) rotate(-11deg)}.zsa-ai-workflow-fan .c2{transform:translateY(22px) rotate(-7deg)}.zsa-ai-workflow-fan .c3{transform:translateY(7px) rotate(-3deg)}.zsa-ai-workflow-fan .c4{transform:translateY(0)}.zsa-ai-workflow-fan .c5{transform:translateY(7px) rotate(3deg)}.zsa-ai-workflow-fan .c6{transform:translateY(22px) rotate(7deg)}.zsa-ai-workflow-fan .c7{transform:translateY(48px) rotate(11deg)}.zsa-ai-workflow-fan .wf-card:hover{transform:translateY(-8px) rotate(0deg)!important;box-shadow:0 16px 34px rgba(15,23,42,.16)}.zsa-ai-workflow-fan .c1:before{background:linear-gradient(145deg,#d9efff,#fff0ce)}.zsa-ai-workflow-fan .c2:before{background:linear-gradient(145deg,#e8f6ff,#fff)}.zsa-ai-workflow-fan .c3:before{background:linear-gradient(145deg,#fff9e8,#f3e4d0)}.zsa-ai-workflow-fan .c4:before{background:linear-gradient(145deg,#ffb74d,#f4f6a5)}.zsa-ai-workflow-fan .c5:before{background:linear-gradient(145deg,#fff0d6,#f5c994)}.zsa-ai-workflow-fan .c6:before{background:linear-gradient(145deg,#f4e6cc,#fff)}.zsa-ai-workflow-fan .c7:before{background:linear-gradient(145deg,#f8f8f8,#e8edf6)}
.zsa-ai-workflow-filter-tabs{max-width:1320px;margin:20px auto 0;display:flex;gap:4px;align-items:center;overflow-x:auto;padding:0 18px 8px}.zsa-ai-workflow-filter-tabs button{flex:0 0 auto;height:34px;padding:0 15px;border:0;border-radius:18px;background:transparent;color:#707780;cursor:pointer}.zsa-ai-workflow-filter-tabs button.is-active{background:#fff;border:1px solid #e2e5e9;color:#111827;font-weight:700;box-shadow:0 1px 3px rgba(15,23,42,.05)}
.zsa-ai-workflow-floor{max-width:1320px;margin:18px auto 60px;padding:0 18px}.zsa-ai-workflow-floor h2{margin:0 0 16px;font-size:20px}.zsa-ai-workflow-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.zsa-ai-workflow-create-card,.zsa-ai-workflow-library-card{min-width:0;aspect-ratio:3/4;border:1px solid #e4e7eb;border-radius:14px;background:#fff;cursor:pointer;overflow:hidden;transition:transform .18s,box-shadow .18s}.zsa-ai-workflow-create-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#f7f8fa}.zsa-ai-workflow-create-card i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-style:normal;font-size:22px}.zsa-ai-workflow-create-card b{font-size:13px}.zsa-ai-workflow-library-card{display:flex;flex-direction:column;text-align:left;padding:0}.zsa-ai-workflow-library-card .cover{display:grid;place-items:center;width:100%;aspect-ratio:1/1.16;font-size:56px;font-weight:900;color:rgba(17,24,39,.78);background:linear-gradient(145deg,#e8f4ff,#f6ffc8)}.zsa-ai-workflow-library-card .k2{background:linear-gradient(145deg,#fff1c5,#f2efe8)}.zsa-ai-workflow-library-card .k3{background:linear-gradient(145deg,#f5e6ff,#eef7ff)}.zsa-ai-workflow-library-card .k4{background:linear-gradient(145deg,#e7fff0,#dce9ff)}.zsa-ai-workflow-library-card .k5{background:linear-gradient(145deg,#fff0e2,#e9f0ff)}.zsa-ai-workflow-library-card b{padding:12px 12px 3px;font-size:14px}.zsa-ai-workflow-library-card small{padding:0 12px 13px;color:#8a929d}.zsa-ai-workflow-create-card:hover,.zsa-ai-workflow-library-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(15,23,42,.1)}
@media(max-width:1180px){.zsa-ai-workflow-fan{width:980px}.zsa-ai-workflow-fan .wf-card{width:155px}.zsa-ai-workflow-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zsa-ai-workflow-demo-card.is-product-b,.zsa-ai-workflow-demo-card.is-result-a{display:none}}
@media(max-width:760px){.zsa-ai-workflow-market-tabs{justify-content:flex-start;overflow-x:auto}.zsa-ai-workflow-market-hero{min-height:440px;padding-top:40px}.zsa-ai-workflow-title-box{width:88vw}.zsa-ai-workflow-title-box h1{font-size:28px}.zsa-ai-workflow-node-stage{display:none}.zsa-ai-workflow-hero-composer,.zsa-ai-workflow-status{width:90vw}.zsa-ai-workflow-fan{width:760px;height:220px;left:45%}.zsa-ai-workflow-fan .wf-card{width:128px;height:150px}.zsa-ai-workflow-fan .wf-card b{font-size:15px}.zsa-ai-workflow-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.25.2 prompt helper + compact composer fixes */
.zsa-ai-unified-prompt-wrap{position:relative!important;min-height:72px!important}
.zsa-ai-unified-prompt-helper{
  position:absolute!important;left:8px!important;top:7px!important;z-index:5!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  height:30px!important;padding:0 7px!important;margin:0!important;
  border:0!important;border-radius:7px!important;background:transparent!important;
  box-shadow:none!important;color:#858b92!important;font-size:12px!important;font-weight:500!important;
  line-height:30px!important;white-space:nowrap!important;cursor:pointer!important;
  transition:background .16s ease,color .16s ease!important
}
.zsa-ai-unified-prompt-helper:hover{background:#f1f3f4!important;color:#626a73!important}
.zsa-ai-unified-prompt-helper svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
.zsa-ai-unified-prompt-helper.is-loading{background:#f6f7f8!important;opacity:.72!important;cursor:wait!important}
.zsa-ai-unified-prompt-wrap>textarea,
.zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
  padding-left:122px!important;padding-top:9px!important
}
/* toolbar chips must never squeeze their icons */
.zsa-ai-unified-toolbar-left,.zsa-ai-unified-chip,.zsa-ai-unified-control,.zsa-ai-unified-plus,.zsa-ai-unified-send{flex-shrink:0!important}
.zsa-ai-unified-chip i,.zsa-ai-unified-chip img,.zsa-ai-unified-model i,.zsa-ai-unified-model img{flex:0 0 auto!important;object-fit:contain!important}

/* Every collapsed composer uses the same compact + input + arrow layout. */
.zsa-ai-unified-composer.is-collapsed{
  min-height:58px!important;height:58px!important;padding:7px 8px!important;
  border:1px solid #dfe4e8!important;border-radius:30px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;
  grid-template-rows:44px!important;align-items:center!important;gap:5px!important;
  overflow:visible!important;box-shadow:0 7px 20px rgba(15,23,42,.05)!important
}
.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-attachments,
.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-size-menu{display:none!important}
.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-prompt-wrap{
  grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:44px!important;height:44px!important
}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-prompt-helper{display:none!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-prompt-wrap>textarea,
.zsa-ai-unified-composer.is-collapsed.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
  display:block!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:10px 5px!important;margin:0!important;border:0!important;outline:0!important;box-shadow:none!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;background:transparent!important;
  color:#525a63!important;font-size:14px!important;line-height:24px!important;resize:none!important
}
.zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-toolbar{display:contents!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-toolbar-left{display:contents!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-control.is-add{
  display:block!important;grid-column:1!important;grid-row:1!important;width:42px!important;height:42px!important
}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-plus{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:#545d66!important;font-size:22px!important
}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-plus:hover{background:#f3f5f6!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-control.is-kind,
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-model,
.zsa-ai-unified-composer.is-collapsed [data-ai-unified-size-control]{display:none!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send{
  display:flex!important;grid-column:3!important;grid-row:1!important;align-items:center!important;justify-content:center!important;
  width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important
}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send span,
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send b,
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send i{display:none!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send:before{content:"→";font-size:21px;font-weight:800;line-height:1}
/* The workflow page already uses the global top navigation; never render a second category nav. */
.zsa-ai-workflow-market-tabs{display:none!important}
@media(max-width:640px){
  .zsa-ai-unified-prompt-wrap>textarea,.zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{padding-left:112px!important}
  .zsa-ai-unified-composer.is-collapsed{grid-template-columns:40px minmax(0,1fr) 40px!important;padding:6px 7px!important}
  .zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-plus,.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send{width:40px!important;min-width:40px!important;height:40px!important}
}


/* v2.25.5 works fan + unified composer prompt alignment */
.zsa-ai-unified-prompt-wrap{display:block!important;position:relative!important;min-height:72px!important}
.zsa-ai-unified-prompt-helper{left:12px!important;top:8px!important;height:28px!important;line-height:28px!important;padding:0 6px!important}
.zsa-ai-unified-prompt-wrap>textarea,
.zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
  width:100%!important;box-sizing:border-box!important;
  padding:8px 14px 10px!important;text-indent:116px!important;
  color:#111827!important;font-weight:700!important;line-height:26px!important;
  letter-spacing:.01em!important
}
.zsa-ai-unified-prompt-wrap>textarea::placeholder{color:#a4abb3!important;font-weight:400!important}
.zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-prompt-wrap>textarea,
.zsa-ai-unified-composer.is-collapsed.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
  text-indent:0!important;padding:10px 5px!important;font-weight:500!important;color:#525a63!important
}
.zsa-ai-unified-host.is-works{margin:28px auto 0!important;position:relative!important;z-index:6!important}
.zsa-ai-works-search.zsa-ai-unified-legacy{display:none!important}
.zsa-ai-works-hero{min-height:620px!important}
.zsa-ai-works-fan{height:350px!important;margin-top:26px!important}
.zsa-ai-works-fan-track{overflow:visible!important;max-width:calc(100vw - 86px)!important;margin:0 auto!important}
.zsa-ai-works-fan-card{transition:transform .25s ease,box-shadow .2s,border-color .2s,opacity .2s!important}
@media(min-width:2000px){.zsa-ai-works-fan-card{width:268px!important;height:300px!important}.zsa-ai-works-fan-card>div{height:252px!important}}
@media(max-width:1999px){.zsa-ai-works-fan-card{width:246px!important;height:286px!important}.zsa-ai-works-fan-card>div{height:238px!important}}
@media(max-width:1100px){.zsa-ai-works-fan-card{width:210px!important;height:252px!important}.zsa-ai-works-fan-card>div{height:204px!important}.zsa-ai-works-fan-track{max-width:calc(100vw - 28px)!important}.zsa-ai-works-fan-nav{display:none!important}}
@media(max-width:640px){.zsa-ai-unified-prompt-wrap>textarea,.zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{text-indent:108px!important;padding-left:10px!important;padding-right:10px!important}.zsa-ai-works-fan-card{width:156px!important;height:200px!important}.zsa-ai-works-fan-card>div{height:152px!important}}


/* v2.25.6 workspace identity, guest login and chat lock */
.zsa-ai-sidebar-login{width:calc(100% - 16px);margin:8px;height:38px;border:0;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:.18s ease}.zsa-ai-sidebar-login:hover{background:#242424;transform:translateY(-1px)}
.zsa-ai-model-icon-field>div{display:flex;align-items:center;gap:10px}.zsa-ai-model-icon-field input{flex:1}.zsa-ai-model-icon-field img{width:38px;height:38px;border-radius:10px;object-fit:contain;border:1px solid #e5e7eb;background:#fff;padding:4px}
.zsa-ai-unified-composer.is-chat-locked [data-ai-unified-kind-toggle]{pointer-events:none}.zsa-ai-unified-composer.is-chat-locked [data-ai-unified-kind-toggle]::after{display:none}.zsa-ai-unified-composer.is-chat-locked [data-ai-unified-size-control],.zsa-ai-unified-composer.is-chat-locked [data-ai-unified-size-menu]{display:none!important}


/* v2.25.7 login, generation header and model icon sync */
.zsa-ai-sidebar-bottom{padding:10px 8px 12px!important;background:#fff!important;border-top:1px solid #eef0f2!important}
.zsa-ai-sidebar-login{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:42px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:#111!important;color:#fff!important;box-shadow:none!important;font-size:14px!important;font-weight:800!important;line-height:42px!important;text-align:center!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}
.zsa-ai-sidebar-login span{display:block!important;color:#fff!important;line-height:1!important;font-weight:800!important}
.zsa-ai-sidebar-login:hover{background:#242424!important;color:#fff!important;transform:none!important}
.zsa-ai-generation-mode{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}
.zsa-ai-generation-mode>i{display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.zsa-ai-generation-mode>i svg{width:18px;height:18px;display:block}
.zsa-ai-generation-model-display{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid #e5e8ec;border-radius:9px;background:#fff;color:#20252b;white-space:nowrap}
.zsa-ai-generation-model-display[hidden]{display:none!important}
.zsa-ai-generation-model-display>i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;overflow:hidden;background:#f2f4f6;font-style:normal;font-size:9px;flex:0 0 20px}
.zsa-ai-generation-model-display>i img,.zsa-ai-generation-model-display>i b img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}
.zsa-ai-generation-model-display strong{font-size:12px;font-weight:750;color:#20252b}
.zsa-ai-generation-model-detail{margin-left:0!important}
.zsa-ai-direct-kind-icon{font-size:9px;font-weight:900}

/* v2.25.8 model icon fidelity */
.zsa-ai-unified-model>i:has(img),
.zsa-ai-generation-model-chip>i:has(img),
.zsa-ai-generation-model-display>i:has(img),
.zsa-ai-unified-model-option>i:has(img){background:transparent!important;color:inherit!important;box-shadow:none!important}
.zsa-ai-unified-model>i img,
.zsa-ai-generation-model-chip>i img,
.zsa-ai-generation-model-display>i img,
.zsa-ai-unified-model-option>i img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}

/* v2.26.6 hard submit interaction fix */
.zsa-ai-unified-host,.zsa-ai-unified-host.is-generate,.zsa-ai-unified-composer,.zsa-ai-unified-toolbar{pointer-events:auto!important}
.zsa-ai-unified-send{pointer-events:auto!important;position:relative!important;z-index:80!important;touch-action:manipulation!important}
.zsa-ai-generation-composer-dock .zsa-ai-unified-host{position:relative!important;z-index:60!important;pointer-events:auto!important}

/* v2.26.15: history text and live/persistent display consistency */
.zsa-ai-history-text-output.is-chat-plain{max-width:none!important;padding:0!important;border-radius:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#20252b!important;line-height:1.8!important;white-space:normal}
.zsa-ai-generation-turn.is-history-record[data-generation-tool="chat"] .zsa-ai-generation-output{background:transparent!important;box-shadow:none!important}

/* v2.26.22 smart finish + unified text layout */
.zsa-ai-generation-model-row{align-items:flex-start!important;gap:12px 16px!important}
.zsa-ai-generation-mode,.zsa-ai-generation-source{min-height:32px!important}
.zsa-ai-generation-mode b,
.zsa-ai-generation-source button b,
.zsa-ai-generation-model-display strong,
.zsa-ai-generation-model-detail em{
  display:block!important;
  max-width:180px;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}
.zsa-ai-generation-source button,
.zsa-ai-generation-model-display,
.zsa-ai-generation-model-detail{
  max-width:220px;
  min-height:30px;
  box-sizing:border-box;
}
.zsa-ai-generation-source button{justify-content:flex-start!important}
.zsa-ai-generation-source button b{font-weight:700}
.zsa-ai-generation-model-detail{display:inline-flex!important;align-items:center!important}
.zsa-ai-generation-model-detail em{max-width:120px}
.zsa-ai-generation-turn-card{overflow:hidden}
@media(max-width:640px){
  .zsa-ai-generation-mode b,
  .zsa-ai-generation-source button b,
  .zsa-ai-generation-model-display strong{max-width:130px}
  .zsa-ai-generation-model-detail em{max-width:88px}
}

/* v2.26.23 generation status card text normalization */
.zsa-ai-generation-progress-card p[data-ai-generation-status],
.zsa-ai-generation-progress-card>p,
.zsa-ai-generation-failed>p{
  width:100%!important;
  max-width:150px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:7px auto 0!important;
  line-height:19px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  text-overflow:ellipsis!important;
  word-break:break-all!important;
}
.zsa-ai-generation-progress-card .zsa-ai-task-elapsed{
  display:block!important;
  height:20px!important;
  line-height:20px!important;
  margin-top:4px!important;
  white-space:nowrap!important;
}
.zsa-ai-generation-progress-card,
.zsa-ai-generation-failed{
  height:212px!important;
  min-height:212px!important;
  max-height:212px!important;
  box-sizing:border-box!important;
}

/* v2.26.25 generation status card text normalization */
.zsa-ai-generation-progress-card,
.zsa-ai-generation-failed,
.zsa-ai-generation-empty{
  box-sizing:border-box!important;
}
.zsa-ai-generation-progress-card>p,
.zsa-ai-generation-failed>p,
.zsa-ai-generation-empty>p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  width:100%!important;
  min-height:38px!important;
  max-height:38px!important;
  line-height:19px!important;
  margin:7px 0 0!important;
  word-break:break-word!important;
}
.zsa-ai-generation-progress-card>.zsa-ai-task-elapsed{
  display:block!important;
  width:100%!important;
  height:20px!important;
  line-height:20px!important;
  margin-top:4px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* v2.26.27 mobile navigation, composer and fan carousel refinement */
@media(max-width:720px){
  /* Top navigation: five items per viewport, remaining items available by horizontal swipe. */
  .zsa-ai-topbar{grid-template-columns:minmax(0,1fr) 36px!important;padding:0 8px 0 10px!important;gap:4px!important}
  .zsa-ai-category-nav{
    min-width:0!important;width:100%!important;justify-content:flex-start!important;gap:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;
    scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x;
    -webkit-overflow-scrolling:touch;padding:0 2px!important
  }
  .zsa-ai-category-nav::-webkit-scrollbar{display:none!important}
  .zsa-ai-category-nav button{
    flex:0 0 20%!important;min-width:20%!important;max-width:20%!important;
    height:34px!important;padding:0 4px!important;margin:0!important;border-radius:17px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    white-space:nowrap!important;font-size:12px!important;scroll-snap-align:start;box-sizing:border-box!important
  }
  /* First screen order: 全部 / 模型 / 模板 / 工作流 / 应用 */
  .zsa-ai-category-nav button:nth-child(1){order:1}
  .zsa-ai-category-nav button:nth-child(2){order:2}
  .zsa-ai-category-nav button:nth-child(6){order:3}
  .zsa-ai-category-nav button:nth-child(7){order:4}
  .zsa-ai-category-nav button:nth-child(5){order:5}
  .zsa-ai-category-nav button:nth-child(3){order:6}
  .zsa-ai-category-nav button:nth-child(4){order:7}
  .zsa-ai-category-nav button:nth-child(8){order:8}
  .zsa-ai-mobile-menu{width:34px!important;height:34px!important;padding:7px!important}

  /* Mobile composer: larger expanded state, compact pill when collapsed. */
  .zsa-ai-unified-host,
  .zsa-ai-unified-host.is-home,
  .zsa-ai-unified-host.is-models,
  .zsa-ai-unified-host.is-applications,
  .zsa-ai-unified-host.is-app,
  .zsa-ai-unified-host.is-image,
  .zsa-ai-unified-host.is-video,
  .zsa-ai-unified-host.is-chat,
  .zsa-ai-unified-host.is-generate,
  .zsa-ai-unified-host.is-work,
  .zsa-ai-unified-host.is-works{width:calc(100% - 16px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  .zsa-ai-unified-composer:not(.is-collapsed){
    min-height:188px!important;padding:14px 13px 11px!important;border-radius:25px!important;
    box-shadow:0 10px 30px rgba(117,210,25,.22)!important
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap{min-height:108px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap>textarea,
  .zsa-ai-unified-composer:not(.is-collapsed).has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
    min-height:106px!important;height:106px!important;max-height:190px!important;
    padding:9px 10px 12px!important;text-indent:108px!important;font-size:14px!important;line-height:1.65!important
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar{margin-top:4px!important;gap:7px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar-left{gap:5px!important;min-width:0!important;overflow:hidden!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-chip{height:34px!important;padding:0 9px!important;font-size:11px!important;max-width:96px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{max-width:105px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{height:38px!important;min-width:92px!important;padding:0 11px!important}
  .zsa-ai-unified-composer.is-collapsed{
    width:100%!important;min-height:60px!important;height:60px!important;border-radius:31px!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;padding:7px 8px!important;box-shadow:0 7px 22px rgba(15,23,42,.07)!important
  }
  .zsa-ai-unified-composer.is-collapsed>.zsa-ai-unified-prompt-wrap{height:44px!important;min-height:44px!important}
  .zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-prompt-wrap>textarea,
  .zsa-ai-unified-composer.is-collapsed.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:10px 6px!important;font-size:14px!important
  }

  /* All main fan carousels: one full card with half-card side previews. */
  .zsa-ai-app-carousel,.zsa-ai-model-carousel,.zsa-ai-works-fan{overflow:hidden!important}
  .zsa-ai-app-carousel-viewport,.zsa-ai-model-carousel-viewport,.zsa-ai-works-fan-track{overflow:hidden!important;touch-action:pan-y!important}
  .zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card{
    width:min(68vw,260px)!important;max-width:260px!important
  }
  .zsa-ai-app-arc-card{height:286px!important}
  .zsa-ai-app-arc-cover{height:172px!important}
  .zsa-ai-model-arc-card{height:270px!important}
  .zsa-ai-model-arc-cover{height:164px!important;flex-basis:164px!important}
  .zsa-ai-works-fan{height:286px!important;margin-top:18px!important}
  .zsa-ai-works-fan-card{height:246px!important}
  .zsa-ai-works-fan-card>div{height:198px!important}
  .zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav{display:none!important}

  /* Workflow fan uses native touch scrolling on mobile with the same 1.x-card visual rhythm. */
  .zsa-ai-workflow-fan{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;
    width:100%!important;height:205px!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;
    gap:12px!important;padding:10px 18vw 18px!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;scroll-padding-left:18vw;scrollbar-width:none!important;touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch;box-sizing:border-box!important
  }
  .zsa-ai-workflow-fan::-webkit-scrollbar{display:none!important}
  .zsa-ai-workflow-fan .wf-card{
    flex:0 0 64vw!important;width:64vw!important;max-width:250px!important;height:164px!important;
    transform:none!important;scroll-snap-align:center!important;border-radius:16px!important
  }
  .zsa-ai-workflow-fan .wf-card b{font-size:17px!important}
}

/* v2.26.28 mobile fan cards + composer action + model picker rebuild */
@media(max-width:720px){
  /* 1) Fan carousels: one clean full card in the middle, partial cards on both sides. */
  .zsa-ai-app-carousel,
  .zsa-ai-model-carousel,
  .zsa-ai-works-fan{
    overflow:hidden!important;
  }
  .zsa-ai-app-carousel-viewport,
  .zsa-ai-model-carousel-viewport,
  .zsa-ai-works-fan-track{
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible,
  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible,
  .zsa-ai-works-fan-card{
    width:min(58vw,242px)!important;
    max-width:242px!important;
    min-width:210px!important;
    transform-origin:center center!important;
  }
  .zsa-ai-app-carousel{height:270px!important;margin-top:16px!important}
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible{
    top:8px!important;
    height:214px!important;
    border-radius:16px!important;
    transform:translate3d(calc(-50% + var(--arc-x)),var(--arc-y),0) rotate(var(--arc-rotate)) scale(1)!important;
    box-shadow:0 10px 25px rgba(15,23,42,.10)!important;
  }
  .zsa-ai-app-arc-card.is-active{box-shadow:0 14px 32px rgba(15,23,42,.16)!important}
  .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{
    height:146px!important;
  }
  .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
    height:68px!important;min-height:68px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;padding:8px 10px!important;
    align-items:center!important;overflow:hidden!important;
  }
  .zsa-ai-app-arc-body>i,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>i{
    width:32px!important;height:32px!important;min-width:32px!important;
    opacity:1!important;visibility:visible!important;
  }
  .zsa-ai-app-arc-body>div,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div{
    padding-right:0!important;min-width:0!important;
  }
  .zsa-ai-app-arc-body b{font-size:14px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-app-arc-body small{height:18px!important;max-height:18px!important;margin-top:2px!important;font-size:10px!important;line-height:18px!important;white-space:nowrap!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-app-arc-body>button,.zsa-ai-app-arc-try{display:none!important}

  .zsa-ai-model-carousel{height:270px!important;margin-top:16px!important}
  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible{
    top:8px!important;height:214px!important;border-radius:16px!important;
    transform:translate3d(calc(-50% + var(--model-x)),var(--model-y),0) rotate(var(--model-r)) scale(1)!important;
  }
  .zsa-ai-model-arc-cover{height:146px!important;flex-basis:146px!important}
  .zsa-ai-model-arc-body{height:68px!important;min-height:68px!important;padding:8px 10px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
  .zsa-ai-model-arc-body>i{width:32px!important;height:32px!important}
  .zsa-ai-model-arc-body b{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-model-arc-body small{height:18px!important;max-height:18px!important;margin-top:2px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
  .zsa-ai-model-arc-body>button{display:none!important}

  .zsa-ai-works-fan{height:246px!important;margin-top:14px!important}
  .zsa-ai-works-fan-card{
    top:4px!important;height:216px!important;border-radius:16px!important;
    transform:translate3d(calc(-50% + var(--work-x)),var(--work-y),0) rotate(var(--work-r))!important;
  }
  .zsa-ai-works-fan-card>div{height:172px!important}
  .zsa-ai-works-fan-card>footer,
  .zsa-ai-works-fan-card>span{min-height:44px!important}
  .zsa-ai-works-fan-card>div>b{display:none!important}

  /* 2) Expanded composer action stays a normal horizontal generation button. */
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{
    width:auto!important;min-width:96px!important;max-width:none!important;height:38px!important;
    padding:0 13px!important;border-radius:20px!important;gap:6px!important;
    flex:0 0 auto!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send>span{
    display:inline-block!important;font-size:13px!important;font-weight:900!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send>b:not(:empty){
    display:inline-flex!important;min-width:28px!important;height:21px!important;padding:0 6px!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send>i{display:inline-block!important}

  /* 3) Model selector: mobile two-column layout matching the reference. */
  .zsa-ai-unified-model-modal{
    padding:6px!important;align-items:center!important;justify-items:center!important;
    background:rgba(18,20,22,.76)!important;
  }
  .zsa-ai-unified-model-dialog{
    width:calc(100vw - 12px)!important;
    max-width:520px!important;
    height:calc(100dvh - 18px)!important;
    max-height:760px!important;
    grid-template-columns:minmax(0,47%) minmax(0,53%)!important;
    grid-template-rows:minmax(0,1fr)!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .zsa-ai-unified-model-close{
    right:7px!important;top:7px!important;width:34px!important;height:34px!important;
    font-size:21px!important;z-index:30!important;box-shadow:0 4px 15px rgba(15,23,42,.12)!important;
  }
  .zsa-ai-unified-model-sidebar{
    max-height:none!important;height:100%!important;min-width:0!important;
    padding:18px 9px 14px 12px!important;
    border-right:2px solid #d9dcdf!important;border-bottom:0!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    scrollbar-width:none!important;
  }
  .zsa-ai-unified-model-sidebar::-webkit-scrollbar{display:none!important}
  .zsa-ai-unified-model-sidebar h2{margin:0 0 4px!important;font-size:18px!important;line-height:24px!important}
  .zsa-ai-unified-model-hint{margin:0 2px 12px!important;font-size:10px!important;line-height:1.45!important;color:#9299a1!important}
  .zsa-ai-unified-model-list{display:block!important;min-width:0!important}
  .zsa-ai-unified-model-list>small{
    display:block!important;margin:10px 0 4px!important;padding:4px 5px!important;
    font-size:11px!important;line-height:16px!important;color:#9aa1a9!important;
  }
  .zsa-ai-unified-model-option{
    width:100%!important;min-height:52px!important;margin:0 0 4px!important;
    padding:6px 6px!important;border-radius:10px!important;
    grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important;
  }
  .zsa-ai-unified-model-option>i{width:34px!important;height:34px!important;border-radius:9px!important}
  .zsa-ai-unified-model-option>span{gap:1px!important;min-width:0!important}
  .zsa-ai-unified-model-option>span b{font-size:12px!important;line-height:16px!important}
  .zsa-ai-unified-model-option>span small{font-size:9px!important;line-height:14px!important}
  .zsa-ai-unified-model-option.is-active{background:#eef0f2!important;border-color:#e0e4e7!important}

  .zsa-ai-unified-model-main{
    height:100%!important;min-width:0!important;padding:18px 8px 14px!important;
    overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;
  }
  .zsa-ai-unified-model-main::-webkit-scrollbar{display:none!important}
  .zsa-ai-unified-model-main>header{
    padding:0 38px 10px 0!important;display:block!important;min-height:82px!important;
  }
  .zsa-ai-unified-model-main>header>div>small{font-size:10px!important;margin-bottom:2px!important}
  .zsa-ai-unified-model-main>header h3{margin:0!important;font-size:16px!important;line-height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-unified-model-main>header p{display:none!important}
  .zsa-ai-unified-model-main>header>[data-ai-unified-model-use]{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;max-width:124px!important;height:30px!important;min-height:30px!important;
    margin-top:7px!important;padding:0 9px!important;border-radius:16px!important;
    font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .zsa-ai-unified-model-gallery{
    display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:start!important;
  }
  .zsa-ai-unified-model-work-card{border-radius:12px!important;min-width:0!important}
  .zsa-ai-unified-model-work-card>div{height:auto!important;aspect-ratio:1.18/1!important;min-height:112px!important}
  .zsa-ai-unified-model-work-card>footer{height:46px!important;padding:7px 8px!important;gap:1px!important}
  .zsa-ai-unified-model-work-card>footer>b{font-size:10px!important;line-height:14px!important}
  .zsa-ai-unified-model-work-meta{font-size:9px!important}
  .zsa-ai-unified-model-work-try{display:none!important}
  .zsa-ai-unified-model-empty{min-height:220px!important;padding:20px 6px!important}

  /* Keep compact/collapsed composer behavior like the previous mobile reference. */
  .zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send{
    width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;
    padding:0!important;border-radius:50%!important;
  }
  .zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send>span,
  .zsa-ai-unified-composer.is-collapsed .zsa-ai-unified-send>b{display:none!important}
}

/* v2.26.29 mobile shell polish: hide theme tabbar, flat side cards, fully visible composer */
.zsa-ai-theme-tabbar-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:720px){
  /* Hide Zibll/theme mobile footer tabbar only on AI workspace pages. */
  html.zsa-ai-workspace-active .footer-tabbar,
  body.zsa-ai-workspace-active .footer-tabbar,
  html.zsa-ai-workspace-active #footer-tabbar,
  body.zsa-ai-workspace-active #footer-tabbar,
  html.zsa-ai-workspace-active .footer-tabbar-box,
  body.zsa-ai-workspace-active .footer-tabbar-box,
  html.zsa-ai-workspace-active .footer-tabbar-placeholder,
  body.zsa-ai-workspace-active .footer-tabbar-placeholder,
  html.zsa-ai-workspace-active .footer-tabbar-fixed,
  body.zsa-ai-workspace-active .footer-tabbar-fixed,
  html.zsa-ai-workspace-active .mobile-footer-tabbar,
  body.zsa-ai-workspace-active .mobile-footer-tabbar,
  html.zsa-ai-workspace-active .mobile-bottom-nav,
  body.zsa-ai-workspace-active .mobile-bottom-nav{
    display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;
  }

  /* Flat fan rhythm: one centered full card + clean side peeks, no tilt/no vertical staggering. */
  .zsa-ai-app-carousel,
  .zsa-ai-model-carousel,
  .zsa-ai-works-fan{width:100%!important;overflow:hidden!important}
  .zsa-ai-app-carousel-viewport,
  .zsa-ai-model-carousel-viewport,
  .zsa-ai-works-fan-track{width:100%!important;overflow:hidden!important;padding-left:0!important;padding-right:0!important}

  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible,
  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible,
  .zsa-ai-works-fan-card{
    width:62vw!important;min-width:218px!important;max-width:236px!important;
    transform-origin:center center!important;
  }
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible{
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
  }
  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible{
    transform:translate3d(calc(-50% + var(--model-x)),0,0) rotate(0deg) scale(1)!important;
  }
  .zsa-ai-works-fan-card{
    transform:translate3d(calc(-50% + var(--work-x)),0,0) rotate(0deg)!important;
  }
  .zsa-ai-app-carousel{height:244px!important;margin-top:14px!important}
  .zsa-ai-app-arc-card{top:7px!important;height:214px!important}
  .zsa-ai-app-arc-cover{height:146px!important}
  .zsa-ai-model-carousel{height:244px!important;margin-top:14px!important}
  .zsa-ai-model-arc-card{top:7px!important;height:214px!important}
  .zsa-ai-model-arc-cover{height:146px!important;flex-basis:146px!important}
  .zsa-ai-works-fan{height:236px!important;margin-top:14px!important}
  .zsa-ai-works-fan-card{top:5px!important;height:210px!important}
  .zsa-ai-works-fan-card>div{height:166px!important}

  /* Mobile composer: keep every control visible, never clip the Generate button. */
  .zsa-ai-unified-host,
  .zsa-ai-unified-host.is-home,
  .zsa-ai-unified-host.is-models,
  .zsa-ai-unified-host.is-applications,
  .zsa-ai-unified-host.is-app,
  .zsa-ai-unified-host.is-image,
  .zsa-ai-unified-host.is-video,
  .zsa-ai-unified-host.is-chat,
  .zsa-ai-unified-host.is-generate,
  .zsa-ai-unified-host.is-work,
  .zsa-ai-unified-host.is-works{
    width:calc(100% - 20px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed){
    width:100%!important;min-width:0!important;min-height:178px!important;
    padding:12px 10px 9px!important;border-radius:24px!important;overflow:visible!important;box-sizing:border-box!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap{min-height:96px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap>textarea,
  .zsa-ai-unified-composer:not(.is-collapsed).has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
    width:100%!important;height:96px!important;min-height:96px!important;max-height:170px!important;
    padding:8px 8px 10px!important;text-indent:100px!important;font-size:13px!important;line-height:1.6!important;box-sizing:border-box!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar{
    width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:4px!important;margin-top:4px!important;min-width:0!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar-left{
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:3px!important;
    min-width:0!important;width:100%!important;overflow:visible!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-control{min-width:0!important;flex:0 1 auto!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-plus{
    width:28px!important;min-width:28px!important;height:32px!important;font-size:21px!important;flex:0 0 28px!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-chip{
    height:32px!important;padding:0 6px!important;gap:4px!important;font-size:10px!important;min-width:0!important;max-width:none!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-kind{max-width:58px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{max-width:78px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model>i{width:20px!important;height:20px!important;flex-basis:20px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model>span{max-width:49px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .zsa-ai-unified-composer:not(.is-collapsed) [data-ai-unified-size-control]{min-width:0!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-size{max-width:60px!important;padding:0 4px!important;font-size:9px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{
    width:auto!important;min-width:76px!important;max-width:84px!important;height:36px!important;
    padding:0 7px!important;border-radius:19px!important;gap:4px!important;flex:0 0 auto!important;font-size:12px!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send>b:not(:empty){
    min-width:24px!important;height:19px!important;padding:0 4px!important;font-size:9px!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send>i{font-size:11px!important}
  .zsa-ai-unified-prompt-helper{max-width:100px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(max-width:360px){
  .zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card{min-width:210px!important;max-width:218px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-kind{max-width:54px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{max-width:72px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-size{max-width:52px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{min-width:70px!important;max-width:76px!important;padding:0 5px!important}
}

/* v2.26.30 mobile viewport-width unification: true edge peeks + wider composer + complete cards */
@media(max-width:720px){
  /* Use a tighter global mobile page gutter. Individual full-bleed carousels break out to the viewport. */
  .zsa-ai-panel{padding-left:8px!important;padding-right:8px!important;overflow-x:hidden!important}
  .zsa-ai-home-stage{padding-left:0!important;padding-right:0!important}
  .zsa-ai-app-market-hero{padding-left:8px!important;padding-right:8px!important}
  .zsa-ai-app-market-content{width:100%!important;max-width:none!important;padding-left:8px!important;padding-right:8px!important;box-sizing:border-box!important}

  /* All fan carousels are full-bleed on mobile: side cards touch the screen edges. */
  .zsa-ai-app-carousel,
  .zsa-ai-model-carousel,
  .zsa-ai-works-fan{
    width:100vw!important;max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;box-sizing:border-box!important;
  }
  .zsa-ai-app-carousel-viewport,
  .zsa-ai-model-carousel-viewport,
  .zsa-ai-works-fan-track{
    width:100vw!important;max-width:none!important;
    margin-left:0!important;margin-right:0!important;
    padding-left:0!important;padding-right:0!important;
    overflow:hidden!important;box-sizing:border-box!important;
  }
  .zsa-ai-app-carousel-track,
  .zsa-ai-model-carousel-track{width:100vw!important;max-width:none!important}

  /* Flat cards, fixed gap in JS (12px), complete center card and clean edge peeks. */
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible,
  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible,
  .zsa-ai-works-fan-card{
    width:min(60vw,236px)!important;
    min-width:218px!important;max-width:236px!important;
    rotate:0deg!important;transform-origin:center center!important;
  }
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible{
    top:6px!important;height:226px!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
  }
  .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{
    height:154px!important;min-height:154px!important;flex-basis:154px!important;
  }
  .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
    height:72px!important;min-height:72px!important;padding:8px 10px!important;
    grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important;
  }
  .zsa-ai-app-arc-body>i{width:32px!important;height:32px!important;min-width:32px!important}
  .zsa-ai-app-arc-body>div{min-width:0!important;padding-right:0!important}
  .zsa-ai-app-arc-body b{font-size:14px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-app-arc-body small{display:block!important;height:18px!important;line-height:18px!important;margin-top:2px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-app-carousel{height:252px!important;margin-top:12px!important}

  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible{
    top:6px!important;height:226px!important;
    transform:translate3d(calc(-50% + var(--model-x)),0,0) rotate(0deg) scale(1)!important;
  }
  .zsa-ai-model-arc-cover{height:154px!important;min-height:154px!important;flex-basis:154px!important}
  .zsa-ai-model-carousel{height:252px!important;margin-top:12px!important}

  .zsa-ai-works-fan{height:238px!important;margin-top:12px!important}
  .zsa-ai-works-fan-card{
    top:4px!important;height:216px!important;
    transform:translate3d(calc(-50% + var(--work-x)),0,0) rotate(0deg)!important;
  }
  .zsa-ai-works-fan-card>div{height:172px!important}

  /* Mobile application grids/cards: never crop the card horizontally. */
  .zsa-ai-market-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important}
  .zsa-ai-market-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .zsa-ai-market-card-cover{width:100%!important}

  /* All unified composers use the viewport instead of the width of a narrow parent card. */
  .zsa-ai-unified-host,
  .zsa-ai-unified-host.is-home,
  .zsa-ai-unified-host.is-models,
  .zsa-ai-unified-host.is-applications,
  .zsa-ai-unified-host.is-app,
  .zsa-ai-unified-host.is-image,
  .zsa-ai-unified-host.is-video,
  .zsa-ai-unified-host.is-chat,
  .zsa-ai-unified-host.is-generate,
  .zsa-ai-unified-host.is-work,
  .zsa-ai-unified-host.is-works{
    position:relative!important;
    width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;min-width:0!important;
    margin-left:calc(50% - 50vw + 4px)!important;margin-right:0!important;
    box-sizing:border-box!important;z-index:12!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed){
    width:100%!important;max-width:none!important;min-width:0!important;
    min-height:184px!important;padding:12px 8px 9px!important;border-radius:24px!important;
    box-sizing:border-box!important;overflow:visible!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap{min-height:100px!important;width:100%!important;min-width:0!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap>textarea,
  .zsa-ai-unified-composer:not(.is-collapsed).has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
    width:100%!important;height:100px!important;min-height:100px!important;max-height:176px!important;
    padding:8px 7px 10px!important;text-indent:96px!important;font-size:13px!important;line-height:1.55!important;
    box-sizing:border-box!important;overflow-y:auto!important;
  }
  .zsa-ai-unified-prompt-helper{max-width:94px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Bottom toolbar: every control is visible on a normal phone, with graceful truncation only on model name. */
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar{
    width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:5px!important;margin-top:4px!important;min-width:0!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar-left{
    width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;
    flex-wrap:nowrap!important;gap:3px!important;overflow:visible!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-control{min-width:0!important;flex:0 1 auto!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-plus{width:30px!important;min-width:30px!important;height:34px!important;flex:0 0 30px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-chip{height:34px!important;padding:0 6px!important;gap:4px!important;font-size:10px!important;min-width:0!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-kind{width:auto!important;max-width:62px!important;flex:0 1 62px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{width:auto!important;max-width:92px!important;flex:1 1 82px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model>i{width:20px!important;height:20px!important;flex:0 0 20px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model>span{min-width:0!important;max-width:62px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-size{width:auto!important;max-width:64px!important;flex:0 1 64px!important;padding:0 4px!important;font-size:9px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{
    width:auto!important;min-width:78px!important;max-width:88px!important;height:38px!important;
    padding:0 7px!important;border-radius:20px!important;gap:4px!important;flex:0 0 auto!important;font-size:12px!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send>b:not(:empty){min-width:24px!important;height:19px!important;padding:0 4px!important;font-size:9px!important}

  /* Collapsed composer also spans the usable viewport. */
  .zsa-ai-unified-composer.is-collapsed{width:100%!important;max-width:none!important;box-sizing:border-box!important}
}

@media(max-width:360px){
  .zsa-ai-unified-host{width:calc(100vw - 6px)!important;max-width:calc(100vw - 6px)!important;margin-left:calc(50% - 50vw + 3px)!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-kind{max-width:56px!important;flex-basis:56px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{max-width:80px!important;flex-basis:70px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-size{max-width:56px!important;flex-basis:56px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{min-width:72px!important;max-width:78px!important;padding:0 5px!important}
}

/* v2.26.31 mobile geometry reset: 2px composer gutter, full-bleed fans, complete application cards */
@media(max-width:720px){
  /* Keep ordinary content tight, while fan carousels themselves are true viewport full-bleed. */
  .zsa-ai-panel{padding-left:2px!important;padding-right:2px!important;overflow-x:hidden!important}
  .zsa-ai-home-stage,.zsa-ai-app-market-hero{padding-left:0!important;padding-right:0!important}

  /* Welcome/title frames must remain completely visible, including their green resize handles. */
  .zsa-ai-hero-frame,
  .zsa-ai-app-market-title-frame,
  .zsa-ai-workflow-title-box{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin-left:0!important;margin-right:0!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-app-market-title-frame{padding:22px 14px 20px!important}
  .zsa-ai-app-market-title-frame h1{font-size:24px!important;line-height:1.18!important;white-space:nowrap!important;letter-spacing:-.02em!important}
  .zsa-ai-app-market-title-frame p{max-width:100%!important;margin-top:9px!important;font-size:11px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  .zsa-ai-hero-frame{padding-left:14px!important;padding-right:14px!important}
  .zsa-ai-hero-frame h1{font-size:25px!important;line-height:1.2!important}
  .zsa-ai-hero-frame p{font-size:11px!important;line-height:1.45!important}

  /* All fan areas: exactly viewport width, centered independently of narrow parent containers. */
  .zsa-ai-app-carousel,
  .zsa-ai-model-carousel,
  .zsa-ai-works-fan{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:100vw!important;max-width:100vw!important;
    margin-left:0!important;margin-right:0!important;
    padding-left:0!important;padding-right:0!important;
    overflow:hidden!important;box-sizing:border-box!important;
  }
  .zsa-ai-app-carousel-viewport,
  .zsa-ai-model-carousel-viewport,
  .zsa-ai-works-fan-track,
  .zsa-ai-app-carousel-track,
  .zsa-ai-model-carousel-track{
    width:100%!important;max-width:100%!important;
    margin:0!important;padding-left:0!important;padding-right:0!important;
    box-sizing:border-box!important;overflow:hidden!important;
  }

  /* Application fan gets its own larger card geometry; side cards remain flat and cycle via JS swipe. */
  .zsa-ai-app-arc-card,
  .zsa-ai-app-arc-card:hover,
  .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-app-arc-card:focus-visible{
    width:clamp(232px,68vw,260px)!important;
    min-width:232px!important;max-width:260px!important;
    height:236px!important;top:6px!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
    border-radius:17px!important;
  }
  .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{
    height:160px!important;min-height:160px!important;flex-basis:160px!important;
  }
  .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
  .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
    height:76px!important;min-height:76px!important;padding:8px 10px!important;
    grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;overflow:hidden!important;
  }
  .zsa-ai-app-arc-body>i{width:34px!important;height:34px!important;min-width:34px!important}
  .zsa-ai-app-arc-body b{font-size:14px!important;line-height:18px!important}
  .zsa-ai-app-arc-body small{height:18px!important;line-height:18px!important;margin-top:2px!important;font-size:10px!important}
  .zsa-ai-app-carousel{height:260px!important;margin-top:12px!important}
  .zsa-ai-app-carousel-viewport{height:260px!important}

  /* Other fan cards stay complete in the center with edge peeks and zero outer gutter. */
  .zsa-ai-model-arc-card,
  .zsa-ai-model-arc-card:hover,
  .zsa-ai-model-arc-card:focus-visible,
  .zsa-ai-works-fan-card{
    width:clamp(220px,64vw,246px)!important;min-width:220px!important;max-width:246px!important;
  }

  /* Workflow fan also breaks out to the viewport and has no outer padding. */
  .zsa-ai-workflow-fan{
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:100vw!important;max-width:100vw!important;
    padding-left:0!important;padding-right:0!important;
    gap:12px!important;box-sizing:border-box!important;
  }

  /* Unified composer: true viewport width, centered, only 2px at each side on every route. */
  .zsa-ai-unified-host,
  .zsa-ai-unified-host.is-home,
  .zsa-ai-unified-host.is-models,
  .zsa-ai-unified-host.is-applications,
  .zsa-ai-unified-host.is-app,
  .zsa-ai-unified-host.is-image,
  .zsa-ai-unified-host.is-video,
  .zsa-ai-unified-host.is-chat,
  .zsa-ai-unified-host.is-generate,
  .zsa-ai-unified-host.is-work,
  .zsa-ai-unified-host.is-works{
    width:calc(100vw - 4px)!important;
    max-width:calc(100vw - 4px)!important;
    min-width:0!important;
    margin-left:calc((100% - 100vw)/2 + 2px)!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed){
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:186px!important;padding:12px 9px 9px!important;
    border-radius:24px!important;box-sizing:border-box!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap{width:100%!important;min-height:102px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-prompt-wrap>textarea,
  .zsa-ai-unified-composer:not(.is-collapsed).has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
    width:100%!important;height:102px!important;min-height:102px!important;max-height:180px!important;
    padding:8px 8px 10px!important;text-indent:94px!important;font-size:13px!important;line-height:1.55!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar{width:100%!important;gap:4px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-toolbar-left{gap:3px!important;overflow:hidden!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-plus{width:29px!important;min-width:29px!important;flex-basis:29px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-kind{max-width:64px!important;flex-basis:60px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{max-width:98px!important;flex:1 1 86px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model>span{max-width:67px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-size{max-width:66px!important;flex-basis:62px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{min-width:80px!important;max-width:90px!important;height:38px!important;padding:0 7px!important}
  .zsa-ai-unified-composer.is-collapsed{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}

@media(max-width:360px){
  .zsa-ai-app-market-title-frame h1{font-size:22px!important}
  .zsa-ai-app-arc-card,.zsa-ai-app-arc-card:hover,.zsa-ai-app-arc-card.is-hovered{width:232px!important;min-width:232px!important;max-width:232px!important}
  .zsa-ai-unified-host{width:calc(100vw - 4px)!important;max-width:calc(100vw - 4px)!important;margin-left:calc((100% - 100vw)/2 + 2px)!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-kind{max-width:58px!important;flex-basis:56px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-model{max-width:84px!important;flex-basis:72px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-size{max-width:57px!important;flex-basis:55px!important}
  .zsa-ai-unified-composer:not(.is-collapsed) .zsa-ai-unified-send{min-width:74px!important;max-width:80px!important;padding:0 5px!important}
}

/* v2.26.32 mobile apps fan / works title / theme side tools */
.zsa-ai-theme-side-hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:720px){
  /* Works title uses the same viewport-safe frame geometry as the other welcome blocks. */
  .zsa-ai-works-hero .zsa-ai-model-title-frame{
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin-left:0!important;margin-right:0!important;
    padding:22px 14px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .zsa-ai-works-hero .zsa-ai-model-title-frame h1{
    font-size:25px!important;line-height:1.18!important;white-space:nowrap!important;
  }
  .zsa-ai-works-hero .zsa-ai-model-title-frame p{
    width:100%!important;max-width:100%!important;margin-top:8px!important;
    font-size:11px!important;line-height:1.45!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  /* /ai-workspace/apps/: one complete center card + flat edge peeks, swipe loops handled by JS. */
  .zsa-ai-applications-panel .zsa-ai-app-market-hero{
    width:100vw!important;max-width:100vw!important;
    margin-left:calc((100% - 100vw)/2)!important;
    padding-left:0!important;padding-right:0!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel,
  .zsa-ai-applications-panel .zsa-ai-app-carousel-viewport,
  .zsa-ai-applications-panel .zsa-ai-app-carousel-track{
    width:100vw!important;max-width:100vw!important;
    margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible{
    width:clamp(206px,62vw,244px)!important;
    min-width:206px!important;max-width:244px!important;
    height:232px!important;top:5px!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
    transform-origin:center center!important;
    border-radius:17px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover{
    height:158px!important;min-height:158px!important;flex-basis:158px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body{
    height:74px!important;min-height:74px!important;padding:8px 10px!important;
    grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body>i{width:32px!important;height:32px!important;min-width:32px!important}
  .zsa-ai-applications-panel .zsa-ai-app-arc-body b{font-size:14px!important;line-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-applications-panel .zsa-ai-app-arc-body small{height:18px!important;line-height:18px!important;font-size:10px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel{height:250px!important;margin-top:12px!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel-viewport{height:250px!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel-nav{display:none!important}
}

/* v2.26.33 /apps mobile fixed three-slot infinite carousel */
@media(max-width:720px){
  /* Every app can enter the loop; JS keeps only left / center / right visible. */
  .zsa-ai-applications-panel .zsa-ai-app-carousel-track [data-ai-market-slide]{
    display:block!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible{
    top:5px!important;
    width:clamp(206px,62vw,244px)!important;
    height:232px!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
    transform-origin:center center!important;
    transition:transform .32s cubic-bezier(.22,.8,.23,1),opacity .2s ease!important;
    filter:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-active{
    z-index:100!important;
    opacity:1!important;
    transform:translate3d(-50%,0,0) rotate(0deg) scale(1)!important;
    box-shadow:0 16px 34px rgba(15,23,42,.14)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-left-slot,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-right-slot{
    z-index:82!important;
    opacity:1!important;
    pointer-events:none!important;
    filter:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-left-slot:hover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-right-slot:hover{
    height:232px!important;
    filter:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel-viewport{
    touch-action:pan-y!important;
    overscroll-behavior-x:contain!important;
  }
}

/* v2.26.34 mobile app carousel complete-card geometry + guest login touch target */
@media(max-width:720px){
  /* /ai-workspace/apps/: keep the center application card fully visible from cover to footer. */
  .zsa-ai-applications-panel .zsa-ai-app-carousel,
  .zsa-ai-applications-panel .zsa-ai-app-carousel-viewport,
  .zsa-ai-applications-panel .zsa-ai-app-carousel-track{
    height:292px!important;
    min-height:292px!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel{margin-top:12px!important}
  .zsa-ai-applications-panel .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible{
    top:4px!important;
    width:clamp(238px,68vw,268px)!important;
    min-width:238px!important;
    max-width:268px!important;
    height:272px!important;
    max-height:272px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-active{
    height:272px!important;
    max-height:272px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    flex:0 0 184px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    padding:10px 11px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body>i,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>i,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>i{
    width:34px!important;height:34px!important;min-width:34px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body>div,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body>div{
    min-width:0!important;padding-right:0!important;overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body b{
    font-size:14px!important;line-height:19px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body small,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body small{
    display:-webkit-box!important;
    height:34px!important;max-height:34px!important;margin-top:3px!important;
    -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;white-space:normal!important;
    font-size:10px!important;line-height:17px!important;opacity:1!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body>button{display:none!important}
  .zsa-ai-sidebar-login{touch-action:manipulation!important;cursor:pointer!important}
}

@media(max-width:380px){
  .zsa-ai-applications-panel .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered{
    width:236px!important;min-width:236px!important;max-width:236px!important;
  }
}

/* v2.26.35 mobile app-card redesign / theme login / work lightbox close */
/* Desktop: application CTA appears only on hover/focus, matching the reference interaction. */
@media(min-width:721px){
  .zsa-ai-applications-panel .zsa-ai-app-arc-try{opacity:0!important;visibility:hidden!important;transform:translateY(5px)!important}
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-try,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-try{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
}

@media(max-width:720px){
  /* Applications hero carousel: stable wide landscape center card, narrow peeks on both sides. */
  .zsa-ai-applications-panel .zsa-ai-app-carousel,
  .zsa-ai-applications-panel .zsa-ai-app-carousel-viewport,
  .zsa-ai-applications-panel .zsa-ai-app-carousel-track{
    height:270px!important;min-height:270px!important;
    width:100vw!important;max-width:100vw!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel{margin-top:14px!important}
  .zsa-ai-applications-panel .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible{
    top:6px!important;
    width:clamp(250px,72vw,292px)!important;
    min-width:250px!important;max-width:292px!important;
    height:248px!important;max-height:248px!important;
    border-radius:20px!important;
    border:1px solid rgba(15,23,42,.12)!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 10px 26px rgba(15,23,42,.10)!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-active{
    transform:translate3d(-50%,0,0) rotate(0deg) scale(1)!important;
    box-shadow:0 16px 34px rgba(15,23,42,.16)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-cover,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-cover{
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    flex:0 0 auto!important;aspect-ratio:16/9!important;
    background:#edf1f4!important;overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-cover-media{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-hovered .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:focus-visible .zsa-ai-app-arc-body{
    height:84px!important;min-height:84px!important;max-height:84px!important;
    padding:10px 12px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;
    align-items:center!important;gap:9px!important;overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body>i{
    width:36px!important;height:36px!important;min-width:36px!important;align-self:center!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body>div,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body>div{
    min-width:0!important;padding-right:0!important;overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body b{
    margin:0!important;font-size:16px!important;line-height:20px!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-body small,
  .zsa-ai-applications-panel .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body small{
    display:block!important;height:20px!important;max-height:20px!important;margin-top:3px!important;
    font-size:12px!important;line-height:20px!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;color:#737b86!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-try{
    position:static!important;right:auto!important;bottom:auto!important;
    width:auto!important;min-width:82px!important;height:40px!important;padding:0 14px!important;
    border-radius:22px!important;background:#353535!important;color:#fff!important;
    font-size:13px!important;font-weight:800!important;line-height:40px!important;
    opacity:0!important;visibility:hidden!important;transform:none!important;
    align-self:center!important;justify-self:end!important;pointer-events:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-arc-card.is-active .zsa-ai-app-arc-try{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel-nav{
    display:grid!important;place-items:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;
    padding:0!important;border:1px solid #e0e3e7!important;border-radius:50%!important;
    background:rgba(255,255,255,.96)!important;color:#111!important;
    box-shadow:0 5px 16px rgba(15,23,42,.10)!important;z-index:150!important;
    top:50%!important;transform:translateY(-50%)!important;font-size:24px!important;line-height:1!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel-nav.is-prev{left:14px!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel-nav.is-next{right:14px!important}

  /* Work image modal close: fixed circular button, immune to theme button styles. */
  .zsa-ai-work-lightbox>[data-ai-work-lightbox-close],
  .zsa-ai-work-lightbox button[data-ai-work-lightbox-close]{
    position:fixed!important;
    top:max(14px,env(safe-area-inset-top))!important;right:14px!important;left:auto!important;bottom:auto!important;
    width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;
    min-height:52px!important;max-height:52px!important;aspect-ratio:1/1!important;
    margin:0!important;padding:0!important;box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:0!important;border-radius:999px!important;background:#fff!important;color:#111!important;
    box-shadow:0 4px 18px rgba(0,0,0,.18)!important;
    font-family:Arial,sans-serif!important;font-size:36px!important;font-weight:300!important;line-height:1!important;
    text-indent:0!important;letter-spacing:0!important;transform:none!important;appearance:none!important;-webkit-appearance:none!important;
    z-index:101000!important;overflow:hidden!important;
  }
  .zsa-ai-work-lightbox img{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 80px)!important;border-radius:18px!important}
}

/* Sidebar login looks like a button while remaining a native Zibll signin-loader anchor. */
.zsa-ai-sidebar-login.signin-loader{text-decoration:none!important;cursor:pointer!important}

/* v2.26.36 works composer overlay + theme avatar user center */
/* On the works page, composer controls must always float above generated cards. */
.zsa-ai-unified-host.is-works,
[data-ai-panel="works"] .zsa-ai-unified-host,
.zsa-ai-works-hero .zsa-ai-unified-host{
  position:relative!important;
  z-index:100700!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.zsa-ai-unified-host.is-works .zsa-ai-unified-composer,
[data-ai-panel="works"] .zsa-ai-unified-composer{
  position:relative!important;
  z-index:100701!important;
  overflow:visible!important;
}
.zsa-ai-unified-menu.is-fixed-menu,
.zsa-ai-unified-add-menu.is-fixed-menu,
.zsa-ai-unified-size-menu.is-fixed-menu,
.zsa-ai-unified-kind-menu.is-fixed-menu{
  z-index:2147482800!important;
}
.zsa-ai-unified-host.is-works .zsa-ai-unified-control,
[data-ai-panel="works"] .zsa-ai-unified-control{position:relative!important;z-index:100702!important}
.zsa-ai-works-fan,.zsa-ai-works-fan-track,.zsa-ai-works-fan-card{z-index:1!important}

/* Theme-avatar compatible wrappers. */
.zsa-ai-user-avatar .avatar,
.zsa-ai-user-pop-avatar .avatar,
.zsa-ai-mini-user-avatar .avatar,
.zsa-ai-user-avatar .zsa-ai-avatar-img,
.zsa-ai-user-pop-avatar .zsa-ai-avatar-img,
.zsa-ai-mini-user-avatar .zsa-ai-avatar-img{
  position:relative!important;z-index:2!important;
  width:100%!important;height:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  object-fit:cover!important;display:block!important;
}

/* AI Workspace personal center. */
.zsa-ai-user-center{
  position:fixed!important;
  left:auto!important;right:24px!important;top:50%!important;bottom:auto!important;
  width:min(420px,calc(100vw - 32px))!important;
  max-width:420px!important;max-height:min(720px,calc(100vh - 32px))!important;
  transform:translateY(-50%)!important;
  padding:0!important;overflow:auto!important;
  border:1px solid #e3e7ea!important;border-radius:24px!important;
  background:#fff!important;box-shadow:0 30px 90px rgba(15,23,42,.28),0 0 0 9999px rgba(15,23,42,.38)!important;
  z-index:2147483000!important;
}
.zsa-ai-user-center:before{display:none!important}
.zsa-ai-user-center[hidden]{display:none!important}
.zsa-ai-user-center.is-open{display:block!important;animation:zsaUserCenterIn .18s ease both}
@keyframes zsaUserCenterIn{from{opacity:0;transform:translateY(calc(-50% + 12px)) scale(.985)}to{opacity:1;transform:translateY(-50%) scale(1)}}
.zsa-ai-user-center-open{overflow:hidden!important}
.zsa-ai-user-center-bar{
  position:sticky;top:0;z-index:5;height:58px;padding:0 18px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid #eef0f2;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)
}
.zsa-ai-user-center-bar>b{font-size:18px;color:#171b20}
.zsa-ai-user-center-bar>button{width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f3f5f6;color:#555;font-size:24px;line-height:1;cursor:pointer}
.zsa-ai-user-center-head{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;
  margin:16px;padding:16px;border:1px solid #edf0f2;border-radius:18px;
  background:linear-gradient(135deg,#f4ffdc,#fff 50%,#eef6ff)
}
.zsa-ai-user-center-head .zsa-ai-user-pop-avatar.is-large{width:64px!important;height:64px!important;min-width:64px!important;border-radius:50%;overflow:hidden;position:relative;background:#dff7dc}
.zsa-ai-user-center-head>div{min-width:0;display:grid;gap:5px}.zsa-ai-user-center-head>div>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.zsa-ai-user-center-head>div>small{color:#8d959e;font-size:11px}
.zsa-ai-user-center-head>a{height:32px;padding:0 11px;border:1px solid #dde3e7;border-radius:17px;background:#fff;color:#252b31;text-decoration:none;display:inline-flex;align-items:center;font-size:11px;font-weight:800;white-space:nowrap}
.zsa-ai-user-center .is-center-stats{margin:0 16px!important;padding:8px!important;background:#f6f8f9!important;border-radius:15px!important}
.zsa-ai-user-center .is-center-stats button{min-height:62px!important;padding:8px 4px!important}.zsa-ai-user-center .is-center-stats b{font-size:19px!important}.zsa-ai-user-center .is-center-stats small{font-size:10px!important}
.zsa-ai-user-center-recent{padding:17px 16px 5px}
.zsa-ai-user-center-recent>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.zsa-ai-user-center-recent>header>b{font-size:15px}.zsa-ai-user-center-recent>header>button{border:0;background:transparent;color:#6f7780;font-size:11px;cursor:pointer}
.zsa-ai-user-center-recent>div{display:grid;gap:7px}
.zsa-ai-user-center-recent-item{width:100%;min-height:58px;padding:7px;border:1px solid #edf0f2;border-radius:13px;background:#fff;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:9px;text-align:left;cursor:pointer}
.zsa-ai-user-center-recent-item:hover{background:#f8fafb;border-color:#dfe4e8}
.zsa-ai-user-center-recent-item>i{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#f0f3f5;display:grid;place-items:center;font-style:normal}.zsa-ai-user-center-recent-item>i img{width:100%;height:100%;object-fit:cover}.zsa-ai-user-center-recent-item>i svg{width:22px;height:22px}
.zsa-ai-user-center-recent-item>span{min-width:0;display:grid;gap:4px}.zsa-ai-user-center-recent-item>span>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zsa-ai-user-center-recent-item>span>small{font-size:10px;color:#969da5}.zsa-ai-user-center-recent-item>em{font-style:normal;color:#a2a8ae;font-size:22px}
.zsa-ai-user-center-empty{margin:0;padding:16px;text-align:center;color:#989fa7;font-size:12px}
.zsa-ai-user-center-links{display:grid!important;gap:5px!important;padding:12px 16px 18px!important;border-top:1px solid #f0f2f3!important}
.zsa-ai-user-center-links>a,.zsa-ai-user-center-links>button{width:100%;height:46px;padding:0 12px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#30363d!important;text-decoration:none!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 20px!important;align-items:center!important;gap:8px!important;text-align:left!important;cursor:pointer!important}
.zsa-ai-user-center-links>a:hover,.zsa-ai-user-center-links>button:hover{background:#f5f7f8!important}.zsa-ai-user-center-links span{font-size:16px}.zsa-ai-user-center-links b{font-size:13px}.zsa-ai-user-center-links em{font-style:normal;color:#a3a9af;font-size:20px}.zsa-ai-user-center-links .is-logout{color:#d14545!important}

@media(max-width:720px){
  .zsa-ai-user-center{
    left:6px!important;right:6px!important;top:auto!important;bottom:max(6px,env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;max-height:calc(100vh - 18px)!important;
    transform:none!important;border-radius:24px!important;
  }
  .zsa-ai-user-center.is-open{animation:zsaUserCenterMobileIn .18s ease both}
  @keyframes zsaUserCenterMobileIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  .zsa-ai-user-center-head{grid-template-columns:58px minmax(0,1fr) auto;margin:12px;padding:13px;gap:10px}
  .zsa-ai-user-center-head .zsa-ai-user-pop-avatar.is-large{width:58px!important;height:58px!important;min-width:58px!important}
  .zsa-ai-user-center-head>div>b{font-size:16px}.zsa-ai-user-center-head>a{padding:0 9px}
  .zsa-ai-user-center .is-center-stats{margin:0 12px!important}
  .zsa-ai-user-center-recent{padding:15px 12px 4px}.zsa-ai-user-center-links{padding:10px 12px 14px!important}

  /* Works page floating menus must sit above the fan cards on phones too. */
  .zsa-ai-unified-host.is-works,[data-ai-panel="works"] .zsa-ai-unified-host{z-index:100700!important;overflow:visible!important}
  .zsa-ai-unified-menu.is-fixed-menu{z-index:2147482800!important}
}

/* v2.26.37 rich user center + theme VIP/follow sync */
@media(min-width:721px){
  .zsa-ai-user-center{
    left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    width:min(760px,calc(100vw - 48px))!important;max-width:760px!important;
    height:min(700px,calc(100vh - 48px))!important;max-height:700px!important;
    transform:translate(-50%,-50%)!important;overflow:hidden!important;
    border-radius:26px!important;
  }
  .zsa-ai-user-center.is-open{animation:zsaUserCenterSquareIn .18s ease both!important}
  @keyframes zsaUserCenterSquareIn{from{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
}
.zsa-ai-user-center{display:flex!important;flex-direction:column!important}
.zsa-ai-user-center[hidden]{display:none!important}
.zsa-ai-user-center-bar{flex:0 0 58px}
.zsa-ai-user-center-head.is-rich{margin:14px 18px 10px!important;padding:14px 16px!important;grid-template-columns:66px minmax(0,1fr) auto!important}
.zsa-ai-user-center-identity{min-width:0;display:grid;gap:4px}
.zsa-ai-user-center-identity>div{display:flex;align-items:center;gap:9px;min-width:0}
.zsa-ai-user-center-identity>div>b{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-user-center-identity>small{font-size:11px;color:#89919a}.zsa-ai-user-center-identity>em{font-size:10px;color:#9aa1a8;font-style:normal}
.zsa-ai-user-vip-badge{height:24px;padding:0 8px;border-radius:999px;background:#f0f2f4;color:#747b83;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;white-space:nowrap}
.zsa-ai-user-vip-badge.is-active{background:linear-gradient(135deg,#fff5cc,#ffe49a);color:#835100;border:1px solid #f2cf63}
.zsa-ai-user-vip-badge i{font-style:normal;font-size:9px}.zsa-ai-user-vip-badge img{width:16px;height:16px;object-fit:contain}
.zsa-ai-user-theme-center{height:34px!important}
.zsa-ai-user-vip-card{margin:0 18px 10px;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,#161b22,#2b323b);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;box-shadow:0 10px 24px rgba(17,24,39,.15)}
.zsa-ai-user-vip-card.is-member{background:linear-gradient(120deg,#644612,#b17a22 55%,#e3b65c)}
.zsa-ai-user-vip-card>div{display:grid;gap:2px;min-width:0}.zsa-ai-user-vip-card>div>span{font-size:10px;opacity:.72}.zsa-ai-user-vip-card>div>b{font-size:17px}.zsa-ai-user-vip-card>div>small{font-size:10px;opacity:.74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-user-vip-card>a{height:34px;padding:0 13px;border-radius:17px;background:#9bea2e;color:#101510;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:900;white-space:nowrap}
.zsa-ai-user-center .is-center-stats{margin:0 18px 10px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
.zsa-ai-user-center .is-center-stats button{border:0!important;background:transparent!important;border-radius:12px!important;cursor:pointer!important}.zsa-ai-user-center .is-center-stats button:hover,.zsa-ai-user-center .is-center-stats button.is-active{background:#fff!important}
.zsa-ai-user-center-tabs{margin:0 18px;flex:0 0 42px;padding:4px;border-radius:14px;background:#f3f5f6;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.zsa-ai-user-center-tabs button{border:0;border-radius:10px;background:transparent;color:#737b84;font-size:12px;font-weight:700;cursor:pointer}.zsa-ai-user-center-tabs button.is-active{background:#fff;color:#15191d;box-shadow:0 3px 10px rgba(20,28,36,.08)}
.zsa-ai-user-center-content{flex:1;min-height:0;overflow:auto;padding:12px 18px 8px}
.zsa-ai-user-center-pane{display:none}.zsa-ai-user-center-pane.is-active{display:block}
.zsa-ai-user-center-pane>header{min-height:42px;margin-bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:12px}.zsa-ai-user-center-pane>header>div{display:grid;gap:2px}.zsa-ai-user-center-pane>header b{font-size:14px}.zsa-ai-user-center-pane>header small{font-size:10px;color:#969da4}.zsa-ai-user-center-pane>header button,.zsa-ai-user-center-pane>header a{border:0;background:transparent;color:#66707a;text-decoration:none;font-size:10px;cursor:pointer}
.zsa-ai-user-center-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.zsa-ai-user-center-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.zsa-ai-user-center-work{min-width:0;height:74px;padding:6px;border:1px solid #edf0f2;border-radius:14px;background:#fff;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;text-align:left;cursor:pointer}.zsa-ai-user-center-work:hover{border-color:#d9e7c8;background:#fbfff6}.zsa-ai-user-center-work.is-card{height:132px;grid-template-columns:1fr;grid-template-rows:86px auto;padding:5px}.zsa-ai-user-center-work>i{width:58px;height:58px;border-radius:10px;overflow:hidden;background:#f0f3f5;display:grid;place-items:center;font-style:normal}.zsa-ai-user-center-work.is-card>i{width:100%;height:86px}.zsa-ai-user-center-work>i img{width:100%;height:100%;object-fit:cover}.zsa-ai-user-center-work>i svg{width:22px;height:22px}.zsa-ai-user-center-work>span{min-width:0;display:grid;gap:3px}.zsa-ai-user-center-work>span>b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-user-center-work>span>small{font-size:9px;color:#969da4}
.zsa-ai-user-follow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zsa-ai-user-follow-card{min-width:0;height:64px;padding:7px 9px;border:1px solid #edf0f2;border-radius:14px;background:#fff;text-decoration:none;color:#20262c;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:9px}.zsa-ai-user-follow-card:hover{background:#f9fbfc}.zsa-ai-user-follow-card>i{width:46px;height:46px;border-radius:50%;overflow:hidden;background:#eef2f4;display:grid;place-items:center;font-style:normal;font-weight:800}.zsa-ai-user-follow-card>i img{width:100%;height:100%;object-fit:cover}.zsa-ai-user-follow-card>span{display:grid;gap:3px;min-width:0}.zsa-ai-user-follow-card>span>b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-user-follow-card>span>small{font-size:9px;color:#9aa1a8}.zsa-ai-user-follow-card>em{font-style:normal;color:#a4aab0;font-size:18px}
.zsa-ai-user-center-links.is-rich-footer{flex:0 0 auto!important;grid-template-columns:repeat(3,1fr)!important;padding:8px 18px 14px!important;gap:7px!important}.zsa-ai-user-center-links.is-rich-footer>a,.zsa-ai-user-center-links.is-rich-footer>button{grid-template-columns:22px minmax(0,1fr) 14px!important;height:40px!important;padding:0 9px!important;border:1px solid #eef0f2!important}
@media(max-width:720px){
  .zsa-ai-user-center{display:flex!important}.zsa-ai-user-center[hidden]{display:none!important}
  .zsa-ai-user-center-head.is-rich{margin:10px 10px 8px!important;padding:12px!important;grid-template-columns:56px minmax(0,1fr)!important}.zsa-ai-user-theme-center{display:none!important}
  .zsa-ai-user-vip-card{margin:0 10px 8px;padding:12px;gap:10px}.zsa-ai-user-vip-card>div>small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .zsa-ai-user-center .is-center-stats{margin:0 10px 8px!important}.zsa-ai-user-center .is-center-stats button{min-height:54px!important}
  .zsa-ai-user-center-tabs{margin:0 10px}.zsa-ai-user-center-content{padding:10px}.zsa-ai-user-center-recent-grid{grid-template-columns:1fr 1fr}.zsa-ai-user-center-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zsa-ai-user-follow-grid{grid-template-columns:1fr}.zsa-ai-user-center-links.is-rich-footer{padding:8px 10px 12px!important;grid-template-columns:1fr!important}
}
.zsa-ai-work-author .zsa-ai-work-author-name{color:inherit;text-decoration:none;font-weight:700}
.zsa-ai-work-author .zsa-ai-theme-follow-fallback{height:28px;padding:0 10px;border-radius:14px;background:#111;color:#fff;text-decoration:none;display:inline-flex;align-items:center;font-size:11px;font-weight:800}

/* v2.26.38 premium creator center */
@media(min-width:721px){
  .zsa-ai-user-center{
    width:min(820px,calc(100vw - 56px))!important;
    max-width:820px!important;
    height:min(720px,calc(100vh - 56px))!important;
    max-height:720px!important;
    border:1px solid rgba(255,255,255,.8)!important;
    border-radius:30px!important;
    background:
      radial-gradient(circle at 12% 0%,rgba(183,255,86,.12),transparent 30%),
      radial-gradient(circle at 88% 6%,rgba(133,196,255,.12),transparent 28%),
      linear-gradient(180deg,#fbfcfd 0%,#f4f6f8 100%)!important;
    box-shadow:0 42px 120px rgba(9,16,26,.34),0 0 0 9999px rgba(12,17,25,.48)!important;
  }
}
.zsa-ai-user-center-bar{
  flex:0 0 66px!important;height:66px!important;padding:0 24px!important;
  border-bottom:0!important;background:transparent!important;backdrop-filter:none!important;
}
.zsa-ai-user-center-bar>div{display:grid;gap:1px}
.zsa-ai-user-center-bar>div>b{font-size:20px;line-height:1.15;color:#12161b;letter-spacing:-.2px}
.zsa-ai-user-center-bar>div>small{font-size:10px;color:#a1a8b0;letter-spacing:.8px}
.zsa-ai-user-center-bar>button{
  width:38px!important;height:38px!important;border:1px solid #e8ebee!important;background:rgba(255,255,255,.76)!important;
  color:#6d747c!important;font-size:23px!important;box-shadow:0 6px 20px rgba(20,30,40,.06)
}
.zsa-ai-user-center-bar>button:hover{background:#fff!important;color:#111!important;transform:rotate(3deg)}

.zsa-ai-user-center-head.is-rich{
  margin:0 22px 14px!important;padding:18px 20px!important;min-height:104px;
  grid-template-columns:76px minmax(0,1fr) auto!important;gap:16px!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(250,252,247,.94) 48%,rgba(246,250,255,.98))!important;
  box-shadow:0 14px 36px rgba(23,34,46,.07)!important;
}
.zsa-ai-user-center-head .zsa-ai-user-pop-avatar.is-large{
  width:76px!important;height:76px!important;min-width:76px!important;
  border:3px solid #fff!important;box-shadow:0 10px 26px rgba(16,26,36,.14)!important;
}
.zsa-ai-user-center-identity{gap:6px!important}
.zsa-ai-user-center-identity>div{gap:10px!important}
.zsa-ai-user-center-identity>div>b{font-size:22px!important;line-height:1.15;color:#15191e;letter-spacing:-.3px}
.zsa-ai-user-center-identity>small{font-size:12px!important;color:#8b939c!important}
.zsa-ai-user-center-identity>em{font-size:11px!important;color:#a2a8af!important}
.zsa-ai-user-vip-badge{
  height:26px!important;padding:0 9px!important;border:1px solid #e6e9ec!important;
  background:#f5f6f7!important;color:#6f7780!important;font-size:10px!important;
}
.zsa-ai-user-vip-badge.is-active{
  border-color:rgba(206,163,57,.32)!important;background:linear-gradient(135deg,#201b12,#3b2a13)!important;color:#ffd987!important;
  box-shadow:inset 0 0 0 1px rgba(255,225,152,.08)
}
.zsa-ai-user-theme-center{
  height:38px!important;padding:0 14px!important;border:1px solid #e5e8eb!important;border-radius:19px!important;
  background:#fff!important;color:#282e34!important;font-size:11px!important;font-weight:800!important;
  box-shadow:0 5px 16px rgba(20,30,40,.05)
}
.zsa-ai-user-theme-center:hover{border-color:#cfd5da!important;background:#fafbfb!important}

.zsa-ai-user-vip-card{
  position:relative;overflow:hidden;margin:0 22px 14px!important;padding:18px 20px!important;min-height:94px;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;
  background:linear-gradient(135deg,#111419 0%,#20262d 54%,#303944 100%)!important;
  box-shadow:0 16px 34px rgba(14,20,28,.18)!important;
}
.zsa-ai-user-vip-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:10%;top:-110px;background:rgba(156,234,46,.13);filter:blur(2px);pointer-events:none}
.zsa-ai-user-vip-card.is-member{background:linear-gradient(135deg,#17130b 0%,#33240d 55%,#7a5016 100%)!important}
.zsa-ai-user-vip-card.is-member:after{background:rgba(255,214,108,.18)}
.zsa-ai-user-vip-card>div{gap:4px!important;position:relative;z-index:1}
.zsa-ai-user-vip-card>div>span{font-size:10px!important;letter-spacing:.7px;color:#b9c1c9!important;opacity:1!important}
.zsa-ai-user-vip-card>div>b{font-size:19px!important;line-height:1.15;color:#fff!important}
.zsa-ai-user-vip-card>div>small{font-size:11px!important;color:#aeb7c0!important;opacity:1!important}
.zsa-ai-user-vip-card.is-member>div>span,.zsa-ai-user-vip-card.is-member>div>small{color:#e5c98a!important}
.zsa-ai-user-vip-card>a{
  position:relative;z-index:1;height:38px!important;padding:0 15px!important;border-radius:19px!important;
  background:#9bea2e!important;color:#0c1109!important;font-size:11px!important;box-shadow:0 8px 20px rgba(155,234,46,.2)
}
.zsa-ai-user-vip-card.is-member>a{background:#f4d07a!important;color:#3b2808!important;box-shadow:0 8px 20px rgba(244,208,122,.16)}

.zsa-ai-user-center .is-center-stats{
  margin:0 22px 14px!important;padding:0!important;gap:0!important;
  border:1px solid #e9ecef!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 10px 28px rgba(21,31,43,.05)!important;overflow:hidden
}
.zsa-ai-user-center .is-center-stats button{
  position:relative;min-height:72px!important;border-radius:0!important;background:#fff!important;
  transition:background .18s ease,transform .18s ease!important
}
.zsa-ai-user-center .is-center-stats button:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:#edf0f2}
.zsa-ai-user-center .is-center-stats button:hover,.zsa-ai-user-center .is-center-stats button.is-active{background:#fafcf8!important}
.zsa-ai-user-center .is-center-stats b{font-size:21px!important;color:#1d2329!important;letter-spacing:-.4px}
.zsa-ai-user-center .is-center-stats small{font-size:10px!important;color:#9aa1a8!important;margin-top:4px}

.zsa-ai-user-center-tabs{
  margin:0 22px!important;height:44px!important;flex:0 0 44px!important;padding:4px!important;
  border:1px solid #e8ebee!important;border-radius:16px!important;background:#eef1f3!important;
}
.zsa-ai-user-center-tabs button{font-size:12px!important;color:#737b84!important;transition:all .18s ease!important}
.zsa-ai-user-center-tabs button.is-active{background:#171b20!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,22,28,.16)!important}

.zsa-ai-user-center-content{padding:16px 22px 10px!important;scrollbar-width:thin;scrollbar-color:#d6dade transparent}
.zsa-ai-user-center-pane>header{min-height:46px!important;margin-bottom:12px!important}
.zsa-ai-user-center-pane>header b{font-size:15px!important;color:#1a1f24!important}
.zsa-ai-user-center-pane>header small{font-size:10px!important;color:#a0a7ae!important}
.zsa-ai-user-center-pane>header button,.zsa-ai-user-center-pane>header a{
  min-height:30px;padding:0 10px!important;border:1px solid #e7eaed!important;border-radius:15px!important;background:#fff!important;color:#555e67!important;font-size:10px!important;font-weight:700!important;display:inline-flex;align-items:center
}
.zsa-ai-user-center-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
.zsa-ai-user-center-work-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
.zsa-ai-user-center-work{
  height:82px!important;padding:7px!important;border:1px solid #e8ecef!important;border-radius:16px!important;
  box-shadow:0 7px 18px rgba(23,33,44,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important
}
.zsa-ai-user-center-work:hover{transform:translateY(-2px);border-color:#cfe4b3!important;background:#fff!important;box-shadow:0 12px 28px rgba(23,33,44,.08)!important}
.zsa-ai-user-center-work.is-card{height:146px!important;grid-template-rows:96px auto!important;padding:6px!important}
.zsa-ai-user-center-work>i{width:64px!important;height:64px!important;border-radius:12px!important}
.zsa-ai-user-center-work.is-card>i{width:100%!important;height:96px!important;border-radius:12px!important}
.zsa-ai-user-center-work>span>b{font-size:11px!important;color:#2a3036!important}
.zsa-ai-user-center-work>span>small{font-size:9px!important;color:#a0a7ae!important}
.zsa-ai-user-follow-grid{gap:10px!important}
.zsa-ai-user-follow-card{
  height:70px!important;padding:8px 10px!important;border:1px solid #e8ecef!important;border-radius:16px!important;
  box-shadow:0 7px 18px rgba(23,33,44,.035);transition:transform .18s ease,box-shadow .18s ease!important
}
.zsa-ai-user-follow-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(23,33,44,.07)!important}
.zsa-ai-user-center-empty{
  padding:34px 20px!important;border:1px dashed #dfe4e8;border-radius:18px;background:rgba(255,255,255,.62);color:#9aa1a8!important
}
.zsa-ai-user-center-links.is-rich-footer{
  padding:10px 22px 18px!important;gap:9px!important;border-top:0!important;background:linear-gradient(180deg,rgba(244,246,248,0),#f4f6f8 30%)!important
}
.zsa-ai-user-center-links.is-rich-footer>a,.zsa-ai-user-center-links.is-rich-footer>button{
  height:44px!important;border:1px solid #e5e8eb!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 5px 16px rgba(20,30,40,.035)!important
}
.zsa-ai-user-center-links.is-rich-footer>a:hover,.zsa-ai-user-center-links.is-rich-footer>button:hover{background:#fafbfc!important;border-color:#d8dde1!important}
.zsa-ai-user-center-links.is-rich-footer .is-logout{color:#d04444!important;background:#fffafa!important;border-color:#f2dede!important}

@media(max-width:720px){
  .zsa-ai-user-center{background:linear-gradient(180deg,#fbfcfd,#f4f6f8)!important}
  .zsa-ai-user-center-bar{height:60px!important;flex-basis:60px!important;padding:0 16px!important}
  .zsa-ai-user-center-bar>div>b{font-size:18px}
  .zsa-ai-user-center-head.is-rich{margin:0 10px 10px!important;padding:14px!important;grid-template-columns:62px minmax(0,1fr)!important;min-height:88px}
  .zsa-ai-user-center-head .zsa-ai-user-pop-avatar.is-large{width:62px!important;height:62px!important;min-width:62px!important}
  .zsa-ai-user-center-identity>div>b{font-size:17px!important}.zsa-ai-user-center-identity>small{font-size:10px!important}
  .zsa-ai-user-vip-card{margin:0 10px 10px!important;padding:14px!important;min-height:86px;border-radius:18px!important}
  .zsa-ai-user-vip-card>div>b{font-size:16px!important}.zsa-ai-user-vip-card>div>small{font-size:9px!important}
  .zsa-ai-user-center .is-center-stats{margin:0 10px 10px!important;border-radius:16px!important}.zsa-ai-user-center .is-center-stats button{min-height:58px!important}.zsa-ai-user-center .is-center-stats b{font-size:17px!important}
  .zsa-ai-user-center-tabs{margin:0 10px!important;height:42px!important;flex-basis:42px!important}
  .zsa-ai-user-center-content{padding:12px 10px 8px!important}
  .zsa-ai-user-center-recent-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .zsa-ai-user-center-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .zsa-ai-user-center-links.is-rich-footer{padding:8px 10px 12px!important;grid-template-columns:1fr!important}
}

/* v2.26.39 system-style user center */
@media(min-width:721px){
  .zsa-ai-user-center{
    left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
    width:min(920px,calc(100vw - 56px))!important;max-width:920px!important;
    height:min(640px,calc(100vh - 56px))!important;max-height:640px!important;
    transform:translate(-50%,-50%)!important;border-radius:28px!important;
    overflow:hidden!important;background:#f7f8fa!important;
    border:1px solid rgba(255,255,255,.9)!important;
    box-shadow:0 40px 110px rgba(10,18,28,.30),0 0 0 9999px rgba(15,20,28,.45)!important;
  }
}
.zsa-ai-user-center{position:fixed!important;display:block!important;color:#171b20!important}
.zsa-ai-user-center[hidden]{display:none!important}
.zsa-ai-user-center:before{display:none!important}
.zsa-ai-user-center-close{
  position:absolute!important;right:18px!important;top:18px!important;z-index:4!important;
  width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.9)!important;color:#6c747c!important;font-size:24px!important;line-height:1!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(20,28,38,.08)!important
}
.zsa-ai-user-center-close:hover{background:#fff!important;color:#111!important}
.zsa-ai-user-center-shell{height:100%;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0}
.zsa-ai-user-center-profile{
  min-width:0;padding:34px 24px 24px;display:flex;flex-direction:column;gap:16px;
  background:linear-gradient(180deg,#171b22 0%,#202630 58%,#171b22 100%);color:#fff;overflow:auto
}
.zsa-ai-user-center-profile-top{text-align:center;display:grid;justify-items:center;gap:8px;padding-top:4px}
.zsa-ai-user-center-profile-top .zsa-ai-user-pop-avatar.is-large{
  width:82px!important;height:82px!important;min-width:82px!important;border-radius:50%!important;overflow:hidden!important;
  border:3px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important;background:#eef2f4
}
.zsa-ai-user-center-profile-top .zsa-ai-user-pop-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.zsa-ai-user-center-name-row{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:100%}
.zsa-ai-user-center-name-row>b{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.2;color:#fff}
.zsa-ai-user-center-profile-top>small{font-size:10px;color:#98a2ad}
.zsa-ai-user-vip-badge{height:24px!important;padding:0 8px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:800!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.1)!important;color:#c8ced5!important}
.zsa-ai-user-vip-badge.is-active{background:linear-gradient(135deg,#f8d78a,#c8942e)!important;color:#352406!important;border-color:transparent!important}
.zsa-ai-user-vip-badge img{width:16px!important;height:16px!important;object-fit:contain!important}
.zsa-ai-user-vip-badge i{font-style:normal!important;font-size:9px!important}
.zsa-ai-user-points-card{
  padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);display:grid;gap:2px
}
.zsa-ai-user-points-card>span{font-size:10px;color:#9da6b0}.zsa-ai-user-points-card>b{font-size:30px;line-height:1.15;color:#fff;letter-spacing:-.8px}.zsa-ai-user-points-card>small{font-size:9px;color:#7f8994}
.zsa-ai-user-center-profile .zsa-ai-user-vip-card{
  position:relative!important;overflow:hidden!important;margin:0!important;padding:15px!important;min-height:132px!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;gap:13px!important;
  border:1px solid rgba(255,220,133,.24)!important;border-radius:20px!important;
  background:linear-gradient(135deg,#332715 0%,#694918 60%,#a46c1e 100%)!important;box-shadow:none!important;color:#fff!important
}
.zsa-ai-user-center-profile .zsa-ai-user-vip-card:not(.is-member){background:linear-gradient(135deg,#202731 0%,#2b3541 62%,#344151 100%)!important;border-color:rgba(255,255,255,.1)!important}
.zsa-ai-user-vip-glow{position:absolute;width:120px;height:120px;border-radius:50%;right:-24px;top:-56px;background:rgba(255,220,132,.22);filter:blur(1px);pointer-events:none}
.zsa-ai-user-vip-card>div{display:grid!important;gap:3px!important;position:relative;z-index:1}.zsa-ai-user-vip-card>div>span{font-size:10px!important;color:#d8c089!important;opacity:1!important}.zsa-ai-user-vip-card:not(.is-member)>div>span{color:#aab4bf!important}.zsa-ai-user-vip-card>div>b{font-size:17px!important;color:#fff!important;line-height:1.2}.zsa-ai-user-vip-card>div>small{font-size:9px!important;color:#dbc998!important;opacity:1!important;white-space:normal!important}.zsa-ai-user-vip-card:not(.is-member)>div>small{color:#a8b1bb!important}
.zsa-ai-user-center-profile .zsa-ai-user-vip-card>a{
  position:relative;z-index:1;width:100%;height:36px!important;padding:0 12px!important;border:0!important;border-radius:12px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;background:#f6d680!important;color:#392708!important;
  text-decoration:none!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important
}
.zsa-ai-user-center-profile .zsa-ai-user-vip-card:not(.is-member)>a{background:#9bea2e!important;color:#111!important}
.zsa-ai-user-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.zsa-ai-user-mini-stats>div{padding:10px 4px;border-radius:14px;background:rgba(255,255,255,.055);text-align:center}.zsa-ai-user-mini-stats b{display:block;font-size:15px;color:#fff}.zsa-ai-user-mini-stats span{display:block;margin-top:2px;font-size:9px;color:#8e98a3}
.zsa-ai-user-center-account-links{margin-top:auto;display:grid;gap:7px}.zsa-ai-user-center-account-links a{height:38px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.055);color:#c4cbd2;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:11px}.zsa-ai-user-center-account-links a:hover{background:rgba(255,255,255,.09);color:#fff}.zsa-ai-user-center-account-links a.is-logout{color:#ffb2b2}.zsa-ai-user-center-account-links em{font-style:normal;color:#737e89;font-size:17px}
.zsa-ai-user-center-main{min-width:0;min-height:0;padding:34px 26px 24px;display:flex;flex-direction:column;background:#f7f8fa}
.zsa-ai-user-center-main-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 6px 18px}.zsa-ai-user-center-main-head>div{display:grid;gap:4px}.zsa-ai-user-center-main-head>div>b{font-size:25px;letter-spacing:-.6px;color:#14181c}.zsa-ai-user-center-main-head>div>small{font-size:10px;color:#9ba2aa}.zsa-ai-user-center-main-head>button{height:34px;padding:0 12px;border:1px solid #e1e5e8;border-radius:17px;background:#fff;color:#4c555e;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.zsa-ai-user-center-main-head>button:hover{border-color:#ccd2d7;background:#fcfdfd}.zsa-ai-user-center-main-head>button span{margin-left:4px}
.zsa-ai-user-center .zsa-ai-user-center-tabs{margin:0!important;height:44px!important;flex:0 0 44px!important;padding:4px!important;border:1px solid #e5e8eb!important;border-radius:14px!important;background:#eef1f3!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}.zsa-ai-user-center .zsa-ai-user-center-tabs button{border:0!important;border-radius:10px!important;background:transparent!important;color:#737c85!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}.zsa-ai-user-center .zsa-ai-user-center-tabs button.is-active{background:#fff!important;color:#171b20!important;box-shadow:0 4px 14px rgba(21,30,40,.08)!important}
.zsa-ai-user-center .zsa-ai-user-center-content{flex:1;min-height:0;overflow:auto;padding:18px 0 0!important;scrollbar-width:thin;scrollbar-color:#d6dade transparent}.zsa-ai-user-center-pane{display:none!important}.zsa-ai-user-center-pane.is-active{display:block!important}
.zsa-ai-user-center .zsa-ai-user-center-work-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card{height:174px!important;padding:7px!important;grid-template-columns:1fr!important;grid-template-rows:118px auto!important;border:1px solid #e7eaed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 20px rgba(20,28,38,.035)!important;transition:transform .18s ease,box-shadow .18s ease!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,28,38,.08)!important;border-color:#d8ddd2!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card>i{width:100%!important;height:118px!important;border-radius:13px!important;overflow:hidden!important;background:#eef1f3!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card>i img{width:100%!important;height:100%!important;object-fit:cover!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card>span{padding:4px 2px 1px!important;display:grid!important;gap:2px!important;min-width:0!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card>span>b{font-size:11px!important;color:#2a3036!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card>span>small{font-size:9px!important;color:#a0a7ae!important}
.zsa-ai-user-center .zsa-ai-user-follow-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.zsa-ai-user-center .zsa-ai-user-follow-card{height:70px!important;padding:8px 10px!important;border:1px solid #e6eaed!important;border-radius:17px!important;background:#fff!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 16px!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#222!important}.zsa-ai-user-center .zsa-ai-user-follow-card>i{width:48px!important;height:48px!important;border-radius:50%!important;overflow:hidden!important;background:#edf1f3!important;display:grid!important;place-items:center!important;font-style:normal!important}.zsa-ai-user-center .zsa-ai-user-follow-card>i img{width:100%!important;height:100%!important;object-fit:cover!important}.zsa-ai-user-center .zsa-ai-user-follow-card>span{display:grid!important;gap:3px!important;min-width:0!important}.zsa-ai-user-center .zsa-ai-user-follow-card>span>b{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.zsa-ai-user-center .zsa-ai-user-follow-card>span>small{font-size:9px!important;color:#9ca3aa!important}.zsa-ai-user-center .zsa-ai-user-follow-card>em{font-style:normal!important;color:#a7adb3!important;font-size:18px!important}.zsa-ai-user-center-empty{grid-column:1/-1!important;padding:52px 20px!important;border:1px dashed #dfe3e6!important;border-radius:18px!important;background:#fff!important;color:#9aa2aa!important;text-align:center!important;font-size:11px!important}
@media(max-width:720px){
  .zsa-ai-user-center{left:8px!important;right:8px!important;bottom:8px!important;top:auto!important;width:auto!important;height:min(88vh,760px)!important;max-height:calc(100vh - 16px)!important;transform:none!important;border-radius:24px!important;background:#f7f8fa!important;overflow:auto!important;box-shadow:0 28px 70px rgba(8,14,22,.28),0 0 0 9999px rgba(11,16,23,.44)!important}
  .zsa-ai-user-center-shell{display:block!important;height:auto!important}.zsa-ai-user-center-close{right:14px!important;top:14px!important}.zsa-ai-user-center-profile{padding:26px 16px 18px!important;gap:12px!important;border-radius:24px 24px 0 0!important;overflow:visible!important}.zsa-ai-user-center-profile-top{grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;text-align:left;column-gap:12px}.zsa-ai-user-center-profile-top .zsa-ai-user-pop-avatar.is-large{grid-row:1/3;width:62px!important;height:62px!important;min-width:62px!important}.zsa-ai-user-center-name-row{align-items:flex-start!important;justify-content:center}.zsa-ai-user-center-name-row>b{font-size:16px!important;max-width:220px}.zsa-ai-user-center-profile-top>small{grid-column:2}.zsa-ai-user-points-card{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px 12px!important}.zsa-ai-user-points-card>b{font-size:23px!important}.zsa-ai-user-points-card>small{text-align:right}.zsa-ai-user-center-profile .zsa-ai-user-vip-card{min-height:108px!important;padding:13px!important}.zsa-ai-user-mini-stats{gap:6px!important}.zsa-ai-user-center-account-links{grid-template-columns:1fr 1fr!important;margin-top:0!important}.zsa-ai-user-center-account-links a{height:36px!important}
  .zsa-ai-user-center-main{padding:20px 12px 14px!important}.zsa-ai-user-center-main-head{padding:0 2px 14px!important;align-items:center!important}.zsa-ai-user-center-main-head>div>b{font-size:20px!important}.zsa-ai-user-center-main-head>div>small{display:none}.zsa-ai-user-center-main-head>button{height:32px!important;padding:0 10px!important}.zsa-ai-user-center .zsa-ai-user-center-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card{height:148px!important;grid-template-rows:96px auto!important;padding:6px!important}.zsa-ai-user-center .zsa-ai-user-center-work.is-card>i{height:96px!important}.zsa-ai-user-center .zsa-ai-user-follow-grid{grid-template-columns:1fr!important}
}

/* v2.26.40 isolated personal center + native pay layering */
.zsa-ai-user-center{
  z-index:120000!important;
  background:#f7f8fa!important;
}
.zsa-ai-user-center .zsa-ai-user-center-shell{position:relative!important;z-index:1!important}
.zsa-ai-user-center .zsa-ai-user-points-card{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
}
.zsa-ai-user-center .zsa-ai-user-points-card>div{display:grid!important;gap:2px!important;min-width:0!important}
.zsa-ai-user-center .zsa-ai-user-points-card>div>span{font-size:10px!important;color:#9da6b0!important}
.zsa-ai-user-center .zsa-ai-user-points-card>div>b{font-size:30px!important;line-height:1.12!important;color:#fff!important;letter-spacing:-.8px!important}
.zsa-ai-user-center .zsa-ai-user-points-card>div>small{font-size:9px!important;color:#7f8994!important}
.zsa-ai-user-center .zsa-ai-balance-native-open{
  min-width:64px;height:34px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff!important;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:11px;font-weight:900;
  border:1px solid rgba(255,255,255,.10);transition:.18s ease
}
.zsa-ai-user-center .zsa-ai-balance-native-open:hover{background:#fff;color:#171b20!important}
html.zsa-ai-native-pay-open .zsa-ai-user-center{
  z-index:90000!important;
  filter:saturate(.92) brightness(.92);
  pointer-events:none!important;
}
html.zsa-ai-native-pay-open .modal-backdrop,
html.zsa-ai-native-pay-open body>.modal-backdrop{
  z-index:2147483200!important;
}
html.zsa-ai-native-pay-open .modal,
html.zsa-ai-native-pay-open body>.modal,
html.zsa-ai-native-pay-open #modal_payzibll,
html.zsa-ai-native-pay-open [id*="modal_pay"],
html.zsa-ai-native-pay-open [class*="pay-modal"],
html.zsa-ai-native-pay-open .swal2-container,
html.zsa-ai-native-pay-open .iziModal,
html.zsa-ai-native-pay-open .iziModal-wrap{
  z-index:2147483300!important;
}
@media(max-width:720px){
  .zsa-ai-user-center .zsa-ai-user-points-card>div>b{font-size:23px!important}
  .zsa-ai-user-center .zsa-ai-balance-native-open{height:32px;min-width:58px;padding:0 11px}
}

/* v2.26.41 - completely isolated account center. No legacy user-popover classes. */
.zsa-ai-account-modal{
  position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:min(960px,calc(100vw - 56px))!important;height:min(650px,calc(100vh - 56px))!important;
  transform:translate(-50%,-50%)!important;z-index:120000!important;box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:30px!important;background:#fff!important;
  box-shadow:0 42px 120px rgba(13,21,30,.32),0 0 0 9999px rgba(12,18,25,.48)!important;
  overflow:hidden!important;color:#171b20!important;font-family:inherit!important;
}
.zsa-ai-account-modal[hidden]{display:none!important}
.zsa-ai-account-modal.is-open{display:block!important}
.zsa-ai-account-modal *{box-sizing:border-box}
.zsa-ai-account-close{
  position:absolute!important;right:18px!important;top:18px!important;z-index:20!important;width:38px!important;height:38px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#59616a!important;
  display:grid!important;place-items:center!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;
  box-shadow:0 8px 24px rgba(16,24,32,.09)!important;transition:.18s ease!important
}
.zsa-ai-account-close:hover{background:#111!important;color:#fff!important;transform:rotate(4deg)}
.zsa-ai-account-shell{width:100%!important;height:100%!important;display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;min-width:0!important;min-height:0!important;background:#f5f7f8!important}
.zsa-ai-account-side{
  min-width:0!important;min-height:0!important;padding:34px 24px 22px!important;display:flex!important;flex-direction:column!important;gap:16px!important;
  overflow:auto!important;background:linear-gradient(180deg,#12171d 0%,#1a2028 58%,#12171d 100%)!important;color:#fff!important
}
.zsa-ai-account-profile{display:grid!important;justify-items:center!important;gap:8px!important;text-align:center!important;padding-top:2px!important}
.zsa-ai-account-profile .zsa-ai-user-pop-avatar.is-large{width:82px!important;height:82px!important;min-width:82px!important;border-radius:50%!important;overflow:hidden!important;border:3px solid rgba(255,255,255,.92)!important;background:#eef2f4!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
.zsa-ai-account-profile .zsa-ai-user-pop-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.zsa-ai-account-name{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;max-width:100%!important}
.zsa-ai-account-name>b{max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:18px!important;line-height:1.2!important;color:#fff!important}
.zsa-ai-account-profile>small{font-size:10px!important;color:#94a0ac!important}
.zsa-ai-account-vip-badge{height:24px!important;padding:0 9px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.08)!important;color:#c8d0d8!important;font-size:10px!important;font-weight:850!important}
.zsa-ai-account-vip-badge.is-active{background:linear-gradient(135deg,#f7dc95,#c8942f)!important;color:#332407!important;border-color:transparent!important}
.zsa-ai-account-vip-badge img{width:16px!important;height:16px!important;object-fit:contain!important}
.zsa-ai-account-points{padding:14px 15px!important;border-radius:18px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.075)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
.zsa-ai-account-points>div{display:grid!important;gap:2px!important;min-width:0!important}.zsa-ai-account-points>div>span{font-size:10px!important;color:#8f9aa5!important}.zsa-ai-account-points>div>b{font-size:30px!important;line-height:1.1!important;color:#fff!important;letter-spacing:-.8px!important}.zsa-ai-account-points>div>small{font-size:9px!important;color:#707b86!important}
.zsa-ai-account-recharge{height:34px!important;min-width:64px!important;padding:0 13px!important;border-radius:999px!important;background:#fff!important;color:#14191f!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:900!important;border:0!important}
.zsa-ai-account-vip{position:relative!important;overflow:hidden!important;min-height:132px!important;padding:15px!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:13px!important;background:linear-gradient(135deg,#2a2113,#624717 58%,#a77327)!important;border:1px solid rgba(255,219,129,.22)!important;color:#fff!important}
.zsa-ai-account-vip:not(.is-member){background:linear-gradient(135deg,#202731,#2b3541 62%,#344151)!important;border-color:rgba(255,255,255,.08)!important}
.zsa-ai-account-vip-glow{position:absolute!important;right:-28px!important;top:-58px!important;width:128px!important;height:128px!important;border-radius:50%!important;background:rgba(255,222,138,.22)!important;pointer-events:none!important}
.zsa-ai-account-vip>div{position:relative!important;z-index:1!important;display:grid!important;gap:3px!important}.zsa-ai-account-vip>div>span{font-size:10px!important;color:#d9bf84!important}.zsa-ai-account-vip:not(.is-member)>div>span{color:#aeb8c2!important}.zsa-ai-account-vip>div>b{font-size:18px!important;line-height:1.2!important;color:#fff!important}.zsa-ai-account-vip>div>small{font-size:9px!important;color:#ddca98!important}.zsa-ai-account-vip:not(.is-member)>div>small{color:#a8b2bc!important}
.zsa-ai-account-vip>a{position:relative!important;z-index:1!important;width:100%!important;height:36px!important;padding:0 12px!important;border-radius:12px!important;background:#f5d57f!important;color:#392708!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:11px!important;font-weight:900!important}
.zsa-ai-account-vip:not(.is-member)>a{background:#9bea2e!important;color:#111!important}
.zsa-ai-account-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.zsa-ai-account-stats>div{padding:10px 4px!important;border-radius:14px!important;background:rgba(255,255,255,.055)!important;text-align:center!important}.zsa-ai-account-stats b{display:block!important;font-size:15px!important;color:#fff!important}.zsa-ai-account-stats span{display:block!important;margin-top:2px!important;font-size:9px!important;color:#89949f!important}
.zsa-ai-account-links{margin-top:auto!important;display:grid!important;gap:7px!important}.zsa-ai-account-links a{height:38px!important;padding:0 12px!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important;color:#c6cdd4!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:11px!important}.zsa-ai-account-links a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}.zsa-ai-account-links a.is-logout{color:#ffb0b0!important}.zsa-ai-account-links em{font-style:normal!important;color:#737e89!important;font-size:17px!important}
.zsa-ai-account-main{min-width:0!important;min-height:0!important;padding:34px 28px 24px!important;display:flex!important;flex-direction:column!important;background:#f7f8fa!important;overflow:hidden!important}
.zsa-ai-account-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;padding:0 4px 18px!important}.zsa-ai-account-head>div{display:grid!important;gap:4px!important}.zsa-ai-account-head>div>b{font-size:25px!important;letter-spacing:-.6px!important;color:#14181c!important}.zsa-ai-account-head>div>small{font-size:10px!important;color:#9aa2aa!important}.zsa-ai-account-head>button{height:34px!important;padding:0 12px!important;border:1px solid #e1e5e8!important;border-radius:17px!important;background:#fff!important;color:#4e5760!important;font-size:10px!important;font-weight:850!important;cursor:pointer!important}
.zsa-ai-account-tabs{height:44px!important;flex:0 0 44px!important;padding:4px!important;border:1px solid #e5e8eb!important;border-radius:14px!important;background:#eef1f3!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}.zsa-ai-account-tabs button{border:0!important;border-radius:10px!important;background:transparent!important;color:#747d86!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}.zsa-ai-account-tabs button.is-active{background:#fff!important;color:#171b20!important;box-shadow:0 4px 14px rgba(21,30,40,.08)!important}
.zsa-ai-account-content{flex:1!important;min-height:0!important;overflow:auto!important;padding:18px 0 0!important}.zsa-ai-account-pane{display:none!important}.zsa-ai-account-pane.is-active{display:block!important}
.zsa-ai-account-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.zsa-ai-account-work{height:174px!important;padding:7px!important;border:1px solid #e7eaed!important;border-radius:18px!important;background:#fff!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:118px auto!important;gap:0!important;text-align:left!important;cursor:pointer!important;box-shadow:0 8px 20px rgba(20,28,38,.035)!important;transition:.18s ease!important}.zsa-ai-account-work:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(20,28,38,.08)!important}.zsa-ai-account-work>i{width:100%!important;height:118px!important;border-radius:13px!important;overflow:hidden!important;background:#eef1f3!important;display:grid!important;place-items:center!important}.zsa-ai-account-work>i img{width:100%!important;height:100%!important;object-fit:cover!important}.zsa-ai-account-work>i svg{width:24px!important;height:24px!important}.zsa-ai-account-work>span{padding:5px 2px 1px!important;display:grid!important;gap:2px!important;min-width:0!important}.zsa-ai-account-work>span>b{font-size:11px!important;color:#2a3036!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.zsa-ai-account-work>span>small{font-size:9px!important;color:#9fa7af!important}
.zsa-ai-account-follow-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.zsa-ai-account-follow-card{height:70px!important;padding:8px 10px!important;border:1px solid #e6eaed!important;border-radius:17px!important;background:#fff!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 16px!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#222!important}.zsa-ai-account-follow-card>i{width:48px!important;height:48px!important;border-radius:50%!important;overflow:hidden!important;background:#edf1f3!important;display:grid!important;place-items:center!important;font-style:normal!important}.zsa-ai-account-follow-card>i img{width:100%!important;height:100%!important;object-fit:cover!important}.zsa-ai-account-follow-card>span{display:grid!important;gap:3px!important;min-width:0!important}.zsa-ai-account-follow-card>span>b{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.zsa-ai-account-follow-card>span>small{font-size:9px!important;color:#9ca3aa!important}.zsa-ai-account-follow-card>em{font-style:normal!important;color:#a7adb3!important;font-size:18px!important}.zsa-ai-account-empty{grid-column:1/-1!important;padding:52px 20px!important;border:1px dashed #dfe3e6!important;border-radius:18px!important;background:#fff!important;color:#9aa2aa!important;text-align:center!important;font-size:11px!important}
html.zsa-ai-native-pay-open .zsa-ai-account-modal{display:none!important}
html.zsa-ai-native-pay-open .modal-backdrop,html.zsa-ai-native-pay-open body>.modal-backdrop{z-index:2147483200!important}
html.zsa-ai-native-pay-open .modal,html.zsa-ai-native-pay-open body>.modal,html.zsa-ai-native-pay-open #modal_payzibll,html.zsa-ai-native-pay-open [id*="modal_pay"],html.zsa-ai-native-pay-open .swal2-container,html.zsa-ai-native-pay-open .iziModal,html.zsa-ai-native-pay-open .iziModal-wrap{z-index:2147483300!important}
@media(max-width:720px){
  .zsa-ai-account-modal{left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;height:min(90vh,780px)!important;transform:none!important;border-radius:26px!important;overflow:auto!important}
  .zsa-ai-account-shell{display:block!important;height:auto!important}.zsa-ai-account-close{right:14px!important;top:14px!important}
  .zsa-ai-account-side{padding:26px 16px 18px!important;gap:12px!important;overflow:visible!important}.zsa-ai-account-profile{grid-template-columns:62px minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:start!important;text-align:left!important;column-gap:12px!important}.zsa-ai-account-profile .zsa-ai-user-pop-avatar.is-large{grid-row:1/3!important;width:62px!important;height:62px!important;min-width:62px!important}.zsa-ai-account-name{align-items:flex-start!important;justify-content:center!important}.zsa-ai-account-name>b{font-size:16px!important;max-width:220px!important}.zsa-ai-account-profile>small{grid-column:2!important}.zsa-ai-account-vip{min-height:106px!important;padding:13px!important}.zsa-ai-account-links{grid-template-columns:1fr 1fr!important;margin-top:0!important}
  .zsa-ai-account-main{padding:20px 12px 14px!important;overflow:visible!important}.zsa-ai-account-head{padding:0 2px 14px!important;align-items:center!important}.zsa-ai-account-head>div>b{font-size:20px!important}.zsa-ai-account-head>div>small{display:none!important}.zsa-ai-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.zsa-ai-account-work{height:148px!important;grid-template-rows:96px auto!important;padding:6px!important}.zsa-ai-account-work>i{height:96px!important}.zsa-ai-account-follow-grid{grid-template-columns:1fr!important}
}

/* v2.26.43 account profile / favorite sync / inline follow */
.zsa-ai-account-profile{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.zsa-ai-account-profile .zsa-ai-account-name{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
}
.zsa-ai-account-profile .zsa-ai-account-name>b{
  color:#fff!important;
  background:transparent!important;
  font-weight:800!important;
}
.zsa-ai-account-vip-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:22px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.09)!important;
  color:#c9d0d7!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:22px!important;
  overflow:hidden!important;
}
.zsa-ai-account-vip-badge.is-active{background:rgba(255,204,94,.14)!important;color:#ffd474!important}
.zsa-ai-account-vip-badge img{width:14px!important;height:14px!important;object-fit:contain!important}
.zsa-ai-account-head{padding-right:54px!important}
.zsa-ai-account-head>button[data-ai-user-open-generation-history]{display:none!important}
.zsa-ai-account-follow-card{cursor:default!important}
.zsa-ai-account-follow-card>em{font-size:10px!important;color:#8b949e!important;white-space:nowrap!important}
.zsa-ai-work-author .zsa-ai-theme-follow-btn{
  height:30px!important;
  padding:0 12px!important;
  border:1px solid #dfe4e8!important;
  border-radius:15px!important;
  background:#111!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.zsa-ai-work-author .zsa-ai-theme-follow-btn.is-following{background:#f1f3f5!important;color:#626b75!important;border-color:#e2e6e9!important}
.zsa-ai-work-author .zsa-ai-theme-follow-btn:disabled{opacity:.55!important;cursor:wait!important}
@media(max-width:900px){
  .zsa-ai-work-author{display:flex!important;flex-wrap:wrap!important}
  .zsa-ai-work-author .zsa-ai-theme-follow-btn{height:28px!important;padding:0 10px!important}
}

/* v2.26.46 account profile + following + member upgrade */
.zsa-ai-account-profile .zsa-ai-user-pop-avatar,
.zsa-ai-account-profile .zsa-ai-user-pop-avatar.is-large{position:relative!important;isolation:isolate!important}
.zsa-ai-account-profile .zsa-ai-user-pop-avatar .zsa-ai-avatar-fallback{position:absolute!important;inset:0!important;z-index:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden!important;border-radius:50%!important}
.zsa-ai-account-profile .zsa-ai-user-pop-avatar img,
.zsa-ai-account-profile .zsa-ai-user-pop-avatar .zsa-ai-avatar-img,
.zsa-ai-account-profile .zsa-ai-user-pop-avatar .avatar{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.zsa-ai-account-profile .zsa-ai-user-pop-avatar:has(img) .zsa-ai-avatar-fallback{display:none!important}
.zsa-ai-account-name>b{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.zsa-ai-account-follow-grid{grid-template-columns:1fr!important;gap:12px!important}
.zsa-ai-account-follow-card{width:100%!important;min-height:82px!important;height:auto!important;padding:12px 14px!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:12px!important;border-radius:18px!important;box-sizing:border-box!important}
.zsa-ai-account-follow-card>i{width:54px!important;height:54px!important}
.zsa-ai-account-follow-card>span>b{font-size:13px!important;color:#222!important}
.zsa-ai-account-follow-card>span>small{font-size:10px!important;color:#929aa3!important}
.zsa-ai-account-follow-toggle{height:32px!important;padding:0 12px!important;border:1px solid #e0e5e8!important;border-radius:999px!important;background:#f5f7f8!important;color:#7c858d!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important}
.zsa-ai-account-follow-toggle:hover{background:#fff2f2!important;border-color:#ffd0d0!important;color:#e14a4a!important}
.zsa-ai-account-recharge{background:#fff!important;color:#161a1e!important}
@media(max-width:720px){.zsa-ai-account-follow-card{grid-template-columns:48px minmax(0,1fr) auto!important;padding:10px!important}.zsa-ai-account-follow-card>i{width:48px!important;height:48px!important}.zsa-ai-account-follow-toggle{padding:0 10px!important}}

/* v2.26.46 account masonry, hidden scrollbars and mobile video autoplay support */
.zsa-ai-account-content,
.zsa-ai-materials-scroll{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.zsa-ai-account-content::-webkit-scrollbar,
.zsa-ai-materials-scroll::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.zsa-ai-account-grid{
  display:block!important;
  column-count:3!important;
  column-gap:12px!important;
  width:100%!important;
}
.zsa-ai-account-work{
  display:inline-grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  width:100%!important;
  height:auto!important;
  margin:0 0 12px!important;
  padding:6px!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  vertical-align:top!important;
  box-sizing:border-box!important;
}
.zsa-ai-account-work>i{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#eef1f3!important;
}
.zsa-ai-account-work>i img,
.zsa-ai-account-work>i video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#eef1f3!important;
}
.zsa-ai-account-work>span{
  padding:7px 3px 3px!important;
}
.zsa-ai-account-work.is-video>i{position:relative!important}
.zsa-ai-account-work .zsa-ai-video-play{z-index:3!important}
.zsa-ai-material-media video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:120px!important;
  object-fit:contain!important;
  background:#101214!important;
}
.zsa-ai-material-card.is-video .zsa-ai-material-media{background:#101214!important}
@media(max-width:720px){
  .zsa-ai-account-grid{column-count:2!important;column-gap:8px!important}
  .zsa-ai-account-work{margin-bottom:8px!important;padding:5px!important;border-radius:14px!important}
  .zsa-ai-account-work>i{border-radius:10px!important}
  .zsa-ai-account-work>span>b{font-size:11px!important}
  .zsa-ai-account-work>span>small{font-size:9px!important}
}


/* v2.26.47 sharper work media + flat mobile applications */
/* Keep work-card geometry unchanged, but stop small source images being enlarged and softened. */
.zsa-ai-works-fan-card>div,
.zsa-ai-public-work-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f3f5f6!important;
}
.zsa-ai-works-fan-card>div>img,
.zsa-ai-public-work-media>img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:96%!important;
  max-height:96%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  image-rendering:auto!important;
}
.zsa-ai-works-fan-card:hover>div>img,
.zsa-ai-public-work-card:hover .zsa-ai-public-work-media>img,
.zsa-ai-public-work-card:focus-visible .zsa-ai-public-work-media>img{
  transform:none!important;
  filter:none!important;
}

@media(max-width:720px){
  /* /apps mobile: replace the three-slot half-fan with a true flat horizontal strip. */
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-viewport{
    width:100vw!important;
    max-width:100vw!important;
    height:270px!important;
    min-height:270px!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 0 14px!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:12px!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-viewport::-webkit-scrollbar{display:none!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-track{
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    width:max-content!important;
    max-width:none!important;
    height:252px!important;
    min-height:252px!important;
    padding:0 12px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card:focus-visible,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card.is-active{
    position:relative!important;
    left:auto!important;
    top:0!important;
    flex:0 0 clamp(250px,72vw,292px)!important;
    width:clamp(250px,72vw,292px)!important;
    min-width:250px!important;
    max-width:292px!important;
    height:248px!important;
    max-height:248px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    rotate:0deg!important;
    filter:none!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    box-shadow:0 8px 22px rgba(15,23,42,.09)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card.is-active{
    box-shadow:0 8px 22px rgba(15,23,42,.09)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-nav{display:none!important}

  /* Leave breathing room between the flat featured strip and the cards below. */
  .zsa-ai-applications-panel .zsa-ai-app-market-content{
    margin-top:12px!important;
    padding-top:0!important;
  }
  .zsa-ai-applications-panel .zsa-ai-market-role-tabs{margin-bottom:20px!important}
  .zsa-ai-applications-panel .zsa-ai-market-sections{gap:34px!important}
  .zsa-ai-applications-panel .zsa-ai-market-grid{
    gap:16px!important;
    row-gap:16px!important;
  }
}


/* v2.26.48 public work fill + mobile centered peeking apps */
/* 1) Public work cards should be edge-to-edge again, without inner padding/borders around the artwork. */
.zsa-ai-public-work-media{
  display:block!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:transparent!important;
}
.zsa-ai-public-work-media>img,
.zsa-ai-public-work-media>video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
.zsa-ai-public-work-card:hover .zsa-ai-public-work-media>img,
.zsa-ai-public-work-card:focus-visible .zsa-ai-public-work-media>img{
  transform:scale(1.025)!important;
}

@media(max-width:720px){
  /* 2) Mobile /apps hero: centered main card with visible side peeks, but keep the layout flat (no fan tilt). */
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-viewport{
    --zsa-app-mobile-card-width:clamp(248px,72vw,292px)!important;
    width:100vw!important;
    max-width:100vw!important;
    height:270px!important;
    min-height:270px!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 0 14px!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:50vw!important;
    scroll-padding-right:50vw!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-viewport::-webkit-scrollbar{display:none!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-track{
    position:relative!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:12px!important;
    width:max-content!important;
    max-width:none!important;
    height:252px!important;
    min-height:252px!important;
    padding-left:max(12px,calc(50vw - (var(--zsa-app-mobile-card-width) / 2)))!important;
    padding-right:max(12px,calc(50vw - (var(--zsa-app-mobile-card-width) / 2)))!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card:focus-visible,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-arc-card.is-active{
    position:relative!important;
    left:auto!important;
    top:0!important;
    flex:0 0 var(--zsa-app-mobile-card-width)!important;
    width:var(--zsa-app-mobile-card-width)!important;
    min-width:var(--zsa-app-mobile-card-width)!important;
    max-width:var(--zsa-app-mobile-card-width)!important;
    height:248px!important;
    max-height:248px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    rotate:0deg!important;
    filter:none!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    box-shadow:0 8px 22px rgba(15,23,42,.09)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-flat .zsa-ai-app-carousel-nav{display:none!important}
}

/* v2.26.49 mobile carousel, work detail tabs/share polish, stable viewport and uniform grids */
/* Uniform page grid rhythm on desktop and mobile. */
.zsa-ai-panel,
.zsa-ai-app-market-v2,
.zsa-ai-model-market,
.zsa-ai-works-market,
.zsa-ai-image-stage,
.zsa-ai-chat-shell,
.zsa-ai-workflow-market-hero{
  background-size:30px 30px!important;
  background-position:0 0!important;
}

/* Public work cards: artwork reaches every edge of the media area; no inner frame. */
.zsa-ai-public-work-card{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  border:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.zsa-ai-public-work-card:hover,
.zsa-ai-public-work-card:focus-visible{border:0!important}
.zsa-ai-public-work-media{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
}
.zsa-ai-public-work-media>img,
.zsa-ai-public-work-media>video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Keep author avatars inside the footer instead of pulling them past the left edge. */
.zsa-ai-model-work-author,
.zsa-ai-work-related-card footer>.is-author,
.zsa-ai-public-work-card footer>.is-author{
  overflow:visible!important;
  padding-left:1px!important;
}
.zsa-ai-model-work-author img,
.zsa-ai-work-related-card footer>.is-author img,
.zsa-ai-public-work-card footer>.is-author img{
  margin-left:-22px!important;
}

/* All remix labels are black and never wrap. */
.zsa-ai-model-work-media>button,
.zsa-ai-app-work-image>span,
.zsa-ai-public-work-media>button,
.zsa-ai-work-related-card>div>.zsa-ai-work-related-remix,
.zsa-ai-works-fan-card>div>b{
  color:#111!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
}

/* Work-detail tabs are actual interactive panels. */
[data-ai-detail-work-panel][hidden]{display:none!important}
.zsa-ai-work-recommend{position:relative!important;z-index:20!important;pointer-events:auto!important}
.zsa-ai-work-tabs{position:relative!important;z-index:22!important;pointer-events:auto!important}
.zsa-ai-work-tabs button{position:relative!important;z-index:23!important;pointer-events:auto!important;touch-action:manipulation!important}
.zsa-ai-work-related-grid.is-active{display:grid!important}

@media(max-width:720px){
  /* Lock the workspace to the device viewport and prevent accidental horizontal/page-scale drift. */
  html.zsa-ai-workspace-active,
  body.zsa-ai-workspace-active,
  body.zsa-ai-workspace-standalone{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
  }
  .zsa-ai-app,
  .zsa-ai-main,
  .zsa-ai-panel,
  #zsa-ai-standalone-root{
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-app{overflow:visible!important;overflow-x:clip!important}
  .zsa-ai-main{overflow-x:clip!important}
  .zsa-ai-panel{overflow-x:clip!important}

  /* 16px inputs prevent iOS from zooming the page when a field receives focus. */
  .zsa-ai-app input:not([type="checkbox"]):not([type="radio"]),
  .zsa-ai-app textarea,
  .zsa-ai-app select{font-size:16px!important}

  /* Top workspace navigation hides while scrolling down and returns when scrolling up. */
  .zsa-ai-topbar{
    position:sticky!important;
    top:0!important;
    z-index:10050!important;
    transform:translate3d(0,0,0)!important;
    transition:transform .22s ease!important;
    will-change:transform!important;
  }
  .zsa-ai-topbar.is-scroll-hidden{
    transform:translate3d(0,-105%,0)!important;
    pointer-events:none!important;
  }

  /* /apps: fixed three-slot geometry. Center card is exact center; adjacent cards peek equally. */
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-carousel-viewport{
    width:100vw!important;
    max-width:100vw!important;
    height:270px!important;
    min-height:270px!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot{
    position:relative!important;
    margin-top:14px!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-carousel-viewport{
    position:relative!important;
    padding:0!important;
    touch-action:pan-y!important;
    cursor:default!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-carousel-track{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    height:260px!important;
    min-height:260px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card:focus-visible{
    position:absolute!important;
    left:50%!important;
    top:4px!important;
    width:clamp(248px,72vw,292px)!important;
    min-width:clamp(248px,72vw,292px)!important;
    max-width:clamp(248px,72vw,292px)!important;
    height:248px!important;
    max-height:248px!important;
    border-radius:18px!important;
    border:1px solid rgba(15,23,42,.10)!important;
    background:#fff!important;
    overflow:hidden!important;
    transform:translate3d(calc(-50% + var(--arc-x)),0,0) rotate(0deg) scale(1)!important;
    transform-origin:center center!important;
    transition:transform .28s cubic-bezier(.22,.8,.23,1),opacity .22s ease!important;
    box-shadow:0 8px 22px rgba(15,23,42,.09)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card.is-active{
    box-shadow:0 14px 30px rgba(15,23,42,.15)!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-cover{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    flex:0 0 auto!important;
    overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-cover-media{
    width:100%!important;height:100%!important;display:block!important;object-fit:cover!important
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-body,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card:hover .zsa-ai-app-arc-body{
    height:84px!important;min-height:84px!important;max-height:84px!important;
    padding:10px 12px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;
    align-items:center!important;gap:9px!important;overflow:hidden!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-body>i{
    width:36px!important;height:36px!important;min-width:36px!important;opacity:1!important;visibility:visible!important
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-body>div{min-width:0!important;padding-right:0!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-body b{
    margin:0!important;font-size:16px!important;line-height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-body small{
    display:block!important;height:20px!important;max-height:20px!important;margin-top:3px!important;
    font-size:12px!important;line-height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-try{
    width:auto!important;min-width:82px!important;height:40px!important;padding:0 14px!important;
    display:none!important;border-radius:22px!important;background:#353535!important;color:#fff!important;
    font-size:13px!important;font-weight:800!important;line-height:40px!important;white-space:nowrap!important
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card.is-active .zsa-ai-app-arc-try{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important
  }
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card.is-left-slot .zsa-ai-app-arc-try,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card.is-right-slot .zsa-ai-app-arc-try{display:none!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-carousel-nav{display:none!important}

  /* Work market cards remain entirely inside their columns on touch devices. */
  .zsa-ai-public-works-grid{align-items:start!important;overflow:visible!important}
  .zsa-ai-public-work-card,
  .zsa-ai-public-work-card:hover,
  .zsa-ai-public-work-card:focus-visible{
    width:100%!important;max-width:100%!important;margin:0!important;transform:none!important;box-sizing:border-box!important
  }
  .zsa-ai-public-work-card footer{box-sizing:border-box!important;overflow:visible!important;padding-left:10px!important;padding-right:10px!important}
  .zsa-ai-public-work-card footer>.is-author{min-width:0!important;max-width:calc(100% - 40px)!important}

  /* One-line remix CTA on all mobile work cards. */
  .zsa-ai-public-work-media>button,
  .zsa-ai-work-related-card>div>.zsa-ai-work-related-remix,
  .zsa-ai-model-work-media>button{
    min-width:76px!important;
    max-width:calc(100% - 20px)!important;
    padding-left:11px!important;
    padding-right:11px!important;
    font-size:11px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Work detail recommendation tabs: visible, clickable and fixed to one row. */
  .zsa-ai-work-recommend{width:100%!important;margin-top:18px!important;overflow:visible!important}
  .zsa-ai-work-tabs{
    width:100%!important;
    max-width:420px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2px!important;
    padding:4px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-work-tabs button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 5px!important;
    font-size:12px!important;
    line-height:36px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .zsa-ai-work-related-grid{width:100%!important;margin-top:14px!important;gap:12px!important}
  .zsa-ai-work-related-card{width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
/* v2.26.49 author avatar inset correction: keep fallback under the real avatar, then move the pair inward. */
.zsa-ai-model-work-author,
.zsa-ai-work-related-card footer>.is-author,
.zsa-ai-public-work-card footer>.is-author{padding-left:6px!important}
.zsa-ai-model-work-author img,
.zsa-ai-work-related-card footer>.is-author img,
.zsa-ai-public-work-card footer>.is-author img{margin-left:-28px!important}


/* v2.26.50 mobile video-card polish, bounce lock, work-detail mobile header, tighter app peeks */
/* Works hero uses the same title-frame language as the applications hero. */
.zsa-ai-works-hero .zsa-ai-model-title-frame{
  border:1px solid #8fe91e!important;
  background:rgba(255,255,255,.52)!important;
  backdrop-filter:blur(5px)!important;
}

@media(max-width:720px){
  /* Prevent the iOS overscroll black gap and keep the page background stable. */
  html.zsa-ai-workspace-active,
  body.zsa-ai-workspace-active,
  body.zsa-ai-workspace-standalone,
  #zsa-ai-standalone-root,
  .zsa-ai-app,
  .zsa-ai-main,
  .zsa-ai-panel,
  .zsa-ai-panel.is-active{
    min-height:100dvh!important;
    background-color:#f7f8fa!important;
    overscroll-behavior-y:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Mobile preview video cards autoplay when visible, so hide the play glyph overlays. */
  .zsa-ai-public-work-card .zsa-ai-video-play,
  .zsa-ai-work-related-card .zsa-ai-video-play,
  .zsa-ai-model-work-card .zsa-ai-video-play,
  .zsa-ai-app-work-card .zsa-ai-video-play,
  .zsa-ai-favorite-card .zsa-ai-video-play,
  .zsa-ai-material-card .zsa-ai-video-play,
  .zsa-ai-works-fan-card .zsa-ai-video-play,
  .zsa-ai-app-arc-card .zsa-ai-video-play,
  .zsa-ai-model-arc-card .zsa-ai-video-play{display:none!important}

  /* Welcome frame width should match the composer/search width on mobile. */
  .zsa-ai-app-market-title-frame,
  .zsa-ai-works-hero .zsa-ai-model-title-frame,
  .zsa-ai-model-title-frame{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:22px 14px 20px!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-app-market-composer,
  .zsa-ai-works-search,
  .zsa-ai-model-composer{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    box-sizing:border-box!important;
  }

  /* Applications hero cards: bring the side cards a little closer. */
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-carousel-viewport{height:266px!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-carousel-track{height:256px!important}
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card:hover,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card.is-hovered,
  .zsa-ai-applications-panel .zsa-ai-app-carousel.is-mobile-three-slot .zsa-ai-app-arc-card:focus-visible{top:6px!important}

  /* Work-detail mobile head: title first row, author row below, black follow button at the end. */
  .zsa-ai-work-detail-header{
    position:sticky!important;
    top:0!important;
    z-index:10030!important;
    padding:10px 0 8px!important;
    min-height:auto!important;
  }
  .zsa-ai-work-detail-head-left{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
  }
  .zsa-ai-work-back{order:1!important;flex:0 0 auto!important}
  .zsa-ai-work-title-group{order:2!important;flex:1 1 calc(100% - 46px)!important;min-width:0!important}
  .zsa-ai-work-title-group b{max-width:none!important;font-size:16px!important}
  .zsa-ai-work-author{
    order:3!important;
    width:100%!important;
    max-width:none!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding-left:42px!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-work-author img{margin-left:-22px!important}
  .zsa-ai-work-author .zsa-ai-work-author-name{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .zsa-ai-work-author .zsa-ai-theme-follow-btn{
    margin-left:auto!important;
    height:30px!important;
    padding:0 12px!important;
    border-radius:15px!important;
    border-color:#111!important;
    background:#111!important;
    color:#fff!important;
    flex:0 0 auto!important;
  }
  .zsa-ai-work-author .zsa-ai-theme-follow-btn.is-following{
    border-color:#111!important;
    background:#111!important;
    color:#fff!important;
    opacity:.76!important;
  }
}


/* v2.26.51 mobile work recommendation precision + layout correction */
@media(max-width:720px){
  /* Work detail header: fixed two-row grid, so back/title/age and author/follow never wrap into the wrong columns. */
  .zsa-ai-work-detail-header{padding:9px 10px 10px!important;background:rgba(255,255,255,.97)!important}
  .zsa-ai-work-detail-head-left{
    width:100%!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-areas:"back title" "empty author"!important;
    column-gap:10px!important;
    row-gap:8px!important;
    align-items:center!important;
  }
  .zsa-ai-work-back{grid-area:back!important;width:38px!important;height:38px!important;margin:0!important;align-self:center!important}
  .zsa-ai-work-title-group{grid-area:title!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  .zsa-ai-work-title-group b{min-width:0!important;max-width:none!important;flex:1!important;font-size:16px!important;line-height:22px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .zsa-ai-work-title-group span{flex:0 0 auto!important;padding:4px 8px!important;font-size:11px!important}
  .zsa-ai-work-author{
    grid-area:author!important;
    width:100%!important;max-width:none!important;
    display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:8px!important;align-items:center!important;padding:0!important;margin:0!important;
  }
  .zsa-ai-work-author>i{grid-column:1!important;grid-row:1!important;margin:0!important}
  .zsa-ai-work-author>img{grid-column:1!important;grid-row:1!important;margin:0!important;width:28px!important;height:28px!important;z-index:2!important}
  .zsa-ai-work-author .zsa-ai-work-author-name{grid-column:2!important;min-width:0!important;font-size:13px!important;font-weight:800!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .zsa-ai-work-author .zsa-ai-theme-follow-btn{grid-column:3!important;margin:0!important;min-width:62px!important;height:32px!important;padding:0 15px!important;border-radius:17px!important;background:#111!important;color:#fff!important;border-color:#111!important}

  /* Related work cards use the same + remix treatment used elsewhere and remain compact. */
  .zsa-ai-work-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}
  .zsa-ai-work-related-card{border-radius:15px!important;overflow:hidden!important;transform:none!important}
  .zsa-ai-work-related-card>div{aspect-ratio:1/1!important;background:#f3f5f6!important}
  .zsa-ai-work-related-card>div>img,
  .zsa-ai-work-related-card>div>video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important}
  .zsa-ai-work-related-card>div>.zsa-ai-work-related-remix{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:82px!important;height:34px!important;padding:0 12px!important;
    border-radius:18px!important;background:#84e51a!important;color:#111!important;
    font-size:11px!important;font-weight:900!important;line-height:34px!important;white-space:nowrap!important;
  }
  .zsa-ai-work-related-card footer{height:44px!important;min-height:44px!important;padding:0 9px!important}

  /* Works market featured cards: show the full source artwork and remove the oversized blank band below the fan. */
  .zsa-ai-works-hero{min-height:0!important;padding-bottom:14px!important;overflow:hidden!important}
  .zsa-ai-works-fan{height:244px!important;margin-top:10px!important}
  .zsa-ai-works-fan-track{height:244px!important}
  .zsa-ai-works-fan-card{width:clamp(238px,66vw,284px)!important;min-width:238px!important;max-width:284px!important;height:226px!important;top:4px!important}
  .zsa-ai-works-fan-card>div{height:182px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .zsa-ai-works-fan-card>div>img,
  .zsa-ai-works-fan-card>div>video{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important;background:#fff!important}
  .zsa-ai-works-fan-card footer{height:44px!important;min-height:44px!important;padding:0 10px!important}
  .zsa-ai-works-content{margin-top:4px!important}

  /* App title frame: reserve enough right/left gutter for the green resize handles. */
  .zsa-ai-applications-panel .zsa-ai-app-market-title-frame{
    position:relative!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:calc(100vw - 40px)!important;max-width:calc(100vw - 40px)!important;
    margin-left:0!important;margin-right:0!important;overflow:visible!important;
  }
  .zsa-ai-applications-panel .zsa-ai-app-market-hero{overflow:visible!important}
  .zsa-ai-applications-panel .zsa-ai-app-market-v2{overflow-x:hidden!important}
}


/* v2.26.52 mobile work fan fill + touch remix + scroll-aware unified composer */
/* Featured work cards keep their geometry; the media alone fills the frame. */
.zsa-ai-works-fan-card>div{background:#eef1f3!important}
.zsa-ai-works-fan-card>div>img,
.zsa-ai-works-fan-card>div>video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  background:transparent!important;
}

/* Ordinary unified composer follows the page instead of being permanently docked. */
.zsa-ai-unified-host.is-scroll-follow-composer:not(.is-generate){
  position:sticky!important;
  top:76px!important;
  z-index:10020!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
  transition:opacity .16s ease,transform .18s ease,visibility .16s ease!important;
  will-change:opacity,transform!important;
}
html.zsa-ai-composer-scroll-down .zsa-ai-unified-host.is-scroll-follow-composer:not(.is-generate){
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(0,18px,0)!important;
  pointer-events:none!important;
}
/* Generate page remains the existing fixed-bottom composer. */
.zsa-ai-generation-composer-dock .zsa-ai-unified-host.is-generate{
  position:relative!important;
  top:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

@media(max-width:720px){
  .zsa-ai-unified-host.is-scroll-follow-composer:not(.is-generate){top:66px!important}
  .zsa-ai-works-fan-card>div{background:#eef1f3!important}
  .zsa-ai-works-fan-card>div>img,
  .zsa-ai-works-fan-card>div>video{object-fit:cover!important;background:transparent!important}

  /* Touch once to reveal the same remix affordance used elsewhere; second tap follows the work link. */
  .zsa-ai-works-fan-card>div>b{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:0!important;
    visibility:hidden!important;
    min-width:88px!important;
    height:36px!important;
    padding:0 14px!important;
    border-radius:18px!important;
    background:#84e51a!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    white-space:nowrap!important;
    transform:translate(-50%,-45%)!important;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
    pointer-events:none!important;
  }
  .zsa-ai-works-fan-card.is-remix-visible>div>b,
  .zsa-ai-works-fan-card:focus-visible>div>b{
    opacity:1!important;
    visibility:visible!important;
    transform:translate(-50%,-50%)!important;
  }
}


/* v2.26.53 two-stage composer: original position at top, floating bottom overlay only after it scrolls away */
/* Cancel the previous sticky-follow behavior. In its original section the composer is normal flow and never fades. */
.zsa-ai-unified-host.is-scroll-follow-composer:not(.is-generate),
.zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating){
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
html.zsa-ai-composer-scroll-down .zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating){
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
.zsa-ai-unified-scroll-anchor{
  display:block!important;
  width:100%!important;
  height:0;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  pointer-events:none!important;
}
/* Once the original composer has completely left the top, reuse the same live composer as an overlay above page bottom. */
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:24px!important;
  width:min(var(--zsa-ai-composer-width,760px),calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  margin:0!important;
  z-index:2147481200!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(-50%,0,0)!important;
  transition:opacity .15s ease,transform .18s ease,visibility .15s ease!important;
  pointer-events:auto!important;
  will-change:opacity,transform!important;
}
/* While the user is actually scrolling, only the floating copy hides; the original top composer is untouched. */
html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(-50%,18px,0)!important;
  pointer-events:none!important;
}
/* Generate route remains the existing fixed-bottom generation dock and never enters this two-stage behavior. */
.zsa-ai-generation-composer-dock .zsa-ai-unified-host.is-generate{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
@media(max-width:720px){
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))!important;
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    margin:0!important;
  }
}


/* v2.26.54 floating composer portal: full component above cards, menus belong to bottom composer */
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:auto!important;
  bottom:24px!important;
  width:min(var(--zsa-ai-composer-width,760px),calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  margin:0 auto!important;
  z-index:2147483000!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  isolation:isolate!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-composer{
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
}
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-menu.is-fixed-menu{
  z-index:2147483600!important;
}
html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(0,18px,0)!important;
  pointer-events:none!important;
}
@media(max-width:720px){
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    left:9px!important;
    right:9px!important;
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
  }
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-menu.is-fixed-menu{
    max-width:calc(100vw - 18px)!important;
  }
}


/* v2.26.55 floating composer controls + AI home content hub */
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate){z-index:2147483300!important;overflow:visible!important}
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-composer{overflow:visible!important;isolation:isolate!important}
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-menu.is-open,
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-menu.is-fixed-menu{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2147483640!important}

.zsa-ai-home-stage{padding-bottom:90px!important}
.zsa-ai-home-hub{position:relative;z-index:3;width:min(1180px,calc(100% - 44px));margin:18px auto 0;display:grid;gap:42px}
.zsa-ai-home-app-switch{display:grid;gap:12px}
.zsa-ai-home-switch-app{width:100%;min-height:54px;padding:0 18px;border:1px solid #dfe4e7;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.zsa-ai-home-switch-app b{font-size:17px}.zsa-ai-home-switch-app span{color:#7d858e;font-size:12px}
.zsa-ai-home-category-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 0 3px}.zsa-ai-home-category-strip::-webkit-scrollbar{display:none}
.zsa-ai-home-category-strip button{height:36px;padding:0 14px;border:1px solid #e2e5e8;border-radius:18px;background:#fff;color:#69717a;white-space:nowrap;cursor:pointer}.zsa-ai-home-category-strip button.is-active{background:#111;color:#fff;border-color:#111;font-weight:800}
.zsa-ai-home-section{display:grid;gap:15px}.zsa-ai-home-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.zsa-ai-home-section>header h2{margin:0;font-size:25px}.zsa-ai-home-section>header p{margin:5px 0 0;color:#8a9199;font-size:12px}.zsa-ai-home-section>header>button{height:36px;padding:0 14px;border:1px solid #dfe4e8;border-radius:18px;background:#fff;cursor:pointer;font-weight:800;white-space:nowrap}
.zsa-ai-home-model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.zsa-ai-home-model-card{min-width:0;min-height:78px;padding:10px;border:1px solid #e0e4e7;border-radius:15px;background:#fff;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.18s}.zsa-ai-home-model-card:hover{transform:translateY(-2px);border-color:#a8df6b;box-shadow:0 10px 24px rgba(15,23,42,.08)}.zsa-ai-home-model-card.is-disabled{opacity:.55}.zsa-ai-home-model-card>i{width:44px;height:44px;border-radius:12px;background:#eef5ff;display:grid;place-items:center;overflow:hidden;font-style:normal;font-weight:900}.zsa-ai-home-model-card>i img{width:100%;height:100%;object-fit:cover}.zsa-ai-home-model-card>span{min-width:0;display:grid;gap:4px}.zsa-ai-home-model-card b,.zsa-ai-home-model-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-home-model-card b{font-size:13px}.zsa-ai-home-model-card small{font-size:10px;color:#8e959d}
.zsa-ai-home-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.zsa-ai-home-module-grid>button{min-height:86px;padding:12px;border:1px solid #e1e5e8;border-radius:16px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;text-align:left;cursor:pointer}.zsa-ai-home-module-grid>button>i{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#e7f6ff,#eefbe2);display:grid;place-items:center;font-style:normal;font-weight:900}.zsa-ai-home-module-grid span{min-width:0;display:grid;gap:4px}.zsa-ai-home-module-grid b{font-size:14px}.zsa-ai-home-module-grid small{color:#8c949c;font-size:10px}
.zsa-ai-home-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.zsa-ai-home-workflow-grid>button{min-height:126px;padding:15px;border:1px solid #e1e5e8;border-radius:18px;background:linear-gradient(145deg,#fff,#f6f8fa);display:grid;align-content:start;gap:7px;text-align:left;cursor:pointer}.zsa-ai-home-workflow-grid>button>i{width:34px;height:25px;border-radius:13px;background:#111;color:#fff;display:grid;place-items:center;font-size:10px;font-style:normal}.zsa-ai-home-workflow-grid b{margin-top:10px;font-size:15px}.zsa-ai-home-workflow-grid small{color:#8d949c;font-size:11px}
.zsa-ai-home-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.zsa-ai-home-app-card{min-width:0;min-height:78px;padding:10px 12px;border:1px solid #e0e4e7;border-radius:15px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;text-align:left;cursor:pointer}.zsa-ai-home-app-card[hidden]{display:none!important}.zsa-ai-home-app-card>i{width:48px;height:48px;border-radius:13px;background:#eef8ff;display:grid;place-items:center;overflow:hidden}.zsa-ai-home-app-card>i img,.zsa-ai-home-app-card>i svg{width:100%;height:100%;object-fit:contain}.zsa-ai-home-app-card>span{min-width:0;display:grid;gap:4px}.zsa-ai-home-app-card b,.zsa-ai-home-app-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-home-app-card small{color:#8b939b;font-size:10px}.zsa-ai-home-app-empty{padding:30px;text-align:center;color:#9198a0}
.zsa-ai-home-community-grid{column-count:4;column-gap:12px;width:100%}.zsa-ai-home-community-card{display:inline-grid;width:100%;margin:0 0 12px;border:1px solid #e1e5e8;border-radius:17px;background:#fff;overflow:hidden;color:#111;text-decoration:none;break-inside:avoid;box-sizing:border-box}.zsa-ai-home-community-media{position:relative;background:#f0f2f4;overflow:hidden}.zsa-ai-home-community-media img,.zsa-ai-home-community-media video{display:block;width:100%;height:auto;min-height:150px;object-fit:cover}.zsa-ai-home-community-media>span{position:absolute;left:9px;top:9px;padding:4px 7px;border-radius:9px;background:rgba(17,17,17,.72);color:#fff;font-size:10px;font-weight:900}.zsa-ai-home-community-card footer{min-height:58px;padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}.zsa-ai-home-community-card footer>b{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zsa-ai-home-community-card footer>span{min-width:0;display:flex;align-items:center;gap:6px;color:#7d858e}.zsa-ai-home-community-card footer>span i,.zsa-ai-home-community-card footer>span img{width:20px;height:20px;border-radius:50%;flex:0 0 20px;object-fit:cover}.zsa-ai-home-community-card footer>span img{margin-left:-26px}.zsa-ai-home-community-card footer>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.zsa-ai-home-community-card footer>em{font-style:normal;color:#757d86;font-size:10px;white-space:nowrap}.zsa-ai-home-community-loading,.zsa-ai-home-community-end{padding:16px;text-align:center;color:#969da4;font-size:12px}.zsa-ai-home-community-sentinel{height:2px}
@media(max-width:1180px){.zsa-ai-home-model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.zsa-ai-home-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.zsa-ai-home-community-grid{column-count:3}}
@media(max-width:720px){.zsa-ai-home-hub{width:calc(100vw - 18px);margin-top:14px;gap:30px}.zsa-ai-home-section>header{align-items:center}.zsa-ai-home-section>header h2{font-size:20px}.zsa-ai-home-section>header p{font-size:10px;line-height:1.5}.zsa-ai-home-section>header>button{height:32px;padding:0 11px;font-size:10px}.zsa-ai-home-switch-app{min-height:50px;border-radius:16px}.zsa-ai-home-model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zsa-ai-home-model-card{min-height:70px;padding:8px;grid-template-columns:40px minmax(0,1fr)}.zsa-ai-home-model-card>i{width:40px;height:40px}.zsa-ai-home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zsa-ai-home-module-grid>button{min-height:76px;padding:9px;grid-template-columns:38px minmax(0,1fr)}.zsa-ai-home-module-grid>button>i{width:38px;height:38px}.zsa-ai-home-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zsa-ai-home-workflow-grid>button{min-height:108px;padding:12px}.zsa-ai-home-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.zsa-ai-home-app-card{min-height:68px;padding:8px;grid-template-columns:40px minmax(0,1fr)}.zsa-ai-home-app-card>i{width:40px;height:40px}.zsa-ai-home-community-grid{column-count:2;column-gap:8px}.zsa-ai-home-community-card{margin-bottom:8px;border-radius:14px}.zsa-ai-home-community-card footer{min-height:52px;padding:7px 8px}}


/* v2.26.56 Agent mode + body-portal unified composer menus */
.zsa-ai-unified-menu.is-unified-menu-portal{
  position:fixed!important;
  z-index:2147483646!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  transform:none!important;
}
.zsa-ai-unified-menu.is-unified-menu-portal.is-open{display:grid!important}
.zsa-ai-unified-composer.is-agent .zsa-ai-unified-kind{
  background:#eef5ff!important;
  color:#2359b5!important;
}
.zsa-ai-unified-composer.is-agent .zsa-ai-unified-kind i{color:#2359b5!important}
.zsa-ai-unified-composer.is-agent [data-ai-unified-model-toggle]{font-weight:800!important}
.zsa-ai-work-detail-panel .zsa-ai-unified-menu.is-fixed-menu,
.zsa-ai-work-detail-panel .zsa-ai-unified-menu.is-open{z-index:2147483646!important}

/* v2.26.58 Agent standalone page */
.zsa-ai-agent-panel .zsa-ai-agent-stage{position:relative;padding:10px 0 28px}
.zsa-ai-agent-panel .zsa-ai-agent-hero{max-width:720px;margin:12px auto 18px;text-align:center}
.zsa-ai-agent-panel .zsa-ai-agent-composer-anchor{position:relative;z-index:4;max-width:820px;margin:0 auto 20px;padding:0 12px}
.zsa-ai-agent-panel .zsa-ai-agent-model-bar{display:flex;justify-content:flex-start;max-width:1180px;margin:0 auto 10px;padding:0 16px}
.zsa-ai-agent-panel .zsa-ai-agent-model-pill{border:1px solid #dbe2d8;background:#fff;border-radius:999px;padding:10px 18px;font-weight:800;box-shadow:0 10px 24px rgba(16,24,40,.08)}
.zsa-ai-agent-panel .zsa-ai-agent-model-pill.is-active{border-color:#d7ef9f;box-shadow:0 12px 30px rgba(164,214,46,.18)}
.zsa-ai-agent-panel .is-agent-community{max-width:1180px;margin:0 auto;padding:0 16px}
.zsa-ai-agent-panel .zsa-ai-agent-community-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.zsa-ai-agent-panel .zsa-ai-unified-host.is-agent{margin-bottom:0}
@media (max-width:720px){
 .zsa-ai-agent-panel .zsa-ai-agent-stage{padding-top:4px}
 .zsa-ai-agent-panel .zsa-ai-agent-hero{margin:6px 12px 16px}
 .zsa-ai-agent-panel .zsa-ai-agent-model-bar{padding:0 12px}
 .zsa-ai-agent-panel .zsa-ai-agent-model-pill{padding:9px 16px;font-size:14px}
 .zsa-ai-agent-panel .zsa-ai-agent-composer-anchor{padding:0 2px}
}


.zsa-ai-agent-panel .zsa-ai-agent-hero-poster{position:relative;max-width:780px;margin:12px auto 22px;padding:24px 28px 26px;border-radius:28px;background:linear-gradient(135deg,#eef8ff 0%,#fff7ef 48%,#f6fbe8 100%);box-shadow:0 26px 60px rgba(25,42,70,.12);display:flex;gap:18px;align-items:flex-start;border:1px solid rgba(255,255,255,.75);overflow:hidden}
.zsa-ai-agent-panel .zsa-ai-agent-hero-poster:before{content:'';position:absolute;inset:auto -60px -80px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at center,rgba(164,214,46,.24),rgba(164,214,46,0));pointer-events:none}
.zsa-ai-agent-panel .zsa-ai-agent-hero-badge{flex:0 0 auto;min-width:72px;height:36px;padding:0 14px;border-radius:999px;background:#2c2f36;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(44,47,54,.2)}
.zsa-ai-agent-panel .zsa-ai-agent-hero-copy{position:relative;z-index:1;text-align:left}
.zsa-ai-agent-panel .zsa-ai-agent-hero-copy small{display:inline-block;margin-bottom:8px;font-size:13px;color:#7b8aa0;letter-spacing:.08em}
.zsa-ai-agent-panel .zsa-ai-agent-hero-copy h1{margin:0;font-size:42px;line-height:1.08;color:#253041;font-weight:900}
.zsa-ai-agent-panel .zsa-ai-agent-hero-copy p{margin:12px 0 0;color:#5d697d;font-size:15px;line-height:1.75;max-width:520px}
.zsa-ai-agent-panel .zsa-ai-agent-model-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:#fff;border:1px solid #dfe7d6;box-shadow:0 14px 28px rgba(37,48,65,.08)}
.zsa-ai-agent-panel .zsa-ai-agent-model-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:28px;border-radius:999px;background:linear-gradient(135deg,#2f3239,#464b55);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em}
.zsa-ai-agent-panel .zsa-ai-agent-model-pill strong{font-size:16px;color:#223045}
.zsa-ai-agent-panel .is-agent-community header{align-items:flex-end}
.zsa-ai-agent-panel .zsa-ai-agent-community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.zsa-ai-agent-panel .zsa-ai-home-community-card{border-radius:24px;overflow:hidden;box-shadow:0 18px 38px rgba(20,30,48,.1);background:#fff;border:1px solid rgba(221,230,236,.92)}
.zsa-ai-agent-panel .zsa-ai-home-community-media{aspect-ratio:3/4;background:linear-gradient(180deg,#f7fafc,#eef3f9)}
.zsa-ai-agent-panel .zsa-ai-home-community-media span{top:14px;left:14px;right:auto;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:800;background:rgba(44,47,54,.88);color:#fff}
.zsa-ai-agent-panel .zsa-ai-home-community-card footer{padding:14px 14px 16px}
.zsa-ai-generation-progress-card.is-agent-planning strong{color:#253041}
.zsa-ai-generation-progress-card.is-agent-planning{background:linear-gradient(135deg,#f5fbff 0%,#fff8f1 48%,#f5fce9 100%);border-color:#dce9f5}
@media (max-width:767px){
 .zsa-ai-agent-panel .zsa-ai-agent-hero-poster{padding:18px 18px 20px;gap:12px;border-radius:22px}
 .zsa-ai-agent-panel .zsa-ai-agent-hero-copy h1{font-size:28px}
 .zsa-ai-agent-panel .zsa-ai-agent-hero-copy p{font-size:14px}
 .zsa-ai-agent-panel .zsa-ai-agent-community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

/* v2.26.59 Agent reference UI + exact centered unified composer */
.zsa-ai-agent-panel{position:relative;overflow:hidden!important}
.zsa-ai-agent-panel .zsa-ai-agent-stage{position:relative;min-height:calc(100vh - 70px);padding:28px 0 80px;isolation:isolate}
.zsa-ai-agent-panel .zsa-ai-agent-decor{position:absolute;z-index:-1;inset:0 0 auto;height:430px;overflow:hidden;pointer-events:none}
.zsa-ai-agent-panel .zsa-ai-agent-decor i{position:absolute;display:block;opacity:.62;filter:blur(.2px)}
.zsa-ai-agent-panel .zsa-ai-agent-decor .is-green{width:330px;height:330px;left:-135px;top:12px;border-radius:50%;background:#b0eb4c}
.zsa-ai-agent-panel .zsa-ai-agent-decor .is-blue{width:285px;height:330px;right:-110px;top:16px;border-radius:78px;background:#95b7fb;transform:rotate(15deg)}
.zsa-ai-agent-panel .zsa-ai-agent-head{position:relative;z-index:3;width:100%;display:grid;justify-items:center;gap:18px;padding-top:8px}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame{position:relative;width:min(620px,calc(100% - 44px));min-height:126px;padding:24px 32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;background:rgba(255,255,255,.56);backdrop-filter:blur(8px)}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame:before{content:'';position:absolute;inset:0;border:1.5px solid #82e51a;pointer-events:none}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame>i{position:absolute;width:12px;height:12px;border:2px solid #82e51a;background:#fff;box-sizing:border-box;z-index:2}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame>.is-tl{left:-6px;top:-6px}.zsa-ai-agent-panel .zsa-ai-agent-title-frame>.is-tr{right:-6px;top:-6px}.zsa-ai-agent-panel .zsa-ai-agent-title-frame>.is-bl{left:-6px;bottom:-6px}.zsa-ai-agent-panel .zsa-ai-agent-title-frame>.is-br{right:-6px;bottom:-6px}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame>b{position:absolute;width:13px;height:43px;border:2px solid #82e51a;border-radius:7px;background:#fff;box-sizing:border-box;z-index:2}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame>.is-ml{left:-7px;top:50%;transform:translateY(-50%)}.zsa-ai-agent-panel .zsa-ai-agent-title-frame>.is-mr{right:-7px;top:50%;transform:translateY(-50%)}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame h1{margin:0;color:#111;font-size:36px;line-height:1.18;font-weight:900;letter-spacing:-.035em}
.zsa-ai-agent-panel .zsa-ai-agent-title-frame p{margin:10px 0 0;color:#717982;font-size:14px;line-height:1.55}
.zsa-ai-agent-panel .zsa-ai-agent-composer-anchor{position:relative;z-index:8;width:min(820px,calc(100% - 28px));max-width:820px;margin:0 auto;display:flex;justify-content:center;padding:0!important;box-sizing:border-box}
.zsa-ai-agent-panel .zsa-ai-agent-content{position:relative;z-index:2;width:min(1180px,calc(100% - 42px));margin:92px auto 0}
.zsa-ai-agent-panel .zsa-ai-agent-filter-row{display:flex;align-items:center;gap:8px;margin-bottom:34px}
.zsa-ai-agent-panel .zsa-ai-agent-filter-row button{height:38px;padding:0 17px;border:1px solid #dfe3e6;border-radius:999px;background:#fff;color:#333;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(20,30,48,.03)}
.zsa-ai-agent-panel .zsa-ai-agent-filter-row button.is-active{border-color:#d7dde1;color:#111;box-shadow:0 5px 15px rgba(15,23,42,.06)}
.zsa-ai-agent-panel .zsa-ai-agent-floor{display:grid;gap:16px}
.zsa-ai-agent-panel .zsa-ai-agent-floor>header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.zsa-ai-agent-panel .zsa-ai-agent-floor>header h2{margin:0;font-size:25px;line-height:1.2;font-weight:900;color:#111}
.zsa-ai-agent-panel .zsa-ai-agent-floor>header button{height:38px;padding:0 16px;border:1px solid #dce2e6;border-radius:999px;background:#fff;color:#111;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.zsa-ai-agent-panel .zsa-ai-agent-floor>header button span{font-size:22px;line-height:1}
.zsa-ai-agent-panel .zsa-ai-agent-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px;align-items:start}
.zsa-ai-agent-panel .zsa-ai-agent-card{min-width:0;border:1px solid #e1e4e8;border-radius:17px;background:#fff;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(15,23,42,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.zsa-ai-agent-panel .zsa-ai-agent-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.11);border-color:#d4d9de}
.zsa-ai-agent-panel .zsa-ai-agent-card-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f3f5f7}
.zsa-ai-agent-panel .zsa-ai-agent-card-media>img,.zsa-ai-agent-panel .zsa-ai-agent-card-media>video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.zsa-ai-agent-panel .zsa-ai-agent-card:hover .zsa-ai-agent-card-media>img,.zsa-ai-agent-panel .zsa-ai-agent-card:hover .zsa-ai-agent-card-media>video{transform:scale(1.018)}
.zsa-ai-agent-panel .zsa-ai-agent-card-badge{position:absolute;z-index:3;left:10px;top:10px;min-width:38px;height:23px;padding:0 8px;border-radius:8px;background:rgba(55,58,63,.88);color:#fff;font-size:11px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.zsa-ai-agent-panel .zsa-ai-agent-card-remix{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-42%);height:36px;padding:0 16px;border-radius:18px;background:#91ee21;color:#111;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;white-space:nowrap;opacity:0;visibility:hidden;transition:.18s}
.zsa-ai-agent-panel .zsa-ai-agent-card:hover .zsa-ai-agent-card-remix,.zsa-ai-agent-panel .zsa-ai-agent-card:focus-visible .zsa-ai-agent-card-remix{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
.zsa-ai-agent-panel .zsa-ai-agent-card footer{position:relative;min-height:61px;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;box-sizing:border-box}
.zsa-ai-agent-panel .zsa-ai-agent-card footer>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#202124}
.zsa-ai-agent-panel .zsa-ai-agent-card footer>em{font-style:normal;color:#7d848d;font-size:12px;white-space:nowrap}
.zsa-ai-agent-panel .zsa-ai-agent-card-author{position:absolute;left:12px;right:48px;bottom:9px;height:28px;display:flex;align-items:center;gap:6px;opacity:0;visibility:hidden;background:#fff;transition:.18s}
.zsa-ai-agent-panel .zsa-ai-agent-card-author img,.zsa-ai-agent-panel .zsa-ai-agent-card-author>i{width:22px;height:22px;border-radius:50%;object-fit:cover}
.zsa-ai-agent-panel .zsa-ai-agent-card-author small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#626a73;font-size:11px}
.zsa-ai-agent-panel .zsa-ai-agent-card:hover .zsa-ai-agent-card-author{opacity:1;visibility:visible}
.zsa-ai-agent-panel .zsa-ai-agent-card:hover footer>b{opacity:0}
.zsa-ai-agent-panel .zsa-ai-agent-coming{width:max-content;max-width:100%;margin:34px auto 0;padding:11px 22px;border:1px solid #dde2e6;border-radius:999px;background:#fff;color:#68717a;font-size:13px;font-weight:700}

/* Top composer and bottom floating composer share one exact horizontal center. */
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate){left:50%!important;right:auto!important;width:min(var(--zsa-ai-composer-width,820px),calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;margin:0!important;transform:translateX(-50%)!important;box-sizing:border-box!important}
html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){transform:translate(-50%,18px)!important}

@media(max-width:720px){
  .zsa-ai-agent-panel .zsa-ai-agent-stage{padding:22px 0 72px}
  .zsa-ai-agent-panel .zsa-ai-agent-decor{height:310px}
  .zsa-ai-agent-panel .zsa-ai-agent-decor .is-green{width:225px;height:225px;left:-112px;top:16px;opacity:.48}
  .zsa-ai-agent-panel .zsa-ai-agent-decor .is-blue{width:190px;height:230px;right:-98px;top:22px;border-radius:56px;opacity:.42}
  .zsa-ai-agent-panel .zsa-ai-agent-head{gap:16px;padding-top:5px}
  .zsa-ai-agent-panel .zsa-ai-agent-title-frame{width:calc(100vw - 32px);min-height:108px;padding:18px 17px 16px}
  .zsa-ai-agent-panel .zsa-ai-agent-title-frame h1{font-size:27px;line-height:1.18;white-space:nowrap}
  .zsa-ai-agent-panel .zsa-ai-agent-title-frame p{margin-top:8px;font-size:11px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .zsa-ai-agent-panel .zsa-ai-agent-composer-anchor{width:100vw;max-width:100vw;padding:0!important}
  .zsa-ai-agent-panel .zsa-ai-agent-content{width:calc(100vw - 24px);margin-top:78px}
  .zsa-ai-agent-panel .zsa-ai-agent-filter-row{margin-bottom:28px;overflow-x:auto;scrollbar-width:none}.zsa-ai-agent-panel .zsa-ai-agent-filter-row::-webkit-scrollbar{display:none}
  .zsa-ai-agent-panel .zsa-ai-agent-filter-row button{height:36px;padding:0 15px;white-space:nowrap}
  .zsa-ai-agent-panel .zsa-ai-agent-floor>header h2{font-size:24px}
  .zsa-ai-agent-panel .zsa-ai-agent-floor>header button{height:36px;padding:0 14px}
  .zsa-ai-agent-panel .zsa-ai-agent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .zsa-ai-agent-panel .zsa-ai-agent-card{border-radius:16px}
  .zsa-ai-agent-panel .zsa-ai-agent-card footer{min-height:58px;padding:10px 10px}
  .zsa-ai-agent-panel .zsa-ai-agent-card footer>b{font-size:14px}
  .zsa-ai-agent-panel .zsa-ai-agent-card-badge{left:9px;top:9px}
  .zsa-ai-agent-panel .zsa-ai-agent-card-remix{height:34px;padding:0 13px;font-size:12px}
  .zsa-ai-agent-panel .zsa-ai-agent-card-author{display:none!important}
  .zsa-ai-agent-panel .zsa-ai-agent-card:hover footer>b{opacity:1}

  .zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating){position:relative!important;left:50%!important;right:auto!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-width:0!important;margin-left:0!important;margin-right:0!important;transform:translateX(-50%)!important;box-sizing:border-box!important}
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){left:50%!important;right:auto!important;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;min-width:0!important;margin:0!important;transform:translateX(-50%)!important;box-sizing:border-box!important}
  html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){transform:translate(-50%,18px)!important}
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-composer,.zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating) .zsa-ai-unified-composer{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-menu.is-fixed-menu{left:12px!important;right:12px!important;max-width:calc(100vw - 24px)!important}
}
@media(max-width:380px){
  .zsa-ai-agent-panel .zsa-ai-agent-title-frame h1{font-size:24px}
  .zsa-ai-agent-panel .zsa-ai-agent-title-frame p{font-size:10px}
  .zsa-ai-agent-panel .zsa-ai-agent-content{width:calc(100vw - 18px)}
  .zsa-ai-agent-panel .zsa-ai-agent-card-grid{gap:11px 9px}
  .zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating),.zsa-ai-unified-host.is-scroll-floating:not(.is-generate){width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important}
}


/* v2.26.60 Agent composer/card compact + upload assets + iOS floating input stability */
/* Agent's inline composer must always be full-size and centered below the title frame. */
.zsa-ai-agent-panel .zsa-ai-agent-composer-anchor{
  width:min(820px,calc(100% - 32px))!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:block!important;
}
.zsa-ai-agent-panel .zsa-ai-agent-composer-anchor>.zsa-ai-unified-host.is-agent:not(.is-scroll-floating){
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  transform:none!important;
}
.zsa-ai-agent-panel .zsa-ai-agent-composer-anchor>.zsa-ai-unified-host.is-agent .zsa-ai-unified-composer.is-collapsed{
  min-height:unset!important;
}
/* Agent cards use a shorter metadata strip. */
.zsa-ai-agent-panel .zsa-ai-agent-card footer{
  min-height:48px!important;
  height:48px!important;
  padding:7px 10px!important;
}
.zsa-ai-agent-panel .zsa-ai-agent-card-author{
  left:10px!important;
  right:42px!important;
  bottom:6px!important;
  height:32px!important;
}
.zsa-ai-agent-panel .zsa-ai-agent-card-author img,
.zsa-ai-agent-panel .zsa-ai-agent-card-author>i{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
}
/* Keep recent upload / my generation rows visible even if older backend tool toggles are off. */
.zsa-ai-unified-add-menu [data-ai-unified-add-action="recent"],
.zsa-ai-unified-add-menu [data-ai-unified-add-action="history"]{display:flex!important}

@media(max-width:720px){
  .zsa-ai-agent-panel .zsa-ai-agent-composer-anchor{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  .zsa-ai-agent-panel .zsa-ai-agent-composer-anchor>.zsa-ai-unified-host.is-agent:not(.is-scroll-floating){
    width:100%!important;max-width:100%!important;left:auto!important;transform:none!important;margin:0 auto!important;
  }
  .zsa-ai-agent-panel .zsa-ai-agent-card footer{min-height:44px!important;height:44px!important;padding:5px 8px!important}
  .zsa-ai-agent-panel .zsa-ai-agent-card footer>b{font-size:13px!important}
  /* 16px prevents Safari input focus auto-zoom / page jump. */
  .zsa-ai-unified-prompt-wrap>textarea,
  .zsa-ai-unified-composer.has-prompt-text .zsa-ai-unified-prompt-wrap>textarea{
    font-size:16px!important;
  }
  /* When keyboard/input is active, never fade or move the bottom floating composer. */
  html.zsa-ai-composer-input-active .zsa-ai-unified-host.is-scroll-floating:not(.is-generate),
  html.zsa-ai-composer-input-active.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* v2.26.61 floating composer centering + assets panel restore + agent chip cleanup */
/* keep floating composer visually as sharp as the top one */
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
  left:50%!important;
  right:auto!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-composer{
  background:#fff!important;
  border-color:#86e81c!important;
  box-shadow:0 16px 42px rgba(48,68,20,.18)!important;
}
/* while scrolling, hide the floating composer; when scrolling stops JS will show collapsed state */
html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,18px)!important;
}
/* unified horizontal center for top and bottom composer on mobile pages */
@media(max-width:720px){
  .zsa-ai-unified-host,
  .zsa-ai-unified-host.is-home,
  .zsa-ai-unified-host.is-models,
  .zsa-ai-unified-host.is-applications,
  .zsa-ai-unified-host.is-app,
  .zsa-ai-unified-host.is-image,
  .zsa-ai-unified-host.is-video,
  .zsa-ai-unified-host.is-chat,
  .zsa-ai-unified-host.is-work,
  .zsa-ai-unified-host.is-works{
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))!important;
  }
  .zsa-ai-unified-host .zsa-ai-unified-composer{width:100%!important;max-width:100%!important}
}
/* desktop agent: only kind + model, no size chip */
.zsa-ai-unified-composer.is-agent [data-ai-unified-size-control]{display:none!important}
.zsa-ai-unified-composer.is-agent .zsa-ai-unified-model{
  max-width:168px!important;
}
/* mobile agent: only show the Agent chip, hide model + size to avoid occupying space */
@media(max-width:720px){
  .zsa-ai-unified-composer.is-agent .zsa-ai-unified-model,
  .zsa-ai-unified-composer.is-agent [data-ai-unified-size-control]{display:none!important}
  .zsa-ai-unified-composer.is-agent .zsa-ai-unified-toolbar-left{
    gap:6px!important;
  }
  .zsa-ai-unified-composer.is-agent .zsa-ai-unified-kind{
    max-width:none!important;
    flex:0 1 auto!important;
  }
  .zsa-ai-unified-composer.is-agent .zsa-ai-unified-kind>span{
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
}
/* recent upload flyout / my generation modal restored and layered above floating composer */
.zsa-ai-unified-recent-panel{z-index:2147483645!important}
.zsa-ai-my-works-modal{z-index:2147483646!important}
.zsa-ai-my-works-modal section{width:min(920px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important}
.zsa-ai-my-works-modal header nav{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
.zsa-ai-my-works-modal header nav button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;height:34px!important;border-radius:999px!important;border:1px solid #eceff2!important;background:#f5f7f8!important;color:#2c333a!important;opacity:1!important}
.zsa-ai-my-works-modal header nav button.is-active{background:#fff!important;border-color:#d7dde3!important;box-shadow:0 6px 14px rgba(15,23,42,.06)!important}
@media(max-width:720px){
  .zsa-ai-my-works-modal section{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:auto!important;max-height:calc(100vh - 24px)!important;padding:16px 12px 14px!important;border-radius:22px!important}
  .zsa-ai-my-works-modal header{gap:10px!important}
  .zsa-ai-my-works-modal header h2{font-size:18px!important}
  .zsa-ai-my-works-modal header nav{gap:6px!important}
  .zsa-ai-my-works-modal header nav button{height:32px!important;padding:0 12px!important;font-size:13px!important}
}
/* make the inline and floating add menus visually consistent */
.zsa-ai-unified-add-menu,.zsa-ai-unified-recent-panel,.zsa-ai-my-works-modal section{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* v2.26.62 PC content-area floating composer + colorful sidebar icons */
@media(min-width:721px){
  /* JS sets an exact pixel left/width from .zsa-ai-main; keep it untransformed for crisp rendering. */
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    right:auto!important;
    margin:0!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    backface-visibility:hidden!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
  }
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-composer{
    background:#fff!important;
    border:2px solid #86e81c!important;
    box-shadow:0 12px 30px rgba(45,72,18,.16),0 1px 0 rgba(255,255,255,.92) inset!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) .zsa-ai-unified-prompt-wrap,
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) textarea,
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) button,
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) span,
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate) b{
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
  }
  /* Both wheel directions hide immediately; stop state is restored collapsed by JS. */
  html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
  }
}

/* Primary sidebar icons: distinct, light, and easier to scan than solid black glyphs. */
.zsa-ai-nav-primary button svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  box-sizing:content-box!important;
  padding:5px!important;
  border-radius:8px!important;
  transition:transform .18s ease,background .18s ease,color .18s ease!important;
}
.zsa-ai-nav-primary button:nth-child(1) svg{color:#2878f0!important;background:#eaf3ff!important}
.zsa-ai-nav-primary button:nth-child(2) svg{color:#19a66a!important;background:#e9faf2!important}
.zsa-ai-nav-primary button:nth-child(3) svg{color:#7657e8!important;background:#f0edff!important}
.zsa-ai-nav-primary button:nth-child(4) svg{color:#ee8a21!important;background:#fff3e4!important}
.zsa-ai-nav-primary button:nth-child(5) svg{color:#15a2b8!important;background:#e8f9fc!important}
.zsa-ai-nav-primary button:hover svg,.zsa-ai-nav-primary button.is-active svg{transform:translateY(-1px)!important}
.zsa-ai-nav-primary button:nth-child(1).is-active svg{background:#dcecff!important}
.zsa-ai-nav-primary button:nth-child(2).is-active svg{background:#dbf7e9!important}
.zsa-ai-nav-primary button:nth-child(3).is-active svg{background:#e6e0ff!important}
.zsa-ai-nav-primary button:nth-child(4).is-active svg{background:#ffe9cf!important}
.zsa-ai-nav-primary button:nth-child(5).is-active svg{background:#d9f5f9!important}
.zsa-ai-nav-primary button.is-active{background:#f5f7f8!important}
.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav-primary button svg{padding:5px!important}

/* v2.26.63 restore-to-origin + mobile viewport centering + asset pickers */
/* Once a floating composer is restored, JS owns the exact mobile inline offset. */
@media(max-width:720px){
  .zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating){
    box-sizing:border-box!important;
  }
  .zsa-ai-unified-host:not(.is-generate):not(.is-scroll-floating)>.zsa-ai-unified-composer{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-unified-host.is-scroll-floating:not(.is-generate){
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    transform:translateX(-50%)!important;
  }
}
/* portal add-menu and the side recent panel must both stay clickable */
.zsa-ai-unified-menu.is-unified-menu-portal{z-index:2147483644!important}
.zsa-ai-unified-recent-panel{z-index:2147483645!important}
.zsa-ai-my-works-modal{z-index:2147483646!important}
.zsa-ai-my-works-modal [data-ai-my-assets-tab]:not(:disabled){cursor:pointer!important}
.zsa-ai-my-works-modal [data-ai-my-assets-tab].is-active{color:#111!important;font-weight:800!important;background:#fff!important}

/* v2.26.64 complete My Assets + recent flyout layering */
.zsa-ai-unified-recent-panel{
  z-index:2147483646!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(15,23,42,.22)!important;
}
.zsa-ai-unified-recent-panel [data-ai-recent-list]{max-height:330px;overflow:auto;overscroll-behavior:contain}
.zsa-ai-my-works-modal{z-index:2147483647!important;padding:18px!important}
.zsa-ai-my-works-modal>section{
  width:min(920px,calc(100vw - 36px))!important;
  height:min(680px,calc(100vh - 36px))!important;
  max-width:calc(100vw - 36px)!important;
  max-height:calc(100vh - 36px)!important;
  padding:34px 26px 22px!important;
  border-radius:26px!important;
}
.zsa-ai-my-works-modal header{
  flex:0 0 auto!important;
  justify-content:flex-start!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.zsa-ai-my-works-modal header h2{font-size:24px!important;white-space:nowrap}
.zsa-ai-my-works-modal header nav{display:flex!important;gap:4px!important;padding:4px!important;background:#f3f4f5!important;border-radius:999px!important;flex-wrap:nowrap!important}
.zsa-ai-my-works-modal header nav button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  height:34px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:#69717a!important;cursor:pointer!important;opacity:1!important;white-space:nowrap!important;
}
.zsa-ai-my-works-modal header nav button.is-active{background:#fff!important;color:#111!important;font-weight:900!important;box-shadow:0 2px 9px rgba(15,23,42,.09)!important}
.zsa-ai-my-works-modal header label{margin-left:auto!important;min-width:230px!important}
.zsa-ai-my-works-grid{
  display:block!important;
  min-height:0!important;
  flex:1 1 auto!important;
  overflow:auto!important;
  padding:2px 6px 24px!important;
  column-count:3!important;
  column-gap:16px!important;
  overscroll-behavior:contain!important;
}
.zsa-ai-my-works-grid>p,.zsa-ai-my-works-empty{
  column-span:all!important;
  width:100%!important;
  padding:70px 20px!important;
  text-align:center!important;
  color:#8a929a!important;
}
.zsa-ai-my-works-grid article{
  display:inline-block!important;
  width:100%!important;
  margin:0 0 16px!important;
  break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  border:1px solid #e0e4e7!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  vertical-align:top!important;
}
.zsa-ai-my-work-media{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  background:#f5f7f8!important;
  overflow:hidden!important;
}
.zsa-ai-my-work-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:cover!important;
}
.zsa-ai-my-work-media video{
  display:block!important;
  width:100%!important;
  aspect-ratio:3/4!important;
  height:auto!important;
  object-fit:cover!important;
}
.zsa-ai-my-works-grid footer{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 10px 11px!important;
  min-height:38px!important;
  background:#fff!important;
}
.zsa-ai-my-works-grid footer b{flex:1 1 auto!important;font-size:12px!important}
.zsa-ai-my-works-grid footer small{font-size:10px!important;color:#9299a1!important}
.zsa-ai-my-upload-tile{
  min-height:190px!important;
  border:1px solid #e2e6ea!important;
  background:#fafbfc!important;
  cursor:pointer!important;
}
.zsa-ai-my-upload-tile>div{
  min-height:190px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  color:#4f5963!important;
}
.zsa-ai-my-upload-tile i{width:38px;height:38px;border:1px solid #d9dee3;border-radius:50%;display:grid;place-items:center;background:#fff;font-style:normal;font-size:20px}
.zsa-ai-my-upload-tile b{font-size:14px}.zsa-ai-my-upload-tile small{font-size:11px;color:#9aa1a8}

@media(max-width:720px){
  .zsa-ai-unified-recent-panel{
    right:auto!important;
    max-width:224px!important;
    width:224px!important;
    max-height:min(390px,calc(100dvh - 16px))!important;
    border-radius:14px!important;
    padding:10px!important;
  }
  .zsa-ai-unified-recent-panel [data-ai-recent-list]{max-height:280px!important}
  .zsa-ai-my-works-modal{padding:6px!important;place-items:center!important}
  .zsa-ai-my-works-modal>section{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    height:calc(100dvh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    padding:18px 10px 12px!important;
    border-radius:20px!important;
  }
  .zsa-ai-my-works-close{right:8px!important;top:8px!important;width:34px!important;height:34px!important;font-size:21px!important;z-index:5}
  .zsa-ai-my-works-modal header{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:10px 8px!important;
    padding-right:38px!important;
    margin-bottom:10px!important;
  }
  .zsa-ai-my-works-modal header h2{font-size:18px!important;margin:0!important}
  .zsa-ai-my-works-modal header nav{
    min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important;justify-self:start!important;max-width:100%!important;
  }
  .zsa-ai-my-works-modal header nav::-webkit-scrollbar{display:none}
  .zsa-ai-my-works-modal header nav button{height:31px!important;padding:0 11px!important;font-size:12px!important}
  .zsa-ai-my-works-modal header label{grid-column:1/-1!important;width:100%!important;min-width:0!important;height:34px!important;margin:0!important}
  .zsa-ai-my-works-modal header input{font-size:14px!important}
  .zsa-ai-my-works-grid{
    column-count:2!important;
    column-gap:9px!important;
    padding:2px 2px 18px!important;
  }
  .zsa-ai-my-works-grid article{margin-bottom:9px!important;border-radius:13px!important}
  .zsa-ai-my-work-media button{height:30px!important;padding:0 11px!important;font-size:11px!important;bottom:10px!important}
  .zsa-ai-my-works-grid footer{padding:7px 8px 8px!important;min-height:34px!important}
  .zsa-ai-my-works-grid footer b{font-size:11px!important}
  .zsa-ai-my-works-grid footer small{display:none!important}
  .zsa-ai-my-upload-tile,.zsa-ai-my-upload-tile>div{min-height:145px!important}
}
@media(max-width:390px){
  .zsa-ai-unified-recent-panel{width:210px!important;max-width:210px!important}
  .zsa-ai-my-works-modal header nav button{padding:0 9px!important;font-size:11px!important}
}

/* v2.26.65 modal/composer interaction refinements */
/* Search-material modal owns the screen: do not leave a composer visible beneath it. */
html.zsa-ai-materials-modal-open .zsa-ai-unified-host:not(.is-generate){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Model picker: click the row itself; the old confirm button is no longer needed. */
.zsa-ai-unified-model-modal [data-ai-unified-model-use]{display:none!important}
.zsa-ai-unified-model-dialog .zsa-ai-unified-model-main>header{padding-right:28px!important}
.zsa-ai-unified-model-option{cursor:pointer!important}
.zsa-ai-unified-model-option:hover:not(.is-disabled){background:#f1f4f5!important}

/* Hide visual scrollbars while retaining wheel/touch scrolling. */
.zsa-ai-unified-add-menu,
.zsa-ai-unified-recent-panel,
.zsa-ai-unified-recent-panel [data-ai-recent-list],
.zsa-ai-my-works-modal>section,
.zsa-ai-my-works-grid{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.zsa-ai-unified-add-menu::-webkit-scrollbar,
.zsa-ai-unified-recent-panel::-webkit-scrollbar,
.zsa-ai-unified-recent-panel [data-ai-recent-list]::-webkit-scrollbar,
.zsa-ai-my-works-modal>section::-webkit-scrollbar,
.zsa-ai-my-works-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

/* Recent uploads must sit directly against the right side of the add menu. */
.zsa-ai-unified-menu.is-unified-menu-portal{z-index:2147483642!important}
.zsa-ai-unified-recent-panel{z-index:2147483646!important;margin:0!important}

/* My Assets keeps an internal scroller but never exposes the side scrollbar. */
.zsa-ai-my-works-modal>section{overflow:hidden!important}
.zsa-ai-my-works-grid{overflow:auto!important;overscroll-behavior:contain!important}

@media(max-width:720px){
  /* Mobile recent flyout overlays the add menu instead of being rendered below it. */
  .zsa-ai-unified-recent-panel{
    z-index:2147483646!important;
    width:224px!important;
    max-width:calc(100vw - 16px)!important;
    max-height:min(390px,calc(100dvh - 16px))!important;
    box-shadow:0 22px 54px rgba(15,23,42,.26)!important;
  }

  /* My Assets is a centered card, not a full-screen sheet. */
  .zsa-ai-my-works-modal{
    padding:0!important;
    place-items:center!important;
  }
  .zsa-ai-my-works-modal>section{
    width:min(410px,calc(100vw - 36px))!important;
    max-width:calc(100vw - 36px)!important;
    height:min(68dvh,600px)!important;
    min-height:min(420px,calc(100dvh - 44px))!important;
    max-height:calc(100dvh - 36px)!important;
    padding:17px 10px 11px!important;
    border-radius:22px!important;
    box-shadow:0 28px 76px rgba(10,18,28,.30)!important;
  }
  .zsa-ai-my-works-modal header{
    gap:8px 7px!important;
    padding-right:34px!important;
    margin-bottom:9px!important;
  }
  .zsa-ai-my-works-modal header nav{max-width:100%!important}
  .zsa-ai-my-works-modal header label{height:33px!important}
  .zsa-ai-my-works-grid{
    column-count:2!important;
    column-gap:8px!important;
    padding:2px 1px 12px!important;
  }
}
@media(max-width:380px){
  .zsa-ai-my-works-modal>section{
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    height:min(70dvh,560px)!important;
  }
  .zsa-ai-unified-recent-panel{width:210px!important}
}

/* v2.26.66 model selector: backend description, fixed selected check, waterfall works */
.zsa-ai-unified-model-modal,
.zsa-ai-unified-model-dialog,
.zsa-ai-unified-model-sidebar,
.zsa-ai-unified-model-main{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.zsa-ai-unified-model-modal::-webkit-scrollbar,
.zsa-ai-unified-model-dialog::-webkit-scrollbar,
.zsa-ai-unified-model-sidebar::-webkit-scrollbar,
.zsa-ai-unified-model-main::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

/* selected model and hover-preview are two independent states */
.zsa-ai-unified-model-option{padding-right:34px!important}
.zsa-ai-unified-model-option.is-preview{background:#f2f3f4!important;border-color:#e0e4e7!important}
.zsa-ai-unified-model-option.is-selected{background:#f5f7f8!important}
.zsa-ai-unified-model-option .zsa-ai-unified-model-check{display:none!important;position:absolute!important;right:11px!important;top:50%!important;transform:translateY(-50%)!important;color:#111!important;font-size:16px!important;font-weight:900!important;font-style:normal!important}
.zsa-ai-unified-model-option.is-selected .zsa-ai-unified-model-check{display:block!important}
.zsa-ai-unified-model-option>span small{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#8b929a!important}

/* right header uses the editable backend model description as the primary headline */
.zsa-ai-unified-model-main>header{min-height:72px!important;padding-bottom:14px!important}
.zsa-ai-unified-model-main>header h3{font-size:20px!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-weight:900!important;color:#1f252b!important}
.zsa-ai-unified-model-main>header p{display:block!important;margin:5px 0 0!important;color:#7d858e!important;font-size:12px!important;line-height:1.45!important}
.zsa-ai-unified-model-main>header>[data-ai-unified-model-use]{display:none!important}

/* model works waterfall */
.zsa-ai-unified-model-gallery{
  display:block!important;
  column-count:3!important;
  column-gap:12px!important;
  overflow:visible!important;
}
.zsa-ai-unified-model-gallery>.zsa-ai-unified-model-empty{column-span:all!important}
.zsa-ai-unified-model-work-card{
  display:inline-block!important;
  width:100%!important;
  margin:0 0 12px!important;
  break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  vertical-align:top!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
.zsa-ai-unified-model-work-card>.zsa-ai-unified-model-work-media,
.zsa-ai-unified-model-work-card>div{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#eef1f3!important;
}
.zsa-ai-unified-model-work-card.is-image>.zsa-ai-unified-model-work-media>img,
.zsa-ai-unified-model-work-card.is-image>div>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:none!important;
}
.zsa-ai-unified-model-work-card.is-video>.zsa-ai-unified-model-work-media video,
.zsa-ai-unified-model-work-card.is-video>div video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:150px!important;
  max-height:430px!important;
  object-fit:cover!important;
}
.zsa-ai-unified-model-work-card:hover img,
.zsa-ai-unified-model-work-card:focus-within img{transform:none!important}

/* compact one-line footer: title/favorites by default, author/favorites on hover */
.zsa-ai-unified-model-work-card>footer{
  position:relative!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 9px!important;
  display:block!important;
  background:#fff!important;
}
.zsa-ai-unified-model-default-row,
.zsa-ai-unified-model-author-row{
  position:absolute!important;
  inset:0 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  transition:opacity .16s ease,transform .16s ease!important;
}
.zsa-ai-unified-model-default-row>b{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:38px!important;
  color:#23292f!important;
}
.zsa-ai-unified-model-default-row>em,
.zsa-ai-unified-model-author-row>em{
  flex:0 0 auto!important;
  margin-left:auto!important;
  color:#69727b!important;
  font-size:11px!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
.zsa-ai-unified-model-author-row{opacity:0!important;transform:translateY(3px)!important;pointer-events:none!important}
.zsa-ai-unified-model-author-row>small{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  color:#515961!important;
}
.zsa-ai-unified-model-author-avatar,
.zsa-ai-unified-model-author-fallback{
  width:22px!important;height:22px!important;flex:0 0 22px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#eef1f3!important;color:#525a62!important;font-size:10px!important;font-style:normal!important;font-weight:800!important
}
.zsa-ai-unified-model-work-card:hover .zsa-ai-unified-model-default-row,
.zsa-ai-unified-model-work-card:focus-within .zsa-ai-unified-model-default-row{opacity:0!important;transform:translateY(-3px)!important}
.zsa-ai-unified-model-work-card:hover .zsa-ai-unified-model-author-row,
.zsa-ai-unified-model-work-card:focus-within .zsa-ai-unified-model-author-row{opacity:1!important;transform:none!important}

/* AI/Agent badge and remix action */
.zsa-ai-unified-model-work-card .zsa-ai-unified-model-work-badge{
  position:absolute!important;left:9px!important;top:9px!important;right:auto!important;bottom:auto!important;z-index:4!important;
  padding:4px 7px!important;border-radius:8px!important;background:rgba(18,20,22,.72)!important;color:#fff!important;font-size:9px!important;font-weight:900!important
}
.zsa-ai-unified-model-work-card .zsa-ai-unified-model-work-remix{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;z-index:5!important;
  transform:translate(-50%,-42%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  min-width:82px!important;height:34px!important;padding:0 13px!important;border-radius:18px!important;background:#82ed13!important;color:#111!important;
  display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;
  transition:opacity .16s ease,transform .16s ease!important
}
.zsa-ai-unified-model-work-card:hover .zsa-ai-unified-model-work-remix,
.zsa-ai-unified-model-work-card:focus-within .zsa-ai-unified-model-work-remix{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%)!important}

@media(max-width:900px){
  .zsa-ai-unified-model-gallery{column-count:2!important}
}
@media(max-width:620px){
  .zsa-ai-unified-model-main>header h3{font-size:15px!important}
  .zsa-ai-unified-model-main>header p{font-size:10px!important}
  .zsa-ai-unified-model-gallery{column-count:2!important;column-gap:8px!important}
  .zsa-ai-unified-model-work-card{margin-bottom:8px!important;border-radius:11px!important}
  .zsa-ai-unified-model-work-card>footer{height:34px!important;min-height:34px!important;padding:0 7px!important}
  .zsa-ai-unified-model-default-row,.zsa-ai-unified-model-author-row{inset:0 7px!important}
  .zsa-ai-unified-model-default-row>b{font-size:10px!important;line-height:34px!important}
  .zsa-ai-unified-model-default-row>em,.zsa-ai-unified-model-author-row>em,.zsa-ai-unified-model-author-row>small{font-size:9px!important}
  .zsa-ai-unified-model-author-avatar,.zsa-ai-unified-model-author-fallback{width:19px!important;height:19px!important;flex-basis:19px!important}
}

/* v2.26.67 cleaner model selector + hidden menu scrollbars + full right-side gradient */
/* The entire workspace content side carries one continuous green-to-blue wash. */
.zsa-ai-main{
  background:
    radial-gradient(circle at 4% 30%,rgba(189,248,100,.24) 0,rgba(189,248,100,.12) 16%,transparent 38%),
    radial-gradient(circle at 96% 32%,rgba(156,192,255,.27) 0,rgba(156,192,255,.12) 18%,transparent 40%),
    linear-gradient(90deg,#fafff3 0%,#fff 45%,#f5f9ff 100%)!important;
}
.zsa-ai-panel{background-color:transparent!important}
.zsa-ai-topbar{background:rgba(255,255,255,.90)!important}

/* Model modal: remove all auxiliary headings, keep only a strong black “选择模型”. */
.zsa-ai-unified-model-sidebar h2{
  margin:0 0 16px!important;
  color:#090b0d!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
.zsa-ai-unified-model-hint,
.zsa-ai-unified-model-main>header{display:none!important}
.zsa-ai-unified-model-main{padding-top:18px!important}
.zsa-ai-unified-model-list>small{color:#8a929b!important;font-size:11px!important;font-weight:800!important}

/* Content/kind popup: keep wheel/touch scrolling but never show vertical or horizontal bars. */
.zsa-ai-unified-kind-menu,
.zsa-ai-unified-add-menu,
.zsa-ai-unified-size-menu,
.zsa-ai-unified-menu.is-unified-menu-portal{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  overflow-x:hidden!important;
}
.zsa-ai-unified-kind-menu::-webkit-scrollbar,
.zsa-ai-unified-add-menu::-webkit-scrollbar,
.zsa-ai-unified-size-menu::-webkit-scrollbar,
.zsa-ai-unified-menu.is-unified-menu-portal::-webkit-scrollbar{
  width:0!important;height:0!important;display:none!important
}

@media(max-width:720px){
  .zsa-ai-main{
    background:
      radial-gradient(circle at -8% 24%,rgba(189,248,100,.27) 0,rgba(189,248,100,.12) 20%,transparent 42%),
      radial-gradient(circle at 108% 30%,rgba(156,192,255,.28) 0,rgba(156,192,255,.12) 22%,transparent 43%),
      linear-gradient(90deg,#fbfff5 0%,#fff 48%,#f5f9ff 100%)!important;
  }
  .zsa-ai-unified-model-sidebar h2{font-size:19px!important;margin-bottom:12px!important}
}

/* v2.26.68 mobile works stability + vertical assets + model descriptions + agent edge decor */
/* The Agent decorative wash must reach the content edges; the panel's generic horizontal padding caused the gap. */
.zsa-ai-panel[data-ai-panel="agent"]{
  padding-left:0!important;
  padding-right:0!important;
}
.zsa-ai-agent-panel .zsa-ai-agent-stage{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.zsa-ai-agent-panel .zsa-ai-agent-decor{
  left:0!important;
  right:0!important;
  width:100%!important;
}

/* Restore a compact per-model description header above the preview works. */
.zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head{
  display:block!important;
  min-height:0!important;
  margin:0 0 12px!important;
  padding:0 4px 10px!important;
  border:0!important;
  background:transparent!important;
}
.zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head h3{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:18px!important;
  line-height:1.45!important;
  font-weight:900!important;
  color:#20252b!important;
  white-space:normal!important;
}
.zsa-ai-unified-model-gallery>.zsa-ai-unified-model-empty.is-chat-empty{
  column-span:all!important;
  width:100%!important;
  min-height:360px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:40px 20px!important;
  color:#a0a6ad!important;
  text-align:center!important;
}
.zsa-ai-unified-model-gallery>.zsa-ai-unified-model-empty.is-chat-empty b{
  color:#a0a6ad!important;
  font-size:14px!important;
  font-weight:500!important;
}

@media(max-width:720px){
  /* My Assets generated/favorite works must flow downward inside the same-size card. */
  .zsa-ai-my-works-modal[data-asset-mode="generate"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="favorites"] .zsa-ai-my-works-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-content:start!important;
    align-items:start!important;
    gap:9px!important;
    column-count:initial!important;
    column-gap:9px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    overscroll-behavior-x:none!important;
    overscroll-behavior-y:contain!important;
  }
  .zsa-ai-my-works-modal[data-asset-mode="generate"] .zsa-ai-my-works-grid article,
  .zsa-ai-my-works-modal[data-asset-mode="favorites"] .zsa-ai-my-works-grid article{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    break-inside:auto!important;
    -webkit-column-break-inside:auto!important;
  }
  .zsa-ai-my-works-modal[data-asset-mode="generate"] .zsa-ai-my-works-empty,
  .zsa-ai-my-works-modal[data-asset-mode="favorites"] .zsa-ai-my-works-empty,
  .zsa-ai-my-works-modal[data-asset-mode="generate"] .zsa-ai-my-works-grid>p,
  .zsa-ai-my-works-modal[data-asset-mode="favorites"] .zsa-ai-my-works-grid>p{
    grid-column:1/-1!important;
  }
  .zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head{margin-bottom:8px!important;padding:0 2px 8px!important}
  .zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head h3{font-size:14px!important;line-height:1.4!important}
  .zsa-ai-unified-model-gallery>.zsa-ai-unified-model-empty.is-chat-empty{min-height:240px!important;font-size:12px!important}
}

/* v2.26.69 fixed model preview header + mobile vertical assets */
/* Model preview description stays fixed; only the works area scrolls inside the right pane. */
.zsa-ai-unified-model-main{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
.zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:4!important;
  margin:0!important;
  padding:0 4px 12px!important;
  background:#fff!important;
}
.zsa-ai-unified-model-gallery{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  column-count:initial!important;
  column-gap:0!important;
  padding-right:2px!important;
}
.zsa-ai-unified-model-gallery::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.zsa-ai-unified-model-waterfall{
  width:100%!important;
  column-count:3!important;
  column-gap:12px!important;
}
.zsa-ai-unified-model-waterfall>.zsa-ai-unified-model-work-card{
  display:inline-block!important;
  width:100%!important;
  margin:0 0 12px!important;
  break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  vertical-align:top!important;
}
.zsa-ai-unified-model-gallery>.zsa-ai-unified-model-empty{
  width:100%!important;
}

@media(max-width:720px){
  /* Mobile model works: one single vertical column, no horizontal reflow. */
  .zsa-ai-unified-model-main{
    min-height:0!important;
    overflow:hidden!important;
  }
  .zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head{
    position:relative!important;
    flex:0 0 auto!important;
    padding:0 2px 8px!important;
    margin:0!important;
  }
  .zsa-ai-unified-model-gallery{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
  }
  .zsa-ai-unified-model-waterfall{
    column-count:1!important;
    column-gap:0!important;
    width:100%!important;
  }
  .zsa-ai-unified-model-waterfall>.zsa-ai-unified-model-work-card{
    width:100%!important;
    margin:0 0 9px!important;
  }

  /* Every My Assets tab flows only downward inside the existing modal size. */
  .zsa-ai-my-works-modal .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="recent"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="upload"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="generate"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="favorites"] .zsa-ai-my-works-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:max-content!important;
    align-content:start!important;
    align-items:start!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    column-count:initial!important;
    column-gap:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-works-grid article{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    break-inside:auto!important;
    -webkit-column-break-inside:auto!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-work-media{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    overflow:hidden!important;
    background:#f4f6f7!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-work-media img,
  .zsa-ai-my-works-modal .zsa-ai-my-work-media video{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-works-grid footer{
    position:relative!important;
    min-height:34px!important;
    height:auto!important;
    margin:0!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-upload-tile{
    min-height:0!important;
    aspect-ratio:1/1!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-upload-tile>div{
    min-height:100%!important;
    height:100%!important;
  }
  .zsa-ai-my-works-modal .zsa-ai-my-works-empty,
  .zsa-ai-my-works-modal .zsa-ai-my-works-grid>p{
    grid-column:1/-1!important;
  }
}

/* v2.26.70 mobile model picker / composer / asset masonry fixes */
/* Model picker close button must stay perfectly circular. */
.zsa-ai-unified-model-close{
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  line-height:1!important;
  aspect-ratio:1/1!important;
}

/* Only the truly selected model in the current group gets a check. */
.zsa-ai-unified-model-option .zsa-ai-unified-model-check{opacity:0!important;visibility:hidden!important}
.zsa-ai-unified-model-option.is-selected .zsa-ai-unified-model-check{opacity:1!important;visibility:visible!important}

/* Right model works panel owns its own vertical scroll. */
.zsa-ai-unified-model-main{min-height:0!important;overflow:hidden!important}
.zsa-ai-unified-model-gallery{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  overscroll-behavior-x:none!important;
  touch-action:pan-y!important;
  scrollbar-width:none!important;
}
.zsa-ai-unified-model-gallery::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}

@media(max-width:720px){
  /* While selecting a model, hide the unified composer. It returns after selecting/closing. */
  html.zsa-ai-model-picker-open .zsa-ai-unified-host:not(.is-generate){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* /models inline composer must fit and stay centered inside the viewport. */
  .zsa-ai-models-panel .zsa-ai-unified-host:not(.is-scroll-floating),
  [data-ai-panel="models"] .zsa-ai-unified-host:not(.is-scroll-floating){
    max-width:calc(100vw - 24px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-models-panel .zsa-ai-unified-composer,
  [data-ai-panel="models"] .zsa-ai-unified-composer{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* Mobile model selector keeps the right works pane scrollable with one vertical column. */
  .zsa-ai-unified-model-dialog{
    overflow:hidden!important;
  }
  .zsa-ai-unified-model-main{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .zsa-ai-unified-model-main>header.zsa-ai-unified-model-preview-head{
    flex:0 0 auto!important;
  }
  .zsa-ai-unified-model-gallery{
    flex:1 1 0!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .zsa-ai-unified-model-waterfall{
    display:block!important;
    width:100%!important;
    column-count:1!important;
    column-gap:0!important;
  }
  .zsa-ai-unified-model-waterfall>.zsa-ai-unified-model-work-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
  }

  /* My Assets is a true two-column downward masonry made from two independent columns. */
  .zsa-ai-my-works-modal .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="recent"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="upload"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="generate"] .zsa-ai-my-works-grid,
  .zsa-ai-my-works-modal[data-asset-mode="favorites"] .zsa-ai-my-works-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    column-count:initial!important;
    column-gap:0!important;
    align-content:start!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
  }
  .zsa-ai-my-assets-column{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:9px!important;
    min-width:0!important;
    width:100%!important;
  }
  .zsa-ai-my-assets-column article{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .zsa-ai-my-assets-column .zsa-ai-my-work-media{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .zsa-ai-my-assets-column .zsa-ai-my-work-media img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .zsa-ai-my-assets-column .zsa-ai-my-work-media video{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:3/4!important;
    object-fit:cover!important;
  }
  .zsa-ai-my-assets-column .zsa-ai-my-upload-tile,
  .zsa-ai-my-assets-column .zsa-ai-my-upload-tile>div{
    min-height:145px!important;
  }
  .zsa-ai-my-works-empty,
  .zsa-ai-my-works-grid>p{
    grid-column:1/-1!important;
  }

  /* Floating reference delete button stays clickable above the thumbnail. */
  .zsa-ai-unified-host.is-scroll-floating .zsa-ai-generation-attachment-remove,
  .zsa-ai-unified-composer .zsa-ai-generation-attachment-remove{
    z-index:50!important;
    pointer-events:auto!important;
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    right:-8px!important;
    top:-8px!important;
    border-radius:50%!important;
  }
}

/* v2.26.71 target-reference home layout + resilient asset cards */
.zsa-ai-panel[data-ai-panel="home"]{
  padding:0 0 84px!important;
  overflow:visible!important;
  background-color:#fff!important;
}
.zsa-ai-home-reference{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  padding:34px 0 90px!important;
  overflow:hidden!important;
}
.zsa-ai-home-reference .zsa-ai-home-hero-decor{position:absolute;left:0;right:0;top:0;height:560px;pointer-events:none;overflow:hidden;z-index:0}
.zsa-ai-home-reference .zsa-ai-home-hero-decor>i{position:absolute;display:block;filter:saturate(.9);opacity:.72}
.zsa-ai-home-reference .zsa-ai-home-hero-decor .is-left{width:410px;height:410px;left:-165px;top:5px;border-radius:48% 52% 55% 45%/49% 45% 55% 51%;background:#b7ef58;transform:rotate(-9deg)}
.zsa-ai-home-reference .zsa-ai-home-hero-decor .is-right{width:330px;height:410px;right:-150px;top:8px;border-radius:34% 66% 46% 54%/58% 42% 58% 42%;background:#9dbbfa;transform:rotate(15deg)}
.zsa-ai-home-reference-hero{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;display:grid;justify-items:center;gap:18px;padding-top:12px}
.zsa-ai-home-reference-title{width:min(680px,72vw)!important;min-height:136px!important;margin:0 auto!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(2px);display:grid!important;place-content:center!important;text-align:center!important}
.zsa-ai-home-reference-title h1{margin:0!important;font-size:42px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:-1.6px!important;color:#111!important}
.zsa-ai-home-reference-title p{margin:12px 0 0!important;color:#7b838c!important;font-size:14px!important;line-height:1.5!important}
.zsa-ai-home-reference-hero>.zsa-ai-unified-host.is-home{width:min(820px,calc(100% - 160px))!important;max-width:820px!important;margin:0 auto!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important;z-index:5}
.zsa-ai-home-reference-hero>.zsa-ai-unified-host.is-home .zsa-ai-unified-composer{box-shadow:0 16px 40px rgba(41,53,32,.09)!important;background:rgba(255,255,255,.96)!important}
.zsa-ai-home-quick-pills{display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;flex-wrap:wrap}
.zsa-ai-home-quick-pills button{height:36px;padding:0 16px;border:1px solid #dfe3e7;border-radius:999px;background:rgba(255,255,255,.9);color:#2b2f33;font-weight:700;cursor:pointer;transition:.18s ease}
.zsa-ai-home-quick-pills button:hover,.zsa-ai-home-quick-pills button.is-active{background:#111;color:#fff;border-color:#111;transform:translateY(-1px)}
.zsa-ai-home-mini-app-grid{width:min(900px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:2px}
.zsa-ai-home-mini-app{min-width:0;height:72px;padding:10px 12px;border:1px solid #e2e6e9;border-radius:16px;background:rgba(255,255,255,.94);display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:0 8px 24px rgba(26,33,43,.035)}
.zsa-ai-home-mini-app:hover{border-color:#cfd5da;box-shadow:0 14px 30px rgba(26,33,43,.09);transform:translateY(-2px)}
.zsa-ai-home-mini-app>i{width:42px;height:42px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:#f5f8fb;font-style:normal}
.zsa-ai-home-mini-app>i img,.zsa-ai-home-mini-app>i svg{width:100%;height:100%;object-fit:contain}
.zsa-ai-home-mini-app>span{min-width:0;display:grid;gap:4px}
.zsa-ai-home-mini-app b,.zsa-ai-home-mini-app small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-home-mini-app b{font-size:14px}.zsa-ai-home-mini-app small{font-size:10px;color:#8b9299}.zsa-ai-home-mini-app>em{font-size:11px;font-style:normal;font-weight:800;color:#111;opacity:0;transform:translateX(-5px);transition:.18s ease;white-space:nowrap}.zsa-ai-home-mini-app:hover>em{opacity:1;transform:none}

.zsa-ai-home-reference-hub{width:min(1180px,calc(100% - 48px))!important;margin:58px auto 0!important;gap:58px!important;position:relative!important;z-index:3!important}
.zsa-ai-home-floor-tabs{position:sticky;top:64px;z-index:28;width:max-content;max-width:100%;margin:-14px auto 0;padding:5px;border:1px solid rgba(221,225,229,.9);border-radius:999px;background:rgba(248,249,250,.9);backdrop-filter:blur(16px);display:flex;align-items:center;gap:2px;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:auto;scrollbar-width:none}
.zsa-ai-home-floor-tabs::-webkit-scrollbar{display:none}
.zsa-ai-home-floor-tabs button{height:34px;padding:0 17px;border:0;border-radius:999px;background:transparent;color:#626a73;font-weight:700;white-space:nowrap;cursor:pointer}
.zsa-ai-home-floor-tabs button.is-active{background:#fff;color:#111;box-shadow:0 4px 14px rgba(15,23,42,.08)}
.zsa-ai-reference-floor{scroll-margin-top:115px}
.zsa-ai-reference-floor>header{align-items:center!important;margin-bottom:1px}
.zsa-ai-reference-floor>header h2{font-size:26px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.6px!important}
.zsa-ai-reference-floor>header>button{height:38px!important;padding:0 15px!important;border-radius:19px!important;display:inline-flex;align-items:center;gap:8px}
.zsa-ai-reference-floor>header>button span{font-size:18px;line-height:1}

.zsa-ai-home-reference-models{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.zsa-ai-home-reference-model{min-width:0;padding:0;border:1px solid #dfe4e8;border-radius:18px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:0 8px 26px rgba(20,27,36,.035)}
.zsa-ai-home-reference-model:hover{transform:translateY(-2px);border-color:#cfd6dc;box-shadow:0 16px 34px rgba(20,27,36,.09)}
.zsa-ai-home-reference-model.is-disabled{opacity:.5}
.zsa-ai-home-reference-model-cover{position:relative;height:190px;background-position:center;background-size:cover;overflow:hidden;background-color:#eef4ff}
.zsa-ai-home-reference-model-cover.is-style-1{background-image:linear-gradient(145deg,#e1fbf1,#e8efff)}.zsa-ai-home-reference-model-cover.is-style-2{background-image:linear-gradient(145deg,#e9f4ff,#fbe7f8)}.zsa-ai-home-reference-model-cover.is-style-3{background-image:linear-gradient(145deg,#f1ecff,#e6f5ff)}.zsa-ai-home-reference-model-cover.is-style-4{background-image:linear-gradient(145deg,#e7fbff,#e8f4ff)}.zsa-ai-home-reference-model-cover.is-style-5{background-image:linear-gradient(145deg,#f3f4ff,#ffe7ee)}.zsa-ai-home-reference-model-cover.is-style-6{background-image:linear-gradient(145deg,#e6faf3,#f2e9ff)}.zsa-ai-home-reference-model-cover.is-style-7{background-image:linear-gradient(145deg,#edf7ff,#fff0f4)}
.zsa-ai-home-reference-model-cover .zsa-ai-model-art{position:absolute;inset:0;display:grid;place-items:center}.zsa-ai-home-reference-model-cover .zsa-ai-model-art i{position:absolute;border:2px solid rgba(121,151,219,.32);border-radius:50%;box-shadow:inset 0 0 30px rgba(255,255,255,.85),0 14px 30px rgba(118,148,208,.12);backdrop-filter:blur(3px)}.zsa-ai-home-reference-model-cover .zsa-ai-model-art i:nth-child(1){width:96px;height:96px}.zsa-ai-home-reference-model-cover .zsa-ai-model-art i:nth-child(2){width:58px;height:58px;transform:translate(-47px,34px)}.zsa-ai-home-reference-model-cover .zsa-ai-model-art i:nth-child(3){width:44px;height:44px;transform:translate(52px,-36px)}
.zsa-ai-home-reference-model-cover>em{position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:999px;background:#12a95b;color:#fff;font-size:10px;font-weight:900;font-style:normal;text-transform:uppercase}
.zsa-ai-home-reference-model footer{min-height:58px;padding:9px 10px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center}.zsa-ai-home-reference-model footer>i{width:34px;height:34px;border-radius:9px;overflow:hidden;background:#f2f6fa;display:grid;place-items:center;font-style:normal}.zsa-ai-home-reference-model footer>i img{width:100%;height:100%;object-fit:contain}.zsa-ai-home-reference-model footer>span{min-width:0;display:grid;gap:3px}.zsa-ai-home-reference-model footer b,.zsa-ai-home-reference-model footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-home-reference-model footer b{font-size:14px}.zsa-ai-home-reference-model footer small{font-size:10px;color:#828a92}

.zsa-ai-home-reference-work-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.zsa-ai-home-reference-work-card{min-width:0;padding:0;border:1px solid #dfe4e8;border-radius:18px;background:#fff;overflow:hidden;text-decoration:none;color:#111;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:0 8px 26px rgba(20,27,36,.035)}
.zsa-ai-home-reference-work-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,27,36,.1)}
.zsa-ai-home-reference-work-card>div{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f1f3f5}
.zsa-ai-home-reference-work-card>div img,.zsa-ai-home-reference-work-card>div video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.zsa-ai-home-reference-work-card:hover>div img,.zsa-ai-home-reference-work-card:hover>div video{transform:scale(1.025)}
.zsa-ai-home-reference-work-card>div>span{position:absolute;left:9px;top:9px;padding:4px 8px;border-radius:8px;background:rgba(25,27,30,.78);color:#fff;font-size:10px;font-weight:900}
.zsa-ai-home-reference-work-card>div>em{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);height:34px;padding:0 15px;border-radius:18px;background:#7df000;color:#111;font-size:11px;font-weight:900;font-style:normal;display:flex;align-items:center;opacity:0;transition:.18s ease;white-space:nowrap}.zsa-ai-home-reference-work-card:hover>div>em{opacity:1;transform:translate(-50%,-50%)}
.zsa-ai-home-reference-work-card footer{min-height:53px;padding:8px 9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}.zsa-ai-home-reference-work-card footer>b{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.zsa-ai-home-reference-work-card footer>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#717983;font-size:10px}.zsa-ai-home-reference-work-card footer>i{font-style:normal;color:#747d86;font-size:10px;white-space:nowrap}

.zsa-ai-home-reference-apps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.zsa-ai-home-reference-app{min-width:0;padding:0;border:1px solid #dfe4e8;border-radius:18px;background:#fff;overflow:hidden;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:0 8px 26px rgba(20,27,36,.035)}
.zsa-ai-home-reference-app[hidden]{display:none!important}.zsa-ai-home-reference-app:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(20,27,36,.1)}
.zsa-ai-home-reference-app-cover{height:190px;background:#f4f6f8;overflow:hidden;display:grid;place-items:center}.zsa-ai-home-reference-app-cover img{width:100%;height:100%;object-fit:cover;display:block}.zsa-ai-home-reference-app-cover.is-empty{background:linear-gradient(145deg,#f5fbff,#f6f3ff)}.zsa-ai-home-reference-app-cover.is-empty>i{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;overflow:hidden}.zsa-ai-home-reference-app-cover.is-empty>i img,.zsa-ai-home-reference-app-cover.is-empty>i svg{width:100%;height:100%;object-fit:contain}
.zsa-ai-home-reference-app footer{min-height:66px;padding:9px 10px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center}.zsa-ai-home-reference-app footer>i{width:36px;height:36px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#f3f6f8}.zsa-ai-home-reference-app footer>i img,.zsa-ai-home-reference-app footer>i svg{width:100%;height:100%;object-fit:contain}.zsa-ai-home-reference-app footer>span{min-width:0;display:grid;gap:3px}.zsa-ai-home-reference-app footer b,.zsa-ai-home-reference-app footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsa-ai-home-reference-app footer b{font-size:13px}.zsa-ai-home-reference-app footer small{font-size:9px;color:#858d95}.zsa-ai-home-reference-app footer>em{font-size:10px;font-style:normal;font-weight:900;white-space:nowrap;opacity:0;transition:.18s}.zsa-ai-home-reference-app:hover footer>em{opacity:1}

.zsa-ai-home-reference .zsa-ai-home-community-grid{column-count:5;column-gap:14px}.zsa-ai-home-reference .zsa-ai-home-community-card{margin-bottom:14px;border-radius:17px}.zsa-ai-home-reference .zsa-ai-home-community-card footer{min-height:52px;padding:8px 9px}.zsa-ai-home-reference .zsa-ai-home-community-card footer>b{font-size:12px}.zsa-ai-community-reference-header h2{font-size:26px!important}

/* Historical asset fallback: never leave a browser broken-image glyph in My Assets. */
.zsa-ai-my-work-unavailable{width:100%;min-height:160px;display:grid;place-content:center;text-align:center;gap:5px;background:linear-gradient(145deg,#f4f6f8,#eef2f5);color:#7d858d}.zsa-ai-my-work-unavailable span{font-size:12px;font-weight:800}.zsa-ai-my-work-unavailable small{font-size:10px;color:#a1a7ad}.zsa-ai-my-works-grid article.is-media-error [data-ai-my-work-use]{display:none!important}

@media(max-width:1280px){
 .zsa-ai-home-reference-models,.zsa-ai-home-reference-work-grid,.zsa-ai-home-reference-apps{grid-template-columns:repeat(4,minmax(0,1fr))}
 .zsa-ai-home-reference .zsa-ai-home-community-grid{column-count:4}
}
@media(max-width:900px){
 .zsa-ai-home-reference-hero,.zsa-ai-home-reference-hub{width:calc(100% - 28px)!important}
 .zsa-ai-home-mini-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .zsa-ai-home-reference-models,.zsa-ai-home-reference-work-grid,.zsa-ai-home-reference-apps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .zsa-ai-home-reference .zsa-ai-home-community-grid{column-count:3}
}
@media(max-width:720px){
 .zsa-ai-panel[data-ai-panel="home"]{padding:0 0 68px!important}
 .zsa-ai-home-reference{padding:16px 0 64px!important;overflow:hidden!important}
 .zsa-ai-home-reference .zsa-ai-home-hero-decor{height:430px}
 .zsa-ai-home-reference .zsa-ai-home-hero-decor .is-left{width:230px;height:230px;left:-126px;top:26px;opacity:.56}
 .zsa-ai-home-reference .zsa-ai-home-hero-decor .is-right{width:195px;height:230px;right:-118px;top:26px;opacity:.52}
 .zsa-ai-home-reference-hero{width:calc(100vw - 20px)!important;gap:13px;padding-top:4px}
 .zsa-ai-home-reference-title{width:calc(100vw - 30px)!important;min-height:105px!important;padding:16px 12px!important}
 .zsa-ai-home-reference-title h1{font-size:28px!important;letter-spacing:-.8px!important;white-space:nowrap}
 .zsa-ai-home-reference-title p{margin-top:8px!important;font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
 .zsa-ai-home-reference-hero>.zsa-ai-unified-host.is-home{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;left:auto!important;right:auto!important;transform:none!important;margin:0 auto!important}
 .zsa-ai-home-quick-pills{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:0 3px;scrollbar-width:none}.zsa-ai-home-quick-pills::-webkit-scrollbar{display:none}.zsa-ai-home-quick-pills button{height:32px;padding:0 13px;font-size:11px;flex:0 0 auto}
 .zsa-ai-home-mini-app-grid{width:100%;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 2px 6px;scrollbar-width:none}.zsa-ai-home-mini-app-grid::-webkit-scrollbar{display:none}.zsa-ai-home-mini-app{flex:0 0 76vw;max-width:300px;height:66px;scroll-snap-align:start;grid-template-columns:38px minmax(0,1fr)}.zsa-ai-home-mini-app>i{width:38px;height:38px}.zsa-ai-home-mini-app>em{display:none}
 .zsa-ai-home-reference-hub{width:calc(100vw - 18px)!important;margin-top:38px!important;gap:38px!important}
 .zsa-ai-home-floor-tabs{top:58px;max-width:calc(100vw - 22px);margin:0 auto;padding:4px;justify-content:flex-start}.zsa-ai-home-floor-tabs button{height:32px;padding:0 14px;font-size:11px}
 .zsa-ai-reference-floor>header h2,.zsa-ai-community-reference-header h2{font-size:21px!important}.zsa-ai-reference-floor>header>button{height:32px!important;font-size:10px!important}
 .zsa-ai-home-reference-models{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px;scrollbar-width:none}.zsa-ai-home-reference-models::-webkit-scrollbar{display:none}.zsa-ai-home-reference-model{flex:0 0 64vw;max-width:270px;scroll-snap-align:start}.zsa-ai-home-reference-model-cover{height:190px}
 .zsa-ai-home-reference-work-grid,.zsa-ai-home-reference-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .zsa-ai-home-reference-work-card{border-radius:14px}.zsa-ai-home-reference-work-card footer{min-height:48px;padding:7px}.zsa-ai-home-reference-work-card footer>b{font-size:11px}.zsa-ai-home-reference-work-card footer>small{font-size:9px}.zsa-ai-home-reference-work-card>div>em{height:30px;padding:0 12px;font-size:10px}
 .zsa-ai-home-reference-app{border-radius:14px}.zsa-ai-home-reference-app-cover{height:126px}.zsa-ai-home-reference-app footer{min-height:57px;padding:7px;grid-template-columns:32px minmax(0,1fr)}.zsa-ai-home-reference-app footer>i{width:32px;height:32px}.zsa-ai-home-reference-app footer>em{display:none}.zsa-ai-home-reference-app footer b{font-size:11px}.zsa-ai-home-reference-app footer small{font-size:8px}
 .zsa-ai-home-reference .zsa-ai-home-community-grid{column-count:2;column-gap:8px}.zsa-ai-home-reference .zsa-ai-home-community-card{margin-bottom:8px;border-radius:13px}.zsa-ai-home-reference .zsa-ai-home-community-card footer{min-height:46px;padding:6px 7px}.zsa-ai-home-reference .zsa-ai-home-community-card footer>b{font-size:10px}
}

/* v2.26.72 top navigation / home work-card parity / material image fallback */
.zsa-ai-main{
  background-color:#fbfcfd!important;
  background-image:
    linear-gradient(rgba(214,220,226,.30) 1px,transparent 1px),
    linear-gradient(90deg,rgba(214,220,226,.30) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
}
.zsa-ai-topbar{
  position:relative!important;
  top:auto!important;
  z-index:40!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(219,224,229,.68)!important;
  transform:none!important;
  will-change:auto!important;
}
.zsa-ai-topbar.is-scroll-hidden{
  transform:none!important;
  pointer-events:auto!important;
}
body.admin-bar .zsa-ai-topbar{top:auto!important}
.zsa-ai-category-nav>button{order:0!important}

/* Home work cards now use the same compact meta treatment as the Works page. */
.zsa-ai-home-reference-work-card footer,
.zsa-ai-home-reference .zsa-ai-home-community-card footer{
  height:44px!important;
  min-height:44px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.zsa-ai-home-reference-work-card footer>.is-title,
.zsa-ai-home-reference .zsa-ai-home-community-card footer>.is-title{
  display:block;
  min-width:0;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  font-weight:600;
}
.zsa-ai-home-reference-work-card footer>.is-author,
.zsa-ai-home-reference .zsa-ai-home-community-card footer>.is-author{
  display:none;
  min-width:0;
  flex:1;
  align-items:center;
  gap:6px;
  color:#6f7883;
}
.zsa-ai-home-reference-work-card footer>.is-author>img,
.zsa-ai-home-reference .zsa-ai-home-community-card footer>.is-author>img,
.zsa-ai-home-reference-work-card footer>.is-author>.zsa-ai-avatar-mini-fallback,
.zsa-ai-home-reference .zsa-ai-home-community-card footer>.is-author>.zsa-ai-avatar-mini-fallback{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  margin:0!important;
  font-size:9px!important;
}
.zsa-ai-home-reference-work-card footer>.is-author>b,
.zsa-ai-home-reference .zsa-ai-home-community-card footer>.is-author>b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:500;
}
.zsa-ai-home-reference-work-card footer>em,
.zsa-ai-home-reference .zsa-ai-home-community-card footer>em{
  margin-left:auto;
  flex:0 0 auto;
  font-style:normal;
  color:#6c7580;
  font-size:11px;
  white-space:nowrap;
}
.zsa-ai-home-reference-work-card:hover footer>.is-title,
.zsa-ai-home-reference .zsa-ai-home-community-card:hover footer>.is-title{display:none!important}
.zsa-ai-home-reference-work-card:hover footer>.is-author,
.zsa-ai-home-reference .zsa-ai-home-community-card:hover footer>.is-author{display:flex!important}
.zsa-ai-home-community-remix{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-44%)!important;
  opacity:0!important;
  visibility:hidden!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:18px!important;
  background:#84ef0d!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  transition:.18s ease!important;
}
.zsa-ai-home-community-card:hover .zsa-ai-home-community-remix{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(-50%,-50%)!important;
}

/* Material search: keep the card present even if a historical remote image is no longer available. */
.zsa-ai-material-image-unavailable{
  width:100%;height:100%;min-height:180px;display:grid;place-content:center;text-align:center;gap:5px;
  background:linear-gradient(145deg,#f2f5f7,#e9eef2);color:#737d87
}
.zsa-ai-material-image-unavailable span{font-size:12px;font-weight:800}.zsa-ai-material-image-unavailable small{font-size:10px;color:#a0a7ae}

@media(max-width:720px){
  .zsa-ai-topbar{position:relative!important;top:auto!important;transform:none!important}
  .zsa-ai-topbar.is-scroll-hidden{transform:none!important}
  .zsa-ai-home-reference-work-card footer,
  .zsa-ai-home-reference .zsa-ai-home-community-card footer{height:40px!important;min-height:40px!important;padding:0 8px!important}
  .zsa-ai-home-reference-work-card footer>.is-title,
  .zsa-ai-home-reference .zsa-ai-home-community-card footer>.is-title{font-size:10px!important}
  .zsa-ai-home-reference-work-card footer>em,
  .zsa-ai-home-reference .zsa-ai-home-community-card footer>em{font-size:10px!important}
}

/* v2.26.75 mobile home: full-width containment, 2-column floors, 3x2 app switcher */
.zsa-ai-home-mini-app.is-active{
  border-color:#8fe91d!important;
  box-shadow:0 0 0 1px rgba(132,230,22,.22),0 10px 24px rgba(71,105,22,.10)!important;
  background:linear-gradient(180deg,#fff,#fbfff6)!important;
}
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .zsa-ai-main,.zsa-ai-content,.zsa-ai-panel[data-ai-panel="home"],.zsa-ai-home-stage,.zsa-ai-home-reference{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important;
  }
  .zsa-ai-home-reference{padding-left:0!important;padding-right:0!important}
  .zsa-ai-home-reference-hero,
  .zsa-ai-home-reference-hub{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;margin-right:auto!important;
    min-width:0!important;box-sizing:border-box!important;
  }
  .zsa-ai-home-reference-title{
    width:calc(100% - 8px)!important;
    max-width:calc(100% - 8px)!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  .zsa-ai-home-reference-hero>.zsa-ai-unified-host.is-home{
    width:100%!important;max-width:100%!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important;
  }
  .zsa-ai-home-floor-tabs{max-width:100%!important;width:max-content!important}

  /* quick apps directly below the composer: exactly 3 columns x 2 rows */
  .zsa-ai-home-mini-app-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(62px,auto))!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    scroll-snap-type:none!important;
  }
  .zsa-ai-home-mini-app{
    min-width:0!important;max-width:none!important;width:100%!important;height:68px!important;
    padding:8px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important;
    border-radius:14px!important;scroll-snap-align:none!important;overflow:hidden!important;
  }
  .zsa-ai-home-mini-app>i{width:32px!important;height:32px!important;border-radius:9px!important}
  .zsa-ai-home-mini-app>span{min-width:0!important;align-self:center!important}
  .zsa-ai-home-mini-app>span>b{font-size:10px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;white-space:normal!important;overflow:hidden!important}
  .zsa-ai-home-mini-app>span>small,.zsa-ai-home-mini-app>em{display:none!important}

  /* every home floor is a true 2-column vertical grid; no horizontal card sliders */
  .zsa-ai-home-reference-models,
  .zsa-ai-home-reference-work-grid,
  .zsa-ai-home-reference-apps{
    width:100%!important;max-width:100%!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important;
  }
  .zsa-ai-home-reference-model{
    width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;scroll-snap-align:none!important;
  }
  .zsa-ai-home-reference-model-cover{height:auto!important;aspect-ratio:1/1!important}
  .zsa-ai-home-reference-model footer{min-height:58px!important;padding:7px!important;grid-template-columns:32px minmax(0,1fr)!important}
  .zsa-ai-home-reference-model footer>i{width:32px!important;height:32px!important}
  .zsa-ai-home-reference-model footer b{font-size:11px!important}
  .zsa-ai-home-reference-model footer small{font-size:8px!important}

  .zsa-ai-home-reference-work-card,
  .zsa-ai-home-reference-app{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .zsa-ai-home-reference-work-card>div{width:100%!important;min-width:0!important}
  .zsa-ai-home-reference-work-card>div img,
  .zsa-ai-home-reference-work-card>div video{width:100%!important;max-width:100%!important;height:auto!important;display:block!important}
  .zsa-ai-home-reference-app-cover{width:100%!important;height:auto!important;aspect-ratio:4/3!important}

  .zsa-ai-home-reference .zsa-ai-home-community-grid{
    width:100%!important;max-width:100%!important;column-count:2!important;column-gap:8px!important;overflow:hidden!important;
  }
  .zsa-ai-home-reference .zsa-ai-home-community-card{width:100%!important;max-width:100%!important;break-inside:avoid!important}

  .zsa-ai-reference-floor,.zsa-ai-home-section{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .zsa-ai-reference-floor>header{width:100%!important;min-width:0!important}
}
@media(max-width:390px){
  .zsa-ai-home-reference-hero,.zsa-ai-home-reference-hub{width:calc(100% - 14px)!important;max-width:calc(100% - 14px)!important}
  .zsa-ai-home-mini-app-grid{gap:6px!important}
  .zsa-ai-home-mini-app{height:64px!important;padding:6px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:5px!important}
  .zsa-ai-home-mini-app>i{width:28px!important;height:28px!important}
  .zsa-ai-home-mini-app>span>b{font-size:9px!important}
}


/* v2.26.76 one-canvas workspace grid + work-detail transparent header */
/* The right workspace owns exactly one grid. Panels and market shells must never paint another grid on top. */
.zsa-ai-main{
  background-color:#fbfcfd!important;
  background-image:
    linear-gradient(rgba(205,212,219,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(205,212,219,.34) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  background-position:0 0!important;
  background-repeat:repeat!important;
}
.zsa-ai-panel,
.zsa-ai-app-market-v2,
.zsa-ai-model-market,
.zsa-ai-works-market{
  background-color:transparent!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:0 0!important;
}
.zsa-ai-topbar{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
/* Work-detail header is part of the same canvas; no white band and no white band returning during scroll. */
.zsa-ai-work-detail-header,
.zsa-ai-work-detail-header.is-sticky,
.zsa-ai-work-detail-header.is-scrolled{
  position:relative!important;
  top:auto!important;
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.zsa-ai-work-detail-panel{
  background:transparent!important;
  background-image:none!important;
}
/* Remove any accidental white page-level strip while keeping actual cards white. */
.zsa-ai-work-preview-band,
.zsa-ai-work-recommend{
  background:transparent!important;
}
@media(max-width:720px){
  .zsa-ai-main{
    background-size:32px 32px!important;
    background-position:0 0!important;
  }
  .zsa-ai-work-detail-header{
    position:relative!important;
    top:auto!important;
    background:transparent!important;
  }
}

/* v2.26.77 unified configurable workspace background + sticky bars + app width */
/* One configurable canvas for the entire right workspace. */
.zsa-ai-main{
  background-color:var(--zsa-workspace-bg-color,#fbfcfd)!important;
  background-image:var(--zsa-workspace-bg-image)!important;
  background-size:var(--zsa-workspace-bg-size,32px 32px)!important;
  background-repeat:var(--zsa-workspace-bg-repeat,repeat)!important;
  background-position:top center!important;
}
/* The global top navigation is intentionally white, while every page below uses the same canvas. */
.zsa-ai-topbar{
  background:#fff!important;
  background-image:none!important;
  border-bottom:1px solid rgba(226,230,235,.9)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Application detail: hero, unified composer and community strip share the same content width. */
.zsa-ai-app-detail-page .zsa-ai-app-composer-card.has-unified-composer,
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app,
.zsa-ai-app-detail-page .zsa-ai-app-community,
.zsa-ai-app-detail-page .zsa-ai-app-detail-hero{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}
/* Work-detail author/title bar follows the page and pins to the viewport top on scroll. */
.zsa-ai-work-detail-header,
.zsa-ai-work-detail-header.is-sticky,
.zsa-ai-work-detail-header.is-scrolled{
  position:sticky!important;
  top:0!important;
  z-index:48!important;
  background:#fff!important;
  background-image:none!important;
  border-bottom:1px solid rgba(226,230,235,.92)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.035)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Generation/history controls pin flush to the viewport top; no 58px blank band. */
.zsa-ai-generation-shell{padding-top:0!important;margin-top:0!important}
.zsa-ai-history-header{
  position:sticky!important;
  top:0!important;
  margin-top:0!important;
  z-index:50!important;
  background:#fff!important;
  border-bottom:1px solid rgba(226,230,235,.92)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Reliable direct-image icon: never render as an empty black square. */
.zsa-ai-generation-mode>i.is-image,
.zsa-ai-generation-mode>i.is-image.is-direct-origin{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  color:#1f2937!important;
  background:#eef7ff!important;
  border:1px solid #dbeafe!important;
  border-radius:8px!important;
}
.zsa-ai-generation-mode>i.is-image svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
}
@media(max-width:720px){
  .zsa-ai-main{
    background-size:var(--zsa-workspace-bg-size,32px 32px)!important;
    background-position:top center!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{width:100%!important;max-width:100%!important}
  .zsa-ai-work-detail-header{top:0!important}
  .zsa-ai-history-header{top:0!important}
}

/* v2.26.78 page chrome cleanup, route-specific headers and app composer width */
/* The configured right-workspace background owns the top navigation too. */
.zsa-ai-topbar{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* No separator lines on the left workspace. */
.zsa-ai-sidebar{border-right:0!important}
.zsa-ai-sidebar-top{border-bottom:0!important}
.zsa-ai-sidebar-bottom{border-top:0!important}

/* Work detail and generation pages have their own page-level controls; remove the global menu bar. */
.zsa-ai-app[data-ai-active-panel="work"] .zsa-ai-topbar,
.zsa-ai-app[data-ai-active-panel="generate"] .zsa-ai-topbar{
  display:none!important;
}

/* Work detail: transparent while at the natural top, then a full-width white strip only after it sticks. */
.zsa-ai-work-detail-panel{overflow:visible!important}
.zsa-ai-work-detail-header,
.zsa-ai-work-detail-header.is-sticky{
  position:sticky!important;
  top:0!important;
  z-index:70!important;
  box-sizing:border-box!important;
  width:calc(100% + 56px)!important;
  min-height:72px!important;
  margin-left:-28px!important;
  margin-right:-28px!important;
  padding-left:28px!important;
  padding-right:28px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.zsa-ai-work-detail-header.is-scrolled{
  background:#fff!important;
  background-image:none!important;
  border-bottom:1px solid rgba(226,230,235,.9)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}

/* Generation page: no global menu gap and no divider lines between records. */
.zsa-ai-app[data-ai-active-panel="generate"] .zsa-ai-generation-shell{
  min-height:100vh!important;
  padding-top:0!important;
  margin-top:0!important;
}
.zsa-ai-app[data-ai-active-panel="generate"] .zsa-ai-history-header{
  top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.zsa-ai-generation-turn.is-history-record{
  border-top:0!important;
  margin-top:18px!important;
}
.zsa-ai-generation-stream>.zsa-ai-generation-turn:first-child{border-top:0!important}

/* Application detail: the live unified composer must span exactly the same width as hero/community. */
.zsa-ai-app-detail-page .zsa-ai-app-composer-card.has-unified-composer{
  width:100%!important;
  max-width:none!important;
  margin:22px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{
  --zsa-ai-composer-width:100%;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer,
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer[data-ai-global-composer]{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}

@media(max-width:900px){
  .zsa-ai-work-detail-header,
  .zsa-ai-work-detail-header.is-sticky{
    position:sticky!important;
    top:0!important;
    width:calc(100% + 24px)!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media(max-width:720px){
  .zsa-ai-app-detail-page .zsa-ai-app-composer-card.has-unified-composer{margin-top:16px!important}
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app,
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
}


/* v2.26.79 restore configured composer width + fixed 770px app hero */
@media(min-width:761px){
  /* Keep the overall application page width so the lower same/similar works sections do not change. */
  .zsa-ai-app-detail-page{
    width:min(980px,calc(100vw - 320px))!important;
    max-width:980px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  /* Only the top application information card is 770px and centered in the right workspace. */
  .zsa-ai-app-detail-page .zsa-ai-app-detail-hero{
    width:min(770px,100%)!important;
    max-width:770px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  /* Restore the admin configured pixel width for the unified composer instead of stretching it to 100%. */
  .zsa-ai-app-detail-page .zsa-ai-app-composer-card.has-unified-composer{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin-top:22px!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{
    width:calc(100% - 24px)!important;
    max-width:var(--zsa-ai-composer-width,760px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer,
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer[data-ai-global-composer]{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:760px){
  .zsa-ai-app-detail-page .zsa-ai-app-detail-hero{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* v2.26.80 work-detail composer width recovery + mobile kind-menu reliability */
/* Work-detail composer must never inherit a narrow card/toolbar width. */
[data-ai-panel="work"] .zsa-ai-unified-host.is-work,
.zsa-ai-work-detail-panel .zsa-ai-unified-host.is-work{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(var(--zsa-ai-composer-width,760px),calc(100% - 40px))!important;
  max-width:var(--zsa-ai-composer-width,760px)!important;
  min-width:320px!important;
  margin:26px auto 42px!important;
  box-sizing:border-box!important;
  z-index:90!important;
}
[data-ai-panel="work"] .zsa-ai-unified-host.is-work>.zsa-ai-unified-composer,
.zsa-ai-work-detail-panel .zsa-ai-unified-host.is-work>.zsa-ai-unified-composer{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
[data-ai-panel="work"] .zsa-ai-unified-host.is-work .zsa-ai-unified-composer.is-collapsed,
.zsa-ai-work-detail-panel .zsa-ai-unified-host.is-work .zsa-ai-unified-composer.is-collapsed{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:42px minmax(140px,1fr) 42px!important;
}
[data-ai-panel="work"] .zsa-ai-unified-host.is-work .zsa-ai-unified-prompt-wrap,
[data-ai-panel="work"] .zsa-ai-unified-host.is-work textarea{
  min-width:0!important;
}
@media(max-width:720px){
  [data-ai-panel="work"] .zsa-ai-unified-host.is-work,
  .zsa-ai-work-detail-panel .zsa-ai-unified-host.is-work{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:calc(100% - 16px)!important;
    max-width:calc(100% - 16px)!important;
    min-width:0!important;
    margin:18px auto 28px!important;
  }
  [data-ai-panel="work"] .zsa-ai-unified-host.is-work .zsa-ai-unified-composer.is-collapsed,
  .zsa-ai-work-detail-panel .zsa-ai-unified-host.is-work .zsa-ai-unified-composer.is-collapsed{
    grid-template-columns:40px minmax(96px,1fr) 40px!important;
  }
  /* Kind menu must stay fully tappable above cards on mobile. */
  .zsa-ai-unified-kind-menu.is-unified-menu-portal{
    z-index:2147483647!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .zsa-ai-unified-kind-menu.is-unified-menu-portal button{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    min-height:44px!important;
  }
}

/* v2.26.81 work kind persistence + app floating width + mobile generation back */
/* The app detail host must inherit the configured pixel composer width. Previous 100% custom property became 100px when floating. */
.zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{
  --zsa-ai-composer-width:inherit!important;
}
@media(min-width:761px){
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app{
    width:calc(100% - 24px)!important;
    max-width:var(--zsa-ai-composer-width,760px)!important;
    min-width:520px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app.is-scroll-floating{
    min-width:520px!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer,
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer[data-ai-global-composer]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer.is-collapsed{
    width:100%!important;
    min-height:58px!important;
    height:58px!important;
    grid-template-columns:minmax(220px,1fr) auto!important;
    overflow:visible!important;
  }
  .zsa-ai-app-detail-page .zsa-ai-unified-host.is-app .zsa-ai-unified-composer.is-collapsed>textarea{
    width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
}
/* Generation back button is mobile-only and sits in the empty top-left slot. */
.zsa-ai-generation-mobile-back{display:none}
@media(max-width:720px){
  .zsa-ai-generation-panel .zsa-ai-history-header-inner{
    position:relative!important;
  }
  .zsa-ai-generation-mobile-back{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    margin-right:8px!important;
    padding:0!important;
    border:1px solid #e0e5e9!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#20252b!important;
    font-size:25px!important;
    line-height:1!important;
    box-shadow:0 4px 12px rgba(15,23,42,.05)!important;
  }
  .zsa-ai-generation-panel .zsa-ai-history-tabs{min-width:0!important}
  /* Work-detail kind menu stays above every card and the selected kind remains visible after the portal closes. */
  [data-ai-panel="work"] .zsa-ai-unified-kind-menu.is-unified-menu-portal{
    z-index:2147483647!important;
  }
}


/* v2.26.85 video composer size menu: exact ratio / resolution / duration selector */
.zsa-ai-unified-size-menu [data-ai-unified-video-resolution-section],
.zsa-ai-unified-size-menu [data-ai-unified-video-duration-section]{margin-top:12px!important}
.zsa-ai-unified-size-menu [data-ai-unified-video-resolution-section] header,
.zsa-ai-unified-size-menu [data-ai-unified-video-duration-section] header,
.zsa-ai-unified-size-menu [data-ai-unified-ratio-section] header{margin-bottom:7px!important}
.zsa-ai-unified-size-menu [data-ai-unified-video-resolution-section] nav,
.zsa-ai-unified-size-menu [data-ai-unified-video-duration-section] nav{gap:7px!important}
.zsa-ai-unified-size-menu [data-ai-unified-video-resolution],
.zsa-ai-unified-size-menu [data-ai-unified-video-duration]{min-width:54px!important;height:36px!important;border-radius:19px!important}
.zsa-ai-unified-composer.is-video [data-ai-unified-size-label]{white-space:nowrap!important}
.zsa-ai-generation-attachment-remove{z-index:30!important;pointer-events:auto!important;touch-action:manipulation!important}


/* v2.26.86: stronger generation-delete + visual 3-ratio video size menu */
.zsa-ai-unified-size-menu [data-ai-unified-ratio-section] nav{gap:10px!important}
.zsa-ai-unified-size-menu [data-ai-unified-ratio].is-visual-ratio{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:82px!important;height:36px!important;padding:0 14px!important}
.zsa-ai-unified-ratio-visual{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-radius:5px;box-sizing:border-box;opacity:.92;flex:0 0 auto}
.zsa-ai-unified-ratio-visual.is-ratio-1-1{width:18px;height:18px}
.zsa-ai-unified-ratio-visual.is-ratio-9-16{width:12px;height:18px}
.zsa-ai-unified-ratio-visual.is-ratio-16-9{width:18px;height:12px}
.zsa-ai-unified-size-menu [data-ai-unified-ratio].is-visual-ratio span{line-height:1;white-space:nowrap}
.zsa-ai-unified-composer.is-video [data-ai-unified-ratio-section] nav{justify-content:flex-start}
.zsa-ai-unified-composer.is-video [data-ai-unified-ratio].is-visual-ratio{min-width:86px!important}
.zsa-ai-unified-composer [data-ai-unified-attachments] .zsa-ai-generation-attachment-remove{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}


/* v2.26.87: generation-page video selector mirrors unified composer */
.zsa-ai-generation-panel.is-video-kind [data-ai-generation-image-count-group],
.zsa-ai-generation-panel.is-video-kind [data-ai-generation-image-ratio-group],
.zsa-ai-generation-panel.is-video-kind [data-ai-generation-image-resolution-group]{display:none!important}
.zsa-ai-generation-panel:not(.is-video-kind) [data-ai-generation-video-ratio-group],
.zsa-ai-generation-panel:not(.is-video-kind) [data-ai-generation-video-resolution-group],
.zsa-ai-generation-panel:not(.is-video-kind) [data-ai-generation-video-duration-group]{display:none!important}
.zsa-ai-generation-panel.is-video-kind [data-ai-generation-video-ratio-group],
.zsa-ai-generation-panel.is-video-kind [data-ai-generation-video-resolution-group],
.zsa-ai-generation-panel.is-video-kind [data-ai-generation-video-duration-group]{display:block!important}
.zsa-ai-generation-video-ratios button{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:86px!important}
.zsa-ai-generation-ratio-shape{display:inline-block;border:2px solid currentColor;border-radius:5px;box-sizing:border-box;flex:0 0 auto}
.zsa-ai-generation-ratio-shape.is-1-1{width:18px;height:18px}
.zsa-ai-generation-ratio-shape.is-9-16{width:12px;height:18px}
.zsa-ai-generation-ratio-shape.is-16-9{width:18px;height:12px}
.zsa-ai-generation-panel.is-video-kind .zsa-ai-generation-size-menu.is-detail{width:min(390px,calc(100vw - 28px))!important;min-width:0!important}
.zsa-ai-generation-panel.is-video-kind .zsa-ai-generation-size-group+ .zsa-ai-generation-size-group{margin-top:12px!important}
.zsa-ai-generation-attachment-remove{pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;z-index:999!important}


/* v2.26.90 real video submission/result polish */
.zsa-ai-generation-video-results{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:760px}
.zsa-ai-generation-video-result{overflow:hidden;border:1px solid rgba(15,23,42,.10);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.05)}
.zsa-ai-generation-video-result video{display:block;width:100%;max-height:620px;background:#111;object-fit:contain}
.zsa-ai-generation-video-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-size:13px}
.zsa-ai-generation-video-toolbar span{color:#667085}
.zsa-ai-generation-video-toolbar a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:18px;background:#111;color:#fff;text-decoration:none;font-weight:700}
.zsa-ai-generation-output.is-video-pending .zsa-ai-generation-progress-card.is-video-generation{background:linear-gradient(145deg,#f8fff1 0%,#f8fbff 52%,#fff 100%);border-color:#d8eebf}
.zsa-ai-generation-output.is-video-pending .zsa-ai-generation-progress-card.is-video-generation span{margin-top:8px;color:#667085;font-size:12px}
@media(max-width:760px){.zsa-ai-generation-video-results{width:100%;max-width:none}.zsa-ai-generation-video-result{border-radius:16px}.zsa-ai-generation-video-toolbar{padding:9px 11px}.zsa-ai-generation-video-toolbar a{min-height:32px;padding:0 12px}}

/* v2.26.94 multi model tags */
.zsa-ai-model-inline-tags{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;margin-left:6px;vertical-align:middle}.zsa-ai-model-inline-tags em{font-style:normal;font-size:10px;font-weight:700;line-height:17px;height:17px;padding:0 5px;border-radius:5px;border:1px solid #d0d5dd;background:#fff;color:#667085}.zsa-ai-model-inline-tags em.is-green{background:#12b76a;border-color:#12b76a;color:#fff}.zsa-ai-model-inline-tags em.is-orange{background:#fff3e7;border-color:#ffc782;color:#d96b0b}.zsa-ai-model-inline-tags em.is-blue{background:#eef4ff;border-color:#c7d7fe;color:#2459d3}.zsa-ai-model-inline-tags em.is-purple{background:#f4f0ff;border-color:#d9ceff;color:#6941c6}.zsa-ai-model-inline-tags em.is-red{background:#fff0f0;border-color:#ffc9c9;color:#d92d20}.zsa-ai-unified-model-name-line,.zsa-ai-model-market-name{display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:wrap}.zsa-ai-unified-model-name-line .zsa-ai-model-inline-tags,.zsa-ai-model-market-name .zsa-ai-model-inline-tags{margin-left:0}.zsa-ai-unified-model-option>span>.zsa-ai-unified-model-name-line>b{font-size:14px;color:#111}.zsa-ai-unified-model-option>span>.zsa-ai-unified-model-name-line+small{display:block;margin-top:3px}


/* v2.26.95 — model tags everywhere on frontend */
.zsa-ai-unified-model [data-ai-unified-model-label]{display:inline-flex;align-items:center;gap:5px;min-width:0;white-space:nowrap}.zsa-ai-unified-model [data-ai-unified-model-label]>.zsa-ai-model-inline-tags{margin-left:2px;flex-wrap:nowrap}.zsa-ai-unified-model [data-ai-unified-model-label]>.zsa-ai-model-inline-tags em{font-size:9px;height:16px;line-height:15px;padding:0 4px}
.zsa-ai-unified-model-option .zsa-ai-model-inline-tags{display:inline-flex!important;visibility:visible!important;opacity:1!important}.zsa-ai-unified-model-name-line{overflow:visible!important}.zsa-ai-generation-model-name{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.zsa-ai-generation-model-name .zsa-ai-model-inline-tags{margin-left:0}.zsa-ai-inline-model-menu .zsa-ai-model-menu-name{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.zsa-ai-image-model-strip button>span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.zsa-ai-image-model-strip .zsa-ai-model-inline-tags{margin-left:0}
@media(max-width:768px){.zsa-ai-unified-model [data-ai-unified-model-label]>.zsa-ai-model-inline-tags em{font-size:8px;padding:0 3px}.zsa-ai-unified-model-option .zsa-ai-model-inline-tags em{font-size:8px;height:15px;line-height:14px;padding:0 4px}}
\n\n/* v2.27.1 — direct reference insertion, full generation video, model tag visibility */
.zsa-ai-generation-output.is-video-output,.zsa-ai-generation-output.is-video-output .zsa-ai-generation-result-wrap,.zsa-ai-generation-turn[data-generation-tool="video"] .zsa-ai-generation-output{width:100%!important;max-width:100%!important}
.zsa-ai-generation-result-wrap.is-video-result-wrap{width:100%!important}
.zsa-ai-generation-video-results{width:min(100%,1040px)!important;max-width:1040px!important;justify-items:stretch}
.zsa-ai-generation-video-results[data-video-ratio="16:9"]{width:min(100%,1040px)!important}
.zsa-ai-generation-video-results[data-video-ratio="1:1"]{width:min(100%,760px)!important}
.zsa-ai-generation-video-results[data-video-ratio="9:16"]{width:min(100%,480px)!important}
.zsa-ai-generation-video-result{width:100%;min-width:0}
.zsa-ai-generation-video-result video{width:100%!important;height:auto!important;max-height:76vh!important;object-fit:contain!important;background:#0b0b0c}
.zsa-ai-generation-video-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.zsa-ai-generation-video-toolbar>div a{white-space:nowrap}
.zsa-ai-model-inline-tags{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2}
.zsa-ai-unified-model-option .zsa-ai-unified-model-name-line{display:flex!important;align-items:center!important;flex-wrap:wrap!important;overflow:visible!important}
@media(max-width:760px){.zsa-ai-generation-video-results,.zsa-ai-generation-video-results[data-video-ratio]{width:100%!important;max-width:100%!important}.zsa-ai-generation-video-result video{max-height:70vh!important}.zsa-ai-generation-video-toolbar{align-items:flex-start}.zsa-ai-generation-video-toolbar>div{gap:6px}.zsa-ai-generation-video-toolbar a{font-size:12px;padding:0 10px}}


/* v2.27.2 compact video result cards + model tag visibility */
.zsa-ai-model-tabs button{height:auto;min-height:36px;padding:7px 14px}
.zsa-ai-model-tabs button .zsa-ai-model-market-name{display:inline-flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0}
.zsa-ai-model-tabs button .zsa-ai-model-market-name>b{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zsa-ai-model-tabs button span{max-width:none;overflow:visible;text-overflow:clip}
.zsa-ai-model-floor h2.zsa-ai-model-market-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.zsa-ai-generation-video-results,.zsa-ai-generation-video-results[data-video-ratio],.zsa-ai-generation-video-results[data-video-ratio="16:9"]{width:min(100%,420px)!important;max-width:420px!important;justify-items:stretch!important}
.zsa-ai-generation-video-results[data-video-ratio="1:1"]{width:min(100%,360px)!important;max-width:360px!important}
.zsa-ai-generation-video-results[data-video-ratio="9:16"]{width:min(100%,280px)!important;max-width:280px!important}
.zsa-ai-generation-video-result video{max-height:420px!important;border-radius:16px 16px 0 0;object-fit:cover!important}
.zsa-ai-generation-video-toolbar{padding:10px 12px!important}
.zsa-ai-generation-video-toolbar span{font-size:12px!important}
@media(max-width:760px){.zsa-ai-generation-video-results,.zsa-ai-generation-video-results[data-video-ratio]{width:min(100%,340px)!important;max-width:340px!important}.zsa-ai-generation-video-results[data-video-ratio="9:16"]{width:min(100%,250px)!important;max-width:250px!important}.zsa-ai-generation-video-result video{max-height:360px!important}}

/* v2.27.4 — app first-load, compact video cards, distinct image/video size panels */
.zsa-ai-unified-size-menu[data-ai-unified-size-menu]{width:min(760px,calc(100vw - 28px));padding:16px 18px!important}
.zsa-ai-unified-size-menu [data-ai-unified-image-count-section],
.zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section],
.zsa-ai-unified-size-menu [data-ai-unified-image-resolution-section],
.zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section],
.zsa-ai-unified-size-menu [data-ai-unified-video-resolution-section],
.zsa-ai-unified-size-menu [data-ai-unified-video-duration-section]{margin-top:0!important}
.zsa-ai-unified-size-menu section+section{margin-top:12px!important}
.zsa-ai-unified-size-menu [data-ai-unified-image-count-section] nav,
.zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] nav,
.zsa-ai-unified-size-menu [data-ai-unified-image-resolution-section] nav{gap:8px!important}
.zsa-ai-unified-size-menu [data-ai-unified-count]{min-width:52px!important;height:36px!important}
.zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio]{min-width:62px!important;height:36px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
.zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio="smart"]{min-width:82px!important}
.zsa-ai-unified-size-menu [data-ai-unified-image-resolution-section] [data-ai-unified-resolution]{min-width:54px!important}
.zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section] nav{gap:10px!important}
.zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section] [data-ai-unified-ratio]{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:82px!important;height:36px!important;padding:0 14px!important}
.zsa-ai-unified-ratio-visual.is-ratio-2-3{width:12px;height:18px}
.zsa-ai-unified-ratio-visual.is-ratio-4-3{width:18px;height:14px}
.zsa-ai-unified-ratio-visual.is-ratio-21-9{width:20px;height:9px;border-radius:4px}
.zsa-ai-unified-ratio-visual.is-ratio-3-4{width:14px;height:18px}
.zsa-ai-unified-ratio-visual.is-ratio-3-2{width:18px;height:12px}

.zsa-ai-generation-video-card-list{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;max-width:100%}
.zsa-ai-generation-video-card{width:260px;max-width:100%;margin:0;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(15,23,42,.06)}
.zsa-ai-generation-video-card-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0d0e10}
.zsa-ai-generation-video-card-list[data-video-ratio="1:1"] .zsa-ai-generation-video-card{width:230px}
.zsa-ai-generation-video-card-list[data-video-ratio="1:1"] .zsa-ai-generation-video-card-media{aspect-ratio:1/1}
.zsa-ai-generation-video-card-list[data-video-ratio="9:16"] .zsa-ai-generation-video-card{width:180px}
.zsa-ai-generation-video-card-list[data-video-ratio="9:16"] .zsa-ai-generation-video-card-media{aspect-ratio:9/16}
.zsa-ai-generation-video-card-media video{display:block;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;background:#0d0e10}
.zsa-ai-generation-video-card-open{position:absolute;left:50%;top:50%;transform:translate(-50%,-44%);display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:34px;padding:0 14px;border-radius:18px;background:rgba(17,17,17,.84);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;opacity:0;visibility:hidden;pointer-events:none;transition:.18s;z-index:4}
.zsa-ai-generation-video-card-media:hover .zsa-ai-generation-video-card-open,.zsa-ai-generation-video-card:focus-within .zsa-ai-generation-video-card-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)}
.zsa-ai-generation-output.is-video-output .zsa-ai-generation-result-wrap{width:auto!important;max-width:100%!important}
@media(max-width:760px){
 .zsa-ai-unified-size-menu[data-ai-unified-size-menu]{width:calc(100vw - 20px)!important;padding:14px!important}
 .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] nav{gap:6px!important}
 .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio]{min-width:58px!important;padding:0 10px!important}
 .zsa-ai-generation-video-card{width:230px}
 .zsa-ai-generation-video-card-list[data-video-ratio="9:16"] .zsa-ai-generation-video-card{width:170px}
}


/* v2.27.14 first-paint fan fallback: prevent all server-rendered cards stacking at center */
@media(min-width:721px){
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card,
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card,
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card{opacity:0;visibility:hidden;pointer-events:none}
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card:nth-child(1){--arc-x:0px;opacity:1;visibility:visible;z-index:100}
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card:nth-child(2){--arc-x:290px;--arc-y:12px;--arc-rotate:2.8deg;opacity:1;visibility:visible;z-index:90}
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card:nth-child(3){--arc-x:580px;--arc-y:28px;--arc-rotate:4.8deg;opacity:1;visibility:visible;z-index:80}
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card:nth-last-child(1){--arc-x:-290px;--arc-y:12px;--arc-rotate:-2.8deg;opacity:1;visibility:visible;z-index:90}
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card:nth-last-child(2){--arc-x:-580px;--arc-y:28px;--arc-rotate:-4.8deg;opacity:1;visibility:visible;z-index:80}

  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card:nth-child(1){--model-x:0px;opacity:1;visibility:visible;z-index:100}
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card:nth-child(2){--model-x:290px;--model-y:12px;--model-r:2.8deg;opacity:1;visibility:visible;z-index:90}
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card:nth-child(3){--model-x:580px;--model-y:28px;--model-r:4.8deg;opacity:1;visibility:visible;z-index:80}
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card:nth-last-child(1){--model-x:-290px;--model-y:12px;--model-r:-2.8deg;opacity:1;visibility:visible;z-index:90}
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card:nth-last-child(2){--model-x:-580px;--model-y:28px;--model-r:-4.8deg;opacity:1;visibility:visible;z-index:80}

  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card:nth-child(1){--work-x:0px;opacity:1;visibility:visible;z-index:100}
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card:nth-child(2){--work-x:270px;--work-y:14px;--work-r:3deg;opacity:1;visibility:visible;z-index:90}
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card:nth-child(3){--work-x:540px;--work-y:30px;--work-r:5deg;opacity:1;visibility:visible;z-index:80}
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card:nth-last-child(1){--work-x:-270px;--work-y:14px;--work-r:-3deg;opacity:1;visibility:visible;z-index:90}
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card:nth-last-child(2){--work-x:-540px;--work-y:30px;--work-r:-5deg;opacity:1;visibility:visible;z-index:80}
}
@media(max-width:720px){
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card,
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card,
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card{opacity:0;visibility:hidden;pointer-events:none}
  [data-ai-market-carousel]:not([data-drawn="1"]) .zsa-ai-app-arc-card:nth-child(1),
  [data-ai-model-market-carousel]:not([data-drawn="1"]) .zsa-ai-model-arc-card:nth-child(1),
  [data-ai-works-fan]:not([data-drawn="1"]) .zsa-ai-works-fan-card:nth-child(1){opacity:1;visibility:visible;z-index:100}
}


/* v2.27.16 — reference preview lock + flush size popover */
.zsa-ai-unified-composer.has-upload-expansion-lock{overflow:visible!important}
.zsa-ai-unified-composer.has-upload-expansion-lock>.zsa-ai-unified-attachments{display:flex!important;visibility:visible!important;opacity:1!important}
.zsa-ai-unified-composer.has-upload-expansion-lock>.zsa-ai-unified-attachments img,
.zsa-ai-unified-composer.has-upload-expansion-lock>.zsa-ai-unified-attachments video{display:block!important;visibility:visible!important;opacity:1!important}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-up{margin:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-down{margin:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}


/* v2.27.17 — direct upload state bridge + integrated size sheet */
.zsa-ai-unified-composer.has-size-menu{position:relative!important;z-index:2147483647!important}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-down{border-top-left-radius:0!important;border-top-right-radius:0!important;padding-top:24px!important;box-shadow:0 20px 44px rgba(15,23,42,.16)!important}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-up{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;padding-bottom:24px!important;box-shadow:0 -14px 40px rgba(15,23,42,.14)!important}
.zsa-ai-unified-composer.size-menu-opens-down{border-bottom-left-radius:28px!important;border-bottom-right-radius:28px!important}
.zsa-ai-unified-composer.size-menu-opens-up{border-top-left-radius:28px!important;border-top-right-radius:28px!important}


/* v2.27.18 — stable size sheet: deeper overlap, no visible seam, compact mobile */
.zsa-ai-unified-composer.has-size-menu{position:relative!important;z-index:2147483647!important;overflow:visible!important}
.zsa-ai-unified-size-menu.is-fixed-menu{z-index:2147483645!important}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-up{
  border-radius:22px!important;
  padding-bottom:38px!important;
  box-shadow:0 -14px 40px rgba(15,23,42,.13)!important;
}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-down{
  border-radius:22px!important;
  padding-top:38px!important;
  box-shadow:0 20px 44px rgba(15,23,42,.14)!important;
}
.zsa-ai-unified-composer.size-menu-opens-up,
.zsa-ai-unified-composer.size-menu-opens-down{z-index:2147483647!important}
@media(max-width:720px){
  .zsa-ai-unified-size-menu[data-ai-unified-size-menu]{
    padding:10px 11px 12px!important;
    border-radius:18px!important;
    font-size:12px!important;
  }
  .zsa-ai-unified-size-menu.is-fixed-menu.opens-up{padding-bottom:32px!important}
  .zsa-ai-unified-size-menu.is-fixed-menu.opens-down{padding-top:32px!important}
  .zsa-ai-unified-size-menu section+section{margin-top:8px!important}
  .zsa-ai-unified-size-menu section header{margin-bottom:5px!important;gap:6px!important}
  .zsa-ai-unified-size-menu section header b{font-size:12px!important}
  .zsa-ai-unified-size-menu section header small{font-size:10px!important}
  .zsa-ai-unified-size-menu [data-ai-unified-image-count-section] nav,
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] nav,
  .zsa-ai-unified-size-menu [data-ai-unified-image-resolution-section] nav,
  .zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section] nav,
  .zsa-ai-unified-size-menu [data-ai-unified-video-resolution-section] nav,
  .zsa-ai-unified-size-menu [data-ai-unified-video-duration-section] nav{gap:5px!important}
  .zsa-ai-unified-size-menu [data-ai-unified-count],
  .zsa-ai-unified-size-menu [data-ai-unified-resolution],
  .zsa-ai-unified-size-menu [data-ai-unified-video-resolution],
  .zsa-ai-unified-size-menu [data-ai-unified-video-duration]{height:31px!important;min-width:44px!important;padding:0 9px!important;border-radius:16px!important;font-size:12px!important}
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio],
  .zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section] [data-ai-unified-ratio]{height:31px!important;min-width:52px!important;padding:0 8px!important;gap:6px!important;border-radius:16px!important;font-size:12px!important}
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio="smart"]{min-width:70px!important}
  .zsa-ai-unified-ratio-visual{transform:scale(.85);transform-origin:center}
}

/* v2.27.19 — unified popover direction, single-row image ratios, no pointer jitter */
/* The white sheet may extend behind the composer, but its content remains outside the covered join zone. */
.zsa-ai-unified-size-menu.is-fixed-menu{
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-up{padding-bottom:42px!important}
.zsa-ai-unified-size-menu.is-fixed-menu.opens-down{padding-top:42px!important}
.zsa-ai-unified-size-menu button,
.zsa-ai-unified-size-menu button:hover,
.zsa-ai-unified-size-menu button:focus,
.zsa-ai-unified-size-menu button:focus-visible{
  transform:none!important;
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
/* Desktop: all image ratios, including 智能尺寸, stay on one stable row. */
@media(min-width:721px){
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] nav{
    display:grid!important;
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
    gap:6px!important;
    align-items:center!important;
  }
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio]{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 7px!important;
    gap:6px!important;
    white-space:nowrap!important;
  }
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio="smart"]{
    min-width:0!important;
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:12px!important;
  }
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] .zsa-ai-unified-ratio-visual{transform:scale(.82)!important;margin:0!important}
}
/* Mobile: compact grid, no hover-induced reflow and no horizontal overflow. */
@media(max-width:720px){
  .zsa-ai-unified-size-menu[data-ai-unified-size-menu]{
    width:min(calc(100vw - 16px),360px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 12px)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio]{
    width:100%!important;min-width:0!important;padding:0 4px!important;gap:4px!important;font-size:11px!important
  }
  .zsa-ai-unified-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio="smart"]{min-width:0!important;font-size:10px!important}
  .zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section] nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .zsa-ai-unified-size-menu [data-ai-unified-video-ratio-section] [data-ai-unified-ratio]{width:100%!important;min-width:0!important;padding:0 6px!important}
}
/* Portal menus always paint above page cards; composer itself remains above the overlapped sheet edge. */
.zsa-ai-unified-menu.is-unified-menu-portal{z-index:2147483646!important}
.zsa-ai-unified-composer.has-size-menu{z-index:2147483647!important}


/* v2.27.20 — compact desktop size sheets: image two-row ratios, shorter video sheet */
@media(min-width:721px){
  .zsa-ai-unified-size-menu.is-image-size-menu[data-ai-unified-size-menu]{
    width:min(520px,calc(100vw - 18px))!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .zsa-ai-unified-size-menu.is-image-size-menu [data-ai-unified-image-ratio-section] nav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .zsa-ai-unified-size-menu.is-image-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio]{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 7px!important;
    gap:5px!important;
    font-size:12px!important;
  }
  .zsa-ai-unified-size-menu.is-image-size-menu [data-ai-unified-image-ratio-section] [data-ai-unified-ratio="smart"]{
    min-width:0!important;
    font-size:11px!important;
  }
  .zsa-ai-unified-size-menu.is-image-size-menu section+section{margin-top:9px!important}
  .zsa-ai-unified-size-menu.is-image-size-menu section header{margin-bottom:5px!important}
  .zsa-ai-unified-size-menu.is-image-size-menu.opens-down{padding-top:26px!important}
  .zsa-ai-unified-size-menu.is-image-size-menu.opens-up{padding-bottom:26px!important}

  .zsa-ai-unified-size-menu.is-video-size-menu[data-ai-unified-size-menu]{
    width:min(390px,calc(100vw - 18px))!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .zsa-ai-unified-size-menu.is-video-size-menu.opens-down{padding-top:18px!important}
  .zsa-ai-unified-size-menu.is-video-size-menu.opens-up{padding-bottom:18px!important}
  .zsa-ai-unified-size-menu.is-video-size-menu section+section{margin-top:7px!important}
  .zsa-ai-unified-size-menu.is-video-size-menu section header{margin-bottom:4px!important}
  .zsa-ai-unified-size-menu.is-video-size-menu [data-ai-unified-video-ratio-section] nav,
  .zsa-ai-unified-size-menu.is-video-size-menu [data-ai-unified-video-resolution-section] nav,
  .zsa-ai-unified-size-menu.is-video-size-menu [data-ai-unified-video-duration-section] nav{gap:6px!important}
  .zsa-ai-unified-size-menu.is-video-size-menu [data-ai-unified-video-ratio-section] [data-ai-unified-ratio],
  .zsa-ai-unified-size-menu.is-video-size-menu [data-ai-unified-video-resolution],
  .zsa-ai-unified-size-menu.is-video-size-menu [data-ai-unified-video-duration]{height:33px!important}
}

/* v2.27.22 — grouped multi-image works: hover thumbnails like marketplace cards */
.zsa-ai-has-multi[data-ai-multi-work-card]{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  align-content:stretch!important;
  isolation:isolate;
}
.zsa-ai-multi-work-main{
  position:absolute!important;
  inset:0!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#f2f4f6!important;
}
.zsa-ai-multi-work-main>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  transition:transform .22s ease!important;
}
.zsa-ai-multi-work-strip{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  z-index:14!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  padding:5px!important;
  box-sizing:border-box!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(224,230,235,.95)!important;
  box-shadow:0 10px 22px rgba(15,23,42,.12)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(14px)!important;
  pointer-events:none!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.zsa-ai-has-multi[data-ai-multi-work-card]:hover .zsa-ai-multi-work-strip,
.zsa-ai-has-multi[data-ai-multi-work-card]:focus-within .zsa-ai-multi-work-strip,
.zsa-ai-has-multi[data-ai-multi-work-card].is-hover .zsa-ai-multi-work-strip{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}
.zsa-ai-multi-work-thumb,
.zsa-ai-multi-work-more{
  position:relative!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e1e6eb!important;
  border-radius:8px!important;
  background:#f4f6f8!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.zsa-ai-multi-work-thumb>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
.zsa-ai-multi-work-thumb:hover,
.zsa-ai-multi-work-thumb.is-active,
.zsa-ai-multi-work-thumb:focus-visible{
  border-color:#83e31a!important;
  box-shadow:inset 0 0 0 1px #83e31a!important;
  outline:0!important;
}
.zsa-ai-multi-work-more{
  display:grid!important;
  place-items:center!important;
  color:#252a31!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  font-style:normal!important;
  user-select:none!important;
}
.zsa-ai-multi-work-more:hover{background:#eef7e6!important;border-color:#9cdb58!important}
.zsa-ai-multi-work-more.is-empty{display:none!important}

.zsa-ai-public-work-media.zsa-ai-has-multi,
.zsa-ai-model-work-media.zsa-ai-has-multi,
.zsa-ai-favorite-media.zsa-ai-has-multi,
.zsa-ai-home-community-media.zsa-ai-has-multi,
.zsa-ai-app-work-image.zsa-ai-has-multi,
.zsa-ai-unified-model-work-media.zsa-ai-has-multi,
.zsa-ai-my-work-media.zsa-ai-has-multi,
.zsa-ai-work-related-card>div.zsa-ai-has-multi{position:relative!important;overflow:hidden!important}
.zsa-ai-public-work-media.zsa-ai-has-multi,
.zsa-ai-model-work-media.zsa-ai-has-multi{aspect-ratio:3/4!important}
.zsa-ai-favorite-media.zsa-ai-has-multi{aspect-ratio:4/3!important}
.zsa-ai-home-community-media.zsa-ai-has-multi{aspect-ratio:3/4!important;min-height:280px!important}
.zsa-ai-app-work-image.zsa-ai-has-multi{aspect-ratio:4/3!important;min-height:220px!important}
.zsa-ai-unified-model-work-media.zsa-ai-has-multi{aspect-ratio:4/3!important;min-height:0!important}
.zsa-ai-my-work-media.zsa-ai-has-multi{height:210px!important;place-items:stretch!important}
.zsa-ai-work-related-card>div.zsa-ai-has-multi{aspect-ratio:1/1!important;display:block!important}

.zsa-ai-public-work-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img,
.zsa-ai-model-work-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img,
.zsa-ai-favorite-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img,
.zsa-ai-app-work-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img,
.zsa-ai-home-community-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img,
.zsa-ai-unified-model-work-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img,
.zsa-ai-work-related-card:hover .zsa-ai-has-multi .zsa-ai-multi-work-main>img{
  transform:scale(1.018)!important;
}
.zsa-ai-has-multi .zsa-ai-multi-work-strip img,
.zsa-ai-has-multi:hover .zsa-ai-multi-work-strip img{
  transform:none!important;
  filter:none!important;
}
.zsa-ai-has-multi>span:not(.zsa-ai-multi-work-thumb):not(.zsa-ai-multi-work-more),
.zsa-ai-has-multi>button,
.zsa-ai-has-multi>i,
.zsa-ai-has-multi>strong{z-index:16!important}
.zsa-ai-has-multi>span:not(.zsa-ai-multi-work-thumb):not(.zsa-ai-multi-work-more):not(.zsa-ai-multi-work-strip){position:relative!important}

@media(max-width:720px){
  .zsa-ai-multi-work-strip{left:6px!important;right:6px!important;bottom:6px!important;gap:4px!important;padding:4px!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}
  .zsa-ai-multi-work-thumb,.zsa-ai-multi-work-more{height:38px!important;border-radius:7px!important}
  .zsa-ai-multi-work-more{font-size:12px!important}
  .zsa-ai-home-community-media.zsa-ai-has-multi{min-height:230px!important}
  .zsa-ai-app-work-image.zsa-ai-has-multi{min-height:190px!important}
  .zsa-ai-my-work-media.zsa-ai-has-multi{height:150px!important}
}

/* v2.27.23 — multi-image cards match marketplace hover: floating thumbs only */
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-strip{
  left:10px!important;
  right:auto!important;
  bottom:10px!important;
  width:auto!important;
  max-width:calc(100% - 20px)!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-more{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:7px!important;
  border:2px solid rgba(255,255,255,.96)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.18)!important;
  background:#fff!important;
}
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-thumb:hover,
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-thumb.is-active{
  border-color:#8df11d!important;
  box-shadow:0 3px 10px rgba(15,23,42,.18),0 0 0 1px #8df11d!important;
}
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-more{
  background:rgba(31,35,40,.78)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  font-weight:900!important;
  backdrop-filter:blur(5px)!important;
}
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-more:hover{
  background:rgba(22,25,29,.9)!important;
  border-color:#8df11d!important;
}
/* Do not reserve any extra card height for the hover thumbnails. */
.zsa-ai-has-multi[data-ai-multi-work-card]{display:block!important}
.zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-main{position:absolute!important;inset:0!important}
@media(max-width:720px){
  .zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-strip{left:7px!important;bottom:7px!important;gap:4px!important}
  .zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-thumb,
  .zsa-ai-has-multi[data-ai-multi-work-card] .zsa-ai-multi-work-more{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;flex-basis:38px!important}
}

/* Model tags belong in the model picker / model market titles, not the composer chip. */
.zsa-ai-unified-model [data-ai-unified-model-label] .zsa-ai-model-inline-tags,
.zsa-ai-generation-model-chip .zsa-ai-model-inline-tags{display:none!important}
.zsa-ai-unified-model-option .zsa-ai-model-inline-tags,
.zsa-ai-model-market-name .zsa-ai-model-inline-tags{display:inline-flex!important}
/* v2.27.24 — wrapper-free multi-image hover, exactly three independent floating blocks */
.zsa-ai-has-multi[data-ai-multi-work-card]{position:relative!important;overflow:hidden!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-main>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more{position:absolute!important;bottom:10px!important;z-index:30!important;width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;padding:0!important;margin:0!important;border-radius:7px!important;box-sizing:border-box!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important;transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-1{left:10px!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-2{left:60px!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more.is-slot-more{left:110px!important}
.zsa-ai-has-multi[data-ai-multi-work-card]:hover>.zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card]:hover>.zsa-ai-multi-work-more,
.zsa-ai-has-multi[data-ai-multi-work-card]:focus-within>.zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card]:focus-within>.zsa-ai-multi-work-more{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb{overflow:hidden!important;border:2px solid rgba(255,255,255,.96)!important;background:#fff!important;box-shadow:0 3px 10px rgba(15,23,42,.2)!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb>img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transform:none!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-active,
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb:hover{border-color:#8df11d!important;box-shadow:0 3px 10px rgba(15,23,42,.2),0 0 0 1px #8df11d!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more{display:grid!important;place-items:center!important;border:2px solid rgba(255,255,255,.88)!important;background:rgba(31,35,40,.8)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;box-shadow:0 3px 10px rgba(15,23,42,.2)!important;cursor:pointer!important}
/* Any old strip node from stale cached HTML must not render a white bar. */
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-strip{display:contents!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
@media(max-width:720px){
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb,.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;bottom:7px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-1{left:7px!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-2{left:49px!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more.is-slot-more{left:91px!important}
}


/* v2.27.25 — multi-image cards: bottom floating 3 thumbs, last thumb dark overlay + total count */
.zsa-ai-has-multi[data-ai-multi-work-card]{position:relative!important;overflow:hidden!important;display:block!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-strip{display:none!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;z-index:1!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-main>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more{position:absolute!important;bottom:12px!important;z-index:28!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;border-radius:7px!important;overflow:hidden!important;box-sizing:border-box!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;box-shadow:0 4px 10px rgba(15,23,42,.22)!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-1{left:10px!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-2{left:58px!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more.is-slot-3{left:106px!important}
.zsa-ai-has-multi[data-ai-multi-work-card]:hover>.zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card]:hover>.zsa-ai-multi-work-more,
.zsa-ai-has-multi[data-ai-multi-work-card]:focus-within>.zsa-ai-multi-work-thumb,
.zsa-ai-has-multi[data-ai-multi-work-card]:focus-within>.zsa-ai-multi-work-more{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb{border:2px solid rgba(255,255,255,.96)!important;background:#fff!important;cursor:pointer!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-active,
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb:hover{border-color:#8de91b!important;box-shadow:0 4px 10px rgba(15,23,42,.22),0 0 0 1px #8de91b!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more{border:2px solid rgba(255,255,255,.88)!important;background:#59616b!important;color:#fff!important;cursor:pointer!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:grayscale(.1) brightness(.56)!important}
.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more>em{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#fff!important;font-style:normal!important;font-size:14px!important;font-weight:900!important;letter-spacing:.02em!important;text-shadow:0 1px 3px rgba(0,0,0,.35)!important;background:rgba(52,58,66,.34)!important}
@media(max-width:720px){
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb,
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;bottom:8px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-1{left:8px!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-thumb.is-slot-2{left:52px!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more.is-slot-3{left:96px!important}
 .zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-multi-work-more>em{font-size:13px!important}
}


/* v2.27.26 — final override: multi-image thumbs dock at the bottom, 2 thumbs + gray total-count slot */
[data-ai-multi-work-card].zsa-ai-has-multi{position:relative!important;overflow:hidden!important;display:block!important;isolation:isolate!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-strip{display:none!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-main{position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-main>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  bottom:8px!important;
  z-index:34!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  margin:0!important;
  padding:0!important;
  border-radius:7px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  box-shadow:0 4px 10px rgba(15,23,42,.18)!important;
}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-1{left:8px!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-2{left:52px!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more.is-slot-3{left:96px!important}
[data-ai-multi-work-card].zsa-ai-has-multi:hover>.zsa-ai-multi-work-thumb,
[data-ai-multi-work-card].zsa-ai-has-multi:hover>.zsa-ai-multi-work-more,
[data-ai-multi-work-card].zsa-ai-has-multi:focus-within>.zsa-ai-multi-work-thumb,
[data-ai-multi-work-card].zsa-ai-has-multi:focus-within>.zsa-ai-multi-work-more{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb{border:2px solid rgba(255,255,255,.98)!important;background:#fff!important;cursor:pointer!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-active,
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb:hover{border-color:#92eb22!important;box-shadow:0 4px 10px rgba(15,23,42,.18),0 0 0 1px #92eb22!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count{border:0!important;background:#616975!important;cursor:pointer!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:grayscale(.08) brightness(.48)!important}
[data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count>em{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:rgba(72,79,88,.45)!important;color:#fff!important;font-size:14px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;text-shadow:0 1px 3px rgba(0,0,0,.35)!important}
@media (max-width:720px){
  [data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  [data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more{
    width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;bottom:8px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important
  }
  [data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-1{left:8px!important}
  [data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-2{left:48px!important}
  [data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more.is-slot-3{left:88px!important}
  [data-ai-multi-work-card].zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count>em{font-size:13px!important}
}




/* v2.27.33 — work detail related multi-image cards: isolate thumbnails from remix CTA styles */
.zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
.zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more{
  top:auto!important;
  right:auto!important;
  min-width:40px!important;
  padding:0!important;
  line-height:normal!important;
  background-clip:padding-box!important;
  white-space:normal!important;
}
.zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb{background:#fff!important}
.zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count{background:#616975!important;color:#fff!important}
.zsa-ai-work-related-card:hover>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb>img{filter:none!important}
.zsa-ai-work-related-card:hover>div.zsa-ai-has-multi>.zsa-ai-multi-work-more>img{filter:grayscale(.08) brightness(.48)!important}
@media(max-width:720px){
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more{
    width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
    padding:0!important;border-radius:7px!important;line-height:normal!important;
  }
}


/* v2.27.34 — work detail related cards: compact hover-only multi thumbs */
@media (hover:hover) and (pointer:fine){
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more{
    top:auto!important;
    right:auto!important;
    bottom:9px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:6px!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(6px)!important;
  }
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-1{left:9px!important}
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-2{left:47px!important}
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more.is-slot-3{left:85px!important}
  .zsa-ai-work-related-card:not(:hover)>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  .zsa-ai-work-related-card:not(:hover)>div.zsa-ai-has-multi>.zsa-ai-multi-work-more,
  .zsa-ai-work-related-card:focus-within:not(:hover)>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  .zsa-ai-work-related-card:focus-within:not(:hover)>div.zsa-ai-has-multi>.zsa-ai-multi-work-more{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(6px)!important;
  }
  .zsa-ai-work-related-card:hover>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  .zsa-ai-work-related-card:hover>div.zsa-ai-has-multi>.zsa-ai-multi-work-more{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count>em{font-size:12px!important}
}
/* Touch devices have no hover: keep the same compact geometry without changing other cards. */
@media (hover:none), (pointer:coarse){
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb,
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more{
    bottom:7px!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;border-radius:6px!important;
  }
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-1{left:7px!important}
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-thumb.is-slot-2{left:43px!important}
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more.is-slot-3{left:79px!important}
  .zsa-ai-work-related-card>div.zsa-ai-has-multi>.zsa-ai-multi-work-more.is-total-count>em{font-size:11px!important}
}


/* v2.27.35 — work detail related MULTI-image card: keep the remix CTA truly centered */
body .zsa-ai-work-related-card>div.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-work-related-remix.zsa-ai-work-related-remix{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:42!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:82px!important;
  max-width:calc(100% - 20px)!important;
  height:34px!important;
  padding:0 13px!important;
  line-height:34px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
body .zsa-ai-work-related-card:hover>div.zsa-ai-has-multi[data-ai-multi-work-card]>.zsa-ai-work-related-remix.zsa-ai-work-related-remix{
  transform:translate(-50%,-50%)!important;
}


/* v2.27.36 — model picker owns the foreground; composer hides until model selection returns */
.zsa-ai-unified-composer.is-model-picker-suspended{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
/* Backend model tags stay immediately after model titles on model market + picker only. */
.zsa-ai-model-market-name,
.zsa-ai-unified-model-name-line{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
.zsa-ai-model-market-name>.zsa-ai-model-inline-tags,
.zsa-ai-unified-model-name-line>.zsa-ai-model-inline-tags{
  display:inline-flex!important;
  align-items:center!important;
  margin-left:0!important;
  flex:0 0 auto!important;
}
.zsa-ai-unified-model [data-ai-unified-model-label]>.zsa-ai-model-inline-tags,
.zsa-ai-generation-model-chip .zsa-ai-model-inline-tags{
  display:none!important;
}
.zsa-ai-unified-model-modal{
  z-index:2147483600!important;
}


/* v2.27.37 — backend model tags: hard-visible immediately after titles on model market + picker */
.zsa-ai-model-market-name>.zsa-ai-model-title-tags,
.zsa-ai-unified-model-name-line>.zsa-ai-model-title-tags{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 0 2px!important;
  padding:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.zsa-ai-model-market-name>.zsa-ai-model-title-tags>em,
.zsa-ai-unified-model-name-line>.zsa-ai-model-title-tags>em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:17px!important;
  line-height:17px!important;
  padding:0 5px!important;
  margin:0!important;
  border:1px solid #d0d5dd!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#667085!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.zsa-ai-model-title-tags>em.is-green{background:#12b76a!important;border-color:#12b76a!important;color:#fff!important}
.zsa-ai-model-title-tags>em.is-orange{background:#fff3e7!important;border-color:#ffc782!important;color:#d96b0b!important}
.zsa-ai-model-title-tags>em.is-blue{background:#eef4ff!important;border-color:#c7d7fe!important;color:#2459d3!important}
.zsa-ai-model-title-tags>em.is-purple{background:#f4f0ff!important;border-color:#d9ceff!important;color:#6941c6!important}
.zsa-ai-model-title-tags>em.is-red{background:#fff0f0!important;border-color:#ffc9c9!important;color:#d92d20!important}
/* Never put backend tags into the compact selected-model chip inside the composer. */
.zsa-ai-unified-model [data-ai-unified-model-label] .zsa-ai-model-title-tags,
.zsa-ai-generation-model-chip .zsa-ai-model-title-tags{display:none!important}


/* v2.27.38 — mobile model picker: exactly two text rows; title ellipsizes before backend tags */
@media (max-width:720px){
  .zsa-ai-unified-model-option{
    grid-template-columns:32px minmax(0,1fr)!important;
    column-gap:8px!important;
    min-height:54px!important;
  }
  .zsa-ai-unified-model-option>span{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .zsa-ai-unified-model-option>span>.zsa-ai-unified-model-name-line{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .zsa-ai-unified-model-option>span>.zsa-ai-unified-model-name-line>b{
    display:block!important;
    flex:1 1 0!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:17px!important;
  }
  .zsa-ai-unified-model-option>span>.zsa-ai-unified-model-name-line>.zsa-ai-model-title-tags{
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:none!important;
    flex-wrap:nowrap!important;
    gap:3px!important;
    margin-left:0!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }
  .zsa-ai-unified-model-option>span>.zsa-ai-unified-model-name-line>.zsa-ai-model-title-tags>em{
    flex:0 0 auto!important;
    height:15px!important;
    line-height:14px!important;
    padding:0 4px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }
  .zsa-ai-unified-model-option>span>small{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin-top:2px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    font-size:9px!important;
    line-height:14px!important;
  }
}

/* v2.27.39 — Tencent Hunyuan 3D viewer */
.zsa-ai-work-main-image.is-model3d,
.zsa-ai-model3d-result{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 50% 34%,rgba(255,255,255,.96) 0,rgba(246,248,252,.96) 35%,rgba(232,236,244,.98) 100%)!important;
  border:1px solid rgba(218,224,234,.9)!important;
  box-shadow:0 16px 42px rgba(28,35,50,.08)!important;
}
.zsa-ai-work-main-image.is-model3d{height:min(72vh,760px)!important;min-height:520px!important}
.zsa-ai-model3d-viewer{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:420px!important;
  background:transparent!important;
  --poster-color:transparent;
  outline:0!important;
  cursor:grab!important;
}
.zsa-ai-model3d-viewer:active{cursor:grabbing!important}
.zsa-ai-model3d-result.is-generation{height:min(64vh,660px)!important;min-height:460px!important}
.zsa-ai-model3d-result.is-generation .zsa-ai-model3d-viewer{height:100%!important;min-height:460px!important}
.zsa-ai-generation-output.is-model3d-output{overflow:visible!important}
.zsa-ai-generation-result-view.is-model3d{display:block!important;width:100%!important}
.zsa-ai-generation-result-main.is-model3d{position:relative!important;display:block!important;overflow:visible!important;background:transparent!important}
.zsa-ai-generation-result-main.is-model3d .zsa-ai-model3d-result{height:min(58vh,620px)!important}
.zsa-ai-model3d-toolbar,
.zsa-ai-model3d-result-tools{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  z-index:18!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px!important;
  border-radius:999px!important;
  background:rgba(20,24,32,.78)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(12px)!important;
  white-space:nowrap!important;
}
.zsa-ai-model3d-toolbar button,
.zsa-ai-model3d-result-tools button{
  height:34px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.zsa-ai-model3d-toolbar button:hover,
.zsa-ai-model3d-result-tools button:hover,
.zsa-ai-model3d-toolbar button.is-active,
.zsa-ai-model3d-result-tools button.is-active{background:rgba(255,255,255,.16)!important}
.zsa-ai-model3d-hint{
  position:absolute!important;
  left:16px!important;
  bottom:18px!important;
  z-index:16!important;
  display:inline-flex!important;
  align-items:center!important;
  height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(218,224,234,.95)!important;
  color:#667085!important;
  font-size:11px!important;
  font-weight:600!important;
  backdrop-filter:blur(10px)!important;
  pointer-events:none!important;
}
.zsa-ai-model3d-open-work{
  position:absolute!important;
  right:16px!important;
  bottom:18px!important;
  z-index:19!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:0 6px 18px rgba(17,24,39,.18)!important;
}
.zsa-ai-model3d-open-work:hover{background:#000!important;color:#fff!important}
.zsa-ai-work-stage:has(.zsa-ai-work-main-image.is-model3d){background:transparent!important;overflow:visible!important}
.zsa-ai-work-gallery:has(.is-model3d){align-items:stretch!important}
.zsa-ai-work-related-card.is-model3d>div>i{background:#111827!important;color:#fff!important}
.zsa-ai-generation-mode i.is-model3d{background:linear-gradient(135deg,#1cc9ff,#6b5dff 55%,#ea58ff)!important;color:#fff!important}

@media(max-width:720px){
  .zsa-ai-work-main-image.is-model3d{height:56vh!important;min-height:390px!important;border-radius:14px!important}
  .zsa-ai-model3d-viewer{min-height:360px!important}
  .zsa-ai-model3d-result.is-generation{height:52vh!important;min-height:390px!important;border-radius:14px!important}
  .zsa-ai-model3d-result.is-generation .zsa-ai-model3d-viewer{min-height:390px!important}
  .zsa-ai-model3d-toolbar,.zsa-ai-model3d-result-tools{bottom:12px!important;padding:4px!important;gap:3px!important}
  .zsa-ai-model3d-toolbar button,.zsa-ai-model3d-result-tools button{height:30px!important;padding:0 9px!important;font-size:10px!important}
  .zsa-ai-model3d-hint{left:10px!important;top:10px!important;bottom:auto!important;height:26px!important;font-size:9px!important;background:rgba(255,255,255,.78)!important}
  .zsa-ai-model3d-open-work{right:10px!important;top:10px!important;bottom:auto!important;height:30px!important;padding:0 10px!important;font-size:10px!important}
}


/* v2.27.40 — Hunyuan 3D 3.0 dedicated composer mode */
.zsa-ai-unified-composer.is-3d .zsa-ai-unified-kind{border-color:#c9d9ff!important;background:#eef4ff!important;color:#2459d3!important}
.zsa-ai-unified-composer.is-3d .zsa-ai-unified-size{background:#f7f7f8!important;color:#202124!important}
.zsa-ai-unified-size-menu.is-3d-size-menu[data-ai-unified-size-menu]{width:min(370px,calc(100vw - 20px))!important;padding:14px 16px!important;grid-template-columns:1fr!important;gap:0!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-count-section],
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-size-section]{display:block!important;margin:0!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-size-section]{margin-top:14px!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-count-section] header,
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-size-section] header{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 8px!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-count-section] header b,
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-size-section] header b{font-size:13px!important;color:#222!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-count-section] header small,
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-size-section] header small{font-size:12px!important;color:#a0a4aa!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-count-section] nav{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-count]{width:45px!important;min-width:45px!important;height:36px!important;border-radius:18px!important;padding:0!important;background:#fff!important;border:1px solid #dfe3e8!important;color:#202124!important;font-weight:700!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-count].is-active{background:#111!important;border-color:#111!important;color:#fff!important}
.zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-3d-size-section] nav{display:flex!important}
.zsa-ai-unified-size-menu.is-3d-size-menu .is-3d-smart-size{height:36px!important;padding:0 16px!important;border-radius:18px!important;border:1px solid #111!important;background:#111!important;color:#fff!important;font-weight:800!important}
@media(max-width:720px){
 .zsa-ai-unified-size-menu.is-3d-size-menu[data-ai-unified-size-menu]{width:min(370px,calc(100vw - 18px))!important;padding:13px 14px!important}
 .zsa-ai-unified-size-menu.is-3d-size-menu [data-ai-unified-count]{width:44px!important;min-width:44px!important;height:35px!important}
}


/* v2.27.45 — 3D fast-poster delivery: preview first, heavy GLB later */
.zsa-ai-model3d-result.is-generation.is-poster-only{height:auto!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.zsa-ai-model3d-generation-poster{position:relative!important;display:block!important;width:min(100%,420px)!important;aspect-ratio:1/1!important;border-radius:18px!important;overflow:hidden!important;background:#f6f7f9!important;border:1px solid #e3e7ec!important;text-decoration:none!important;color:#111827!important}
.zsa-ai-model3d-generation-poster>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#f7f8fa!important}
.zsa-ai-model3d-generation-poster>span{position:absolute!important;left:12px!important;top:12px!important;height:27px!important;display:inline-flex!important;align-items:center!important;padding:0 9px!important;border-radius:999px!important;background:rgba(17,24,39,.72)!important;color:#fff!important;font-size:10px!important;font-weight:750!important;backdrop-filter:blur(8px)!important}
.zsa-ai-model3d-generation-poster>b{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 14px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;box-shadow:0 8px 20px rgba(17,24,39,.18)!important}
.zsa-ai-model3d-poster{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;background:#f7f8fa!important;overflow:hidden!important}
.zsa-ai-model3d-poster>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#f7f8fa!important}
.zsa-ai-model3d-poster>button{position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;gap:8px!important;height:38px!important;padding:0 15px!important;border:0!important;border-radius:999px!important;background:rgba(17,24,39,.88)!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;cursor:pointer!important;backdrop-filter:blur(10px)!important}
.zsa-ai-model3d-poster>button>b{font-size:11px!important}.zsa-ai-model3d-poster>button>span{font-size:12px!important;font-weight:750!important}
[data-ai-model3d-stage].is-loading:after,.zsa-ai-model3d-result.is-loading:after{content:'3D模型加载中…';position:absolute;left:50%;bottom:72px;transform:translateX(-50%);z-index:30;height:30px;display:flex;align-items:center;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#667085;font-size:11px;font-weight:700;box-shadow:0 5px 18px rgba(15,23,42,.12)}
[data-ai-model3d-stage]:not(.is-loaded) .zsa-ai-model3d-toolbar,.zsa-ai-model3d-result:not(.is-loaded) .zsa-ai-model3d-result-tools,[data-ai-model3d-stage]:not(.is-loaded)>.zsa-ai-model3d-hint,.zsa-ai-model3d-result:not(.is-loaded)>.zsa-ai-model3d-hint{opacity:0!important;pointer-events:none!important}
[data-ai-model3d-stage].is-loaded .zsa-ai-model3d-toolbar,.zsa-ai-model3d-result.is-loaded .zsa-ai-model3d-result-tools,[data-ai-model3d-stage].is-loaded>.zsa-ai-model3d-hint,.zsa-ai-model3d-result.is-loaded>.zsa-ai-model3d-hint{opacity:1!important;transition:opacity .18s ease!important}
@media(max-width:720px){.zsa-ai-model3d-generation-poster{width:100%!important;border-radius:14px!important}.zsa-ai-model3d-poster>button{height:34px!important;padding:0 12px!important}.zsa-ai-model3d-poster>button>span{font-size:11px!important}}


/* v2.27.46 — 3D detail uses OBJ as source/download while GLB remains remote-only for the interactive viewer */
.zsa-ai-work-main-image.is-model3d{position:relative!important}
.zsa-ai-model3d-format-badge{position:absolute;right:12px;top:12px;z-index:18;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 10px;border-radius:9px;background:rgba(60,60,60,.72);color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(6px);pointer-events:none}
@media(max-width:720px){.zsa-ai-model3d-format-badge{right:9px;top:9px;height:28px;min-width:36px;padding:0 8px;font-size:11px}}


/* v2.27.47 — local OBJ viewer */
.zsa-ai-work-main-image.is-model3d[data-ai-model3d-stage]{position:relative!important;overflow:hidden!important}
.zsa-ai-obj3d-viewer-stage{position:relative!important;width:100%!important;min-height:560px!important;border-radius:24px!important;background:linear-gradient(180deg,#f8fafc 0%,#f4f6f9 100%)!important;overflow:hidden!important}
.zsa-ai-obj3d-canvas{position:relative!important;width:100%!important;height:560px!important;display:block!important}
.zsa-ai-obj3d-canvas>canvas{width:100%!important;height:100%!important;display:block!important}
.zsa-ai-work-main-image.is-model3d .zsa-ai-model3d-poster[data-ai-obj3d-poster]{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(180deg,#f9fbfd 0%,#f6f8fb 100%)!important;z-index:3!important}
.zsa-ai-work-main-image.is-model3d .zsa-ai-model3d-poster[data-ai-obj3d-poster] img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:32px!important;box-sizing:border-box!important}
.zsa-ai-work-main-image.is-model3d .zsa-ai-model3d-poster[data-ai-obj3d-poster] button{position:relative!important;z-index:5!important}
.zsa-ai-work-main-image.is-model3d.is-loaded .zsa-ai-model3d-poster[data-ai-obj3d-poster]{display:none!important}
.zsa-ai-work-main-image.is-model3d.is-loading .zsa-ai-model3d-poster[data-ai-obj3d-poster]::after{content:'OBJ 模型加载中…'!important;position:absolute!important;left:50%!important;bottom:24px!important;transform:translateX(-50%)!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(17,24,39,.74)!important;color:#fff!important;font-size:12px!important;letter-spacing:.02em!important}
.zsa-ai-model3d-error{position:absolute!important;left:50%!important;bottom:72px!important;transform:translateX(-50%)!important;max-width:78%!important;padding:8px 12px!important;border-radius:12px!important;background:rgba(17,24,39,.78)!important;color:#fff!important;font-size:12px!important;line-height:1.45!important;text-align:center!important;z-index:6!important}
@media(max-width:720px){.zsa-ai-obj3d-viewer-stage{min-height:420px!important;border-radius:16px!important}.zsa-ai-obj3d-canvas{height:420px!important}.zsa-ai-work-main-image.is-model3d .zsa-ai-model3d-poster[data-ai-obj3d-poster] img{padding:18px!important}}


/* v2.27.48 — reference-style black 360° viewer: light GLB for web, OBJ ZIP remains the source download */
.zsa-ai-work-main-image.is-model3d.is-live-black,
.zsa-ai-model3d-result.is-live-black{
  position:relative!important;
  overflow:hidden!important;
  background:#090a0c!important;
  border:1px solid #1d2026!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18)!important;
}
.zsa-ai-work-main-image.is-model3d.is-live-black{
  width:100%!important;
  min-height:640px!important;
  border-radius:22px!important;
}
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-viewer,
.zsa-ai-model3d-result.is-live-black .zsa-ai-model3d-viewer{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  background:#090a0c!important;
  --poster-color:#090a0c!important;
}
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-viewer.is-detail{min-height:640px!important}
.zsa-ai-work-main-image.is-model3d.is-live-black::before,
.zsa-ai-model3d-result.is-live-black::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.055),transparent 38%),linear-gradient(180deg,#0d0f12 0%,#08090b 100%);
}
.zsa-ai-work-main-image.is-model3d.is-live-black model-viewer,
.zsa-ai-model3d-result.is-live-black model-viewer{position:relative!important;z-index:1!important}
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-format-badge,
.zsa-ai-model3d-result.is-live-black .zsa-ai-model3d-format-badge{
  top:14px!important;right:14px!important;z-index:20!important;
  height:30px!important;min-width:42px!important;padding:0 10px!important;
  border-radius:8px!important;background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;
  backdrop-filter:blur(10px)!important;
}
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-toolbar,
.zsa-ai-model3d-result.is-live-black .zsa-ai-model3d-result-tools{
  position:absolute!important;left:50%!important;bottom:18px!important;z-index:22!important;
  transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:7px!important;
  padding:5px!important;border-radius:999px!important;background:rgba(20,22,26,.72)!important;
  border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 10px 28px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(12px)!important;
}
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-toolbar button,
.zsa-ai-model3d-result.is-live-black .zsa-ai-model3d-result-tools button{
  height:31px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:#c9ced6!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;
}
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-toolbar button.is-active,
.zsa-ai-model3d-result.is-live-black .zsa-ai-model3d-result-tools button.is-active{background:#fff!important;color:#111!important}
.zsa-ai-work-main-image.is-model3d.is-live-black>.zsa-ai-model3d-hint,
.zsa-ai-model3d-result.is-live-black>.zsa-ai-model3d-hint{
  position:absolute!important;left:16px!important;bottom:18px!important;z-index:21!important;
  color:rgba(255,255,255,.58)!important;background:transparent!important;box-shadow:none!important;
  font-size:10px!important;white-space:nowrap!important;
}
.zsa-ai-model3d-result.is-generation.is-live-black{
  width:min(100%,430px)!important;aspect-ratio:1/1!important;min-height:0!important;border-radius:18px!important;
}
.zsa-ai-model3d-result.is-generation.is-live-black .zsa-ai-model3d-viewer{height:100%!important;min-height:0!important}
.zsa-ai-model3d-result.is-generation.is-live-black .zsa-ai-model3d-open-work{
  position:absolute!important;left:50%!important;bottom:14px!important;z-index:24!important;transform:translateX(-50%)!important;
  height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 15px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#111!important;
  font-size:11px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important;white-space:nowrap!important;
}
.zsa-ai-model3d-result.is-generation.is-live-black>.zsa-ai-model3d-hint{left:12px!important;bottom:auto!important;top:13px!important;color:rgba(255,255,255,.55)!important}
.zsa-ai-model3d-result.is-generation.is-live-black .zsa-ai-model3d-format-badge{top:10px!important;right:10px!important}
/* v47 OBJ stage is now fallback-only; never reserve a white stage while the live GLB viewer is available. */
.zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-obj3d-viewer-stage,
.zsa-ai-work-main-image.is-model3d.is-live-black [data-ai-obj3d-poster]{display:none!important}
@media(max-width:720px){
  .zsa-ai-work-main-image.is-model3d.is-live-black{min-height:440px!important;border-radius:15px!important}
  .zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-viewer.is-detail{min-height:440px!important}
  .zsa-ai-work-main-image.is-model3d.is-live-black>.zsa-ai-model3d-hint{display:none!important}
  .zsa-ai-work-main-image.is-model3d.is-live-black .zsa-ai-model3d-toolbar{bottom:10px!important}
  .zsa-ai-model3d-result.is-generation.is-live-black{width:100%!important;border-radius:14px!important}
}


/* v2.27.49 — transparent 360° 3D viewer: no colored stage, direct orbit + wheel zoom */
.zsa-ai-work-main-image.is-model3d.is-transparent-360,
.zsa-ai-model3d-result.is-transparent-360{
  position:relative!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.zsa-ai-work-main-image.is-model3d.is-transparent-360::before,
.zsa-ai-model3d-result.is-transparent-360::before,
.zsa-ai-work-main-image.is-model3d.is-transparent-360::after,
.zsa-ai-model3d-result.is-transparent-360::after{display:none!important;content:none!important}
.zsa-ai-work-main-image.is-model3d.is-transparent-360 .zsa-ai-model3d-viewer,
.zsa-ai-model3d-result.is-transparent-360 .zsa-ai-model3d-viewer,
.zsa-ai-work-main-image.is-model3d.is-transparent-360 model-viewer,
.zsa-ai-model3d-result.is-transparent-360 model-viewer{
  position:relative!important;z-index:1!important;display:block!important;
  width:100%!important;height:100%!important;min-height:inherit!important;
  background:transparent!important;background-color:transparent!important;
  --poster-color:transparent!important;cursor:grab!important;touch-action:none!important;
}
.zsa-ai-work-main-image.is-model3d.is-transparent-360 model-viewer:active,
.zsa-ai-model3d-result.is-transparent-360 model-viewer:active{cursor:grabbing!important}
.zsa-ai-work-stage:has(.zsa-ai-work-main-image.is-model3d.is-transparent-360),
.zsa-ai-work-gallery:has(.zsa-ai-work-main-image.is-model3d.is-transparent-360){background:transparent!important}
.zsa-ai-work-main-image.is-model3d.is-transparent-360 .zsa-ai-model3d-toolbar,
.zsa-ai-model3d-result.is-transparent-360 .zsa-ai-model3d-result-tools{
  background:rgba(17,24,39,.62)!important;border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;backdrop-filter:blur(12px)!important;
}
.zsa-ai-work-main-image.is-model3d.is-transparent-360>.zsa-ai-model3d-hint,
.zsa-ai-model3d-result.is-transparent-360>.zsa-ai-model3d-hint{
  background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.86)!important;
  color:#667085!important;backdrop-filter:blur(12px)!important;
}
.zsa-ai-model3d-result.is-generation.is-transparent-360{height:min(58vh,620px)!important;min-height:430px!important;background:transparent!important}
.zsa-ai-model3d-result.is-generation.is-transparent-360 .zsa-ai-model3d-viewer{height:100%!important;min-height:430px!important}
.zsa-ai-model3d-result.is-generation.is-transparent-360 .zsa-ai-model3d-open-work{z-index:20!important}
@media(max-width:720px){
 .zsa-ai-work-main-image.is-model3d.is-transparent-360{min-height:420px!important}
 .zsa-ai-work-main-image.is-model3d.is-transparent-360 .zsa-ai-model3d-viewer.is-detail{min-height:420px!important}
 .zsa-ai-model3d-result.is-generation.is-transparent-360{min-height:390px!important;height:50vh!important}
 .zsa-ai-model3d-result.is-generation.is-transparent-360 .zsa-ai-model3d-viewer{min-height:390px!important}
}


/* v2.27.51 — reference look: white/light stage, the 3D object itself is black */
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer,
.zsa-ai-model3d-result.is-black-model-viewer{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid #e1e5ea!important;
  box-shadow:none!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer{
  width:100%!important;
  min-height:640px!important;
  border-radius:22px!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer::before,
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer::after,
.zsa-ai-model3d-result.is-black-model-viewer::before,
.zsa-ai-model3d-result.is-black-model-viewer::after{display:none!important;content:none!important}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-viewer,
.zsa-ai-model3d-result.is-black-model-viewer .zsa-ai-model3d-viewer,
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer model-viewer,
.zsa-ai-model3d-result.is-black-model-viewer model-viewer{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  background:#fff!important;
  background-color:#fff!important;
  --poster-color:#fff!important;
  cursor:grab!important;
  touch-action:none!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer model-viewer:active,
.zsa-ai-model3d-result.is-black-model-viewer model-viewer:active{cursor:grabbing!important}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-viewer.is-detail{min-height:640px!important}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-format-badge,
.zsa-ai-model3d-result.is-black-model-viewer .zsa-ai-model3d-format-badge{
  top:14px!important;right:14px!important;z-index:20!important;
  height:30px!important;min-width:42px!important;padding:0 10px!important;
  border-radius:8px!important;background:#777!important;color:#fff!important;border:0!important;
  backdrop-filter:none!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-toolbar,
.zsa-ai-model3d-result.is-black-model-viewer .zsa-ai-model3d-result-tools{
  position:absolute!important;left:50%!important;bottom:18px!important;z-index:22!important;
  transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:6px!important;
  padding:5px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;
  border:1px solid #e2e6eb!important;box-shadow:0 8px 22px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(10px)!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-toolbar button,
.zsa-ai-model3d-result.is-black-model-viewer .zsa-ai-model3d-result-tools button{
  height:31px!important;padding:0 12px!important;border:0!important;border-radius:999px!important;
  background:transparent!important;color:#68717c!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-toolbar button.is-active,
.zsa-ai-model3d-result.is-black-model-viewer .zsa-ai-model3d-result-tools button.is-active{background:#111!important;color:#fff!important}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer>.zsa-ai-model3d-hint,
.zsa-ai-model3d-result.is-black-model-viewer>.zsa-ai-model3d-hint{
  position:absolute!important;left:16px!important;bottom:18px!important;z-index:21!important;
  color:#8b949e!important;background:rgba(255,255,255,.74)!important;border:0!important;box-shadow:none!important;
  font-size:10px!important;white-space:nowrap!important;
}
.zsa-ai-model3d-result.is-generation.is-black-model-viewer{
  width:min(100%,430px)!important;aspect-ratio:1/1!important;min-height:0!important;border-radius:18px!important;background:#fff!important;
}
.zsa-ai-model3d-result.is-generation.is-black-model-viewer .zsa-ai-model3d-viewer{height:100%!important;min-height:0!important}
.zsa-ai-model3d-result.is-generation.is-black-model-viewer .zsa-ai-model3d-open-work{
  position:absolute!important;left:50%!important;bottom:14px!important;z-index:24!important;transform:translateX(-50%)!important;
  height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 15px!important;border-radius:999px!important;background:#111!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(15,23,42,.18)!important;white-space:nowrap!important;
}
.zsa-ai-model3d-result.is-generation.is-black-model-viewer>.zsa-ai-model3d-hint{left:12px!important;bottom:auto!important;top:13px!important;background:transparent!important;color:#8b949e!important}
.zsa-ai-model3d-result.is-generation.is-black-model-viewer .zsa-ai-model3d-format-badge{top:10px!important;right:10px!important}
@media(max-width:720px){
 .zsa-ai-work-main-image.is-model3d.is-black-model-viewer{min-height:440px!important;border-radius:15px!important}
 .zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-viewer.is-detail{min-height:440px!important}
 .zsa-ai-work-main-image.is-model3d.is-black-model-viewer>.zsa-ai-model3d-hint{display:none!important}
 .zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-toolbar{bottom:10px!important}
 .zsa-ai-model3d-result.is-generation.is-black-model-viewer{width:100%!important;border-radius:14px!important}
}


/* v2.27.52 — final detail 3D stage: white background, visible black silhouette, no material mutation */
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer,
.zsa-ai-model3d-result.is-black-model-viewer{
  background:#fff!important;
  background-image:none!important;
  border-color:#e1e5ea!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer model-viewer,
.zsa-ai-model3d-result.is-black-model-viewer model-viewer{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background:#fff!important;
  --poster-color:#fff!important;
}
.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-viewer.is-detail{min-height:640px!important}
@media(max-width:720px){.zsa-ai-work-main-image.is-model3d.is-black-model-viewer .zsa-ai-model3d-viewer.is-detail{min-height:440px!important}}

/* v2.27.54 — reference-style fast 3D: tiny JPG first, local gzip OBJ geometry, no remote GLB proxy */
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer,
.zsa-ai-model3d-result.is-fast-obj-viewer{
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
  border-color:#e3e7ec!important;
  box-shadow:none!important;
}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer{min-height:640px!important;border-radius:22px!important}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-obj3d-viewer-stage,
.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-obj3d-viewer-stage{
  position:relative!important;width:100%!important;height:100%!important;min-height:inherit!important;
  background:transparent!important;border-radius:inherit!important;overflow:hidden!important;
}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-obj3d-canvas,
.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-obj3d-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:inherit!important;background:transparent!important}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-obj3d-canvas>canvas,
.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-obj3d-canvas>canvas{display:block!important;width:100%!important;height:100%!important;cursor:grab!important;background:transparent!important}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-obj3d-canvas>canvas:active,
.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-obj3d-canvas>canvas:active{cursor:grabbing!important}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-model3d-poster,
.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-model3d-poster{
  position:absolute!important;inset:0!important;z-index:4!important;display:grid!important;place-items:center!important;
  background:transparent!important;pointer-events:none!important;transition:opacity .18s ease!important;
}
.zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-model3d-poster>img,
.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-model3d-poster>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;
  padding:28px!important;box-sizing:border-box!important;background:transparent!important;
}
.is-fast-obj-viewer.is-loaded .zsa-ai-model3d-poster{opacity:0!important;visibility:hidden!important}
.zsa-ai-fast3d-preparing{position:absolute!important;left:50%!important;bottom:20px!important;transform:translateX(-50%)!important;z-index:6!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;border:1px solid #e7eaee!important;color:#7c8590!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important}
.is-fast-obj-viewer.is-loaded .zsa-ai-fast3d-preparing{display:none!important}
.zsa-ai-model3d-result.is-generation.is-fast-obj-viewer{width:min(100%,430px)!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;border-radius:18px!important;background:#fff!important}
.zsa-ai-model3d-result.is-generation.is-fast-obj-viewer .zsa-ai-obj3d-viewer-stage{min-height:0!important;height:100%!important}
.zsa-ai-model3d-result.is-generation.is-fast-obj-viewer .zsa-ai-model3d-open-work{z-index:20!important}
.zsa-ai-model3d-result.is-generation.is-fast-obj-viewer>.zsa-ai-model3d-hint{z-index:19!important}
@media(max-width:720px){
  .zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer{min-height:440px!important;border-radius:15px!important}
  .zsa-ai-work-main-image.is-model3d.is-fast-obj-viewer .zsa-ai-model3d-poster>img,.zsa-ai-model3d-result.is-fast-obj-viewer .zsa-ai-model3d-poster>img{padding:16px!important}
  .zsa-ai-model3d-result.is-generation.is-fast-obj-viewer{width:100%!important;border-radius:14px!important}
}


/* v2.27.58 - 用户反馈 */
.zsa-ai-feedback-fab{position:fixed;right:var(--zsa-feedback-right,18px);bottom:var(--zsa-feedback-bottom,118px);top:auto;transform:none;z-index:980;width:72px;height:72px;border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 20px rgba(24,43,68,.16));transition:.2s ease}.zsa-ai-feedback-fab:hover{transform:translateY(-3px)}.zsa-ai-feedback-fab img{width:72px;height:72px;object-fit:contain;border-radius:20px}.zsa-ai-feedback-new{position:absolute;left:-2px;top:-4px;background:#69dffa;color:#fff;font-size:9px;font-weight:800;line-height:18px;height:18px;padding:0 6px;border-radius:10px;transform:rotate(-8deg);box-shadow:0 3px 8px rgba(71,200,232,.25)}
.zsa-ai-feedback-modal[hidden]{display:none!important}.zsa-ai-feedback-modal{position:fixed;right:var(--zsa-feedback-right,18px);bottom:var(--zsa-feedback-bottom,212px);z-index:12050;padding:0;margin:0}.zsa-ai-feedback-backdrop{display:none}.zsa-ai-feedback-dialog{position:relative;width:min(430px,calc(100vw - 24px));background:#fff;border:1px solid #e9edf3;border-radius:18px;box-shadow:0 20px 60px rgba(25,35,52,.18);overflow:hidden;padding:24px 24px 0;color:#2f3742}.zsa-ai-feedback-close{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#ffe4e4;color:#ff5555;font-size:28px;line-height:28px;cursor:pointer}.zsa-ai-feedback-copy{padding-right:22px}.zsa-ai-feedback-copy h2{margin:0 0 8px;font-size:15px;line-height:1.7;font-weight:500;color:#4a4f57}.zsa-ai-feedback-copy h2 em{color:#ff4444;font-style:normal;font-size:20px;font-weight:800}.zsa-ai-feedback-copy p{margin:0 0 14px;font-size:14px;line-height:1.7;color:#5d6570}.zsa-ai-feedback-dialog textarea{display:block;width:100%;min-height:140px;resize:vertical;border:1px solid #e1e4e8;border-radius:6px;padding:13px 14px;font:inherit;font-size:14px;line-height:1.65;outline:none;box-sizing:border-box;background:#fff}.zsa-ai-feedback-dialog textarea:focus{border-color:#7fcf55;box-shadow:0 0 0 3px rgba(127,207,85,.12)}.zsa-ai-feedback-error{margin-top:8px;font-size:12px;color:#e5484d}.zsa-ai-feedback-dialog footer{margin:26px -24px 0;padding:16px 24px;min-height:62px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.zsa-ai-feedback-submit{min-width:72px;height:36px;border:0;border-radius:4px;background:#9fd36e;color:#fff;font-weight:700;cursor:pointer;padding:0 16px}.zsa-ai-feedback-submit:disabled{background:#c8c8c8;cursor:not-allowed}.zsa-ai-feedback-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:#4b4f55;min-width:92px}.zsa-ai-feedback-progress i{display:block;width:72px;height:4px;border-radius:4px;background:#ffdada;overflow:hidden}.zsa-ai-feedback-progress i b{display:block;height:100%;width:0;background:#ff9ea2;transition:width .2s ease}.zsa-ai-feedback-modal.is-success .zsa-ai-feedback-dialog textarea{border-color:#b6e3b5;background:#fbfffb}
@media(min-width:781px){body .float-right,body .fixed-right,body .right-nav,body .rightbar,body .sidebar-tools,body .theme-side-tools,body .zib-widget-toolbar,body .zib-side-tools{display:none!important}}
@media(max-width:780px){.zsa-ai-feedback-fab{right:12px!important;bottom:118px!important;width:58px;height:58px}.zsa-ai-feedback-fab:hover{transform:translateY(-2px)}.zsa-ai-feedback-fab img{width:58px;height:58px;border-radius:16px}.zsa-ai-feedback-new{font-size:8px;height:16px;line-height:16px;padding:0 5px}.zsa-ai-feedback-modal{right:12px!important;left:12px;bottom:86px!important}.zsa-ai-feedback-dialog{width:100%;max-height:calc(100dvh - 110px);overflow:auto;border-radius:18px;padding:22px 16px 0}.zsa-ai-feedback-close{right:10px;top:10px}.zsa-ai-feedback-copy{padding-right:30px}.zsa-ai-feedback-copy h2{font-size:14px}.zsa-ai-feedback-copy p{font-size:13px}.zsa-ai-feedback-dialog textarea{min-height:132px}.zsa-ai-feedback-dialog footer{margin:24px -16px 0;padding:14px 16px;position:sticky;bottom:0;background:#fff}.zsa-ai-feedback-progress{min-width:82px}.zsa-ai-feedback-progress i{width:64px}}

/* 58 AI Workspace v3.1.0 - workflow canvas MVP */
.zsa-ai-panel[data-ai-panel="skills"]{padding:0!important;overflow:hidden!important;background:#f8fafc!important}
.zsa-ai-wf-canvas-shell{height:calc(100vh - 62px);min-height:620px;display:flex;flex-direction:column;background:#f8fafc;color:#111827}
.zsa-ai-wf-canvas-topbar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid #e7ebf0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:15}
.zsa-ai-wf-canvas-title{display:flex;align-items:baseline;gap:10px;min-width:0}.zsa-ai-wf-canvas-title b{font-size:16px;white-space:nowrap}.zsa-ai-wf-canvas-title span{font-size:12px;color:#8a94a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-wf-canvas-actions{display:flex;align-items:center;gap:8px}.zsa-ai-wf-canvas-actions>button,.zsa-ai-wf-zoom button{height:34px;border:1px solid #e0e5eb;background:#fff;border-radius:9px;padding:0 12px;color:#3c4655;cursor:pointer}.zsa-ai-wf-canvas-actions>button:hover,.zsa-ai-wf-zoom button:hover{border-color:#a8d85c;color:#5d941a;background:#fbfff5}.zsa-ai-wf-zoom{display:flex;align-items:center;border:1px solid #e0e5eb;border-radius:9px;background:#fff;overflow:hidden}.zsa-ai-wf-zoom button{border:0;border-radius:0;padding:0 10px}.zsa-ai-wf-zoom b{width:54px;text-align:center;font-size:12px;color:#6b7280}
.zsa-ai-wf-canvas-body{flex:1;min-height:0;display:flex}.zsa-ai-wf-palette{width:82px;flex:0 0 82px;border-right:1px solid #e8ebef;background:#fff;padding:12px 8px;display:flex;flex-direction:column;gap:8px;z-index:10}.zsa-ai-wf-palette>b{font-size:11px;color:#9aa3af;text-align:center;margin-bottom:2px}.zsa-ai-wf-palette button{border:0;background:transparent;border-radius:10px;padding:8px 3px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#5b6572;font-size:11px;cursor:pointer}.zsa-ai-wf-palette button:hover{background:#f4f8ef;color:#579512}.zsa-ai-wf-palette i{font-style:normal;width:34px;height:34px;border:1px solid #e1e6eb;border-radius:9px;display:grid;place-items:center;background:#fff;font-weight:800;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.zsa-ai-wf-viewport{position:relative;flex:1;min-width:0;overflow:hidden;outline:none;cursor:grab;background-color:#fbfcfd;background-image:radial-gradient(circle,#cfd6df 1px,transparent 1px);background-size:20px 20px;touch-action:none;user-select:none}.zsa-ai-wf-viewport.is-panning{cursor:grabbing}.zsa-ai-wf-scene{position:absolute;left:0;top:0;width:4000px;height:2600px;transform-origin:0 0;will-change:transform}.zsa-ai-wf-links{position:absolute;inset:0;overflow:visible;pointer-events:none}.zsa-ai-wf-links path{fill:none;stroke:#9bd94b;stroke-width:2.2;filter:drop-shadow(0 1px 2px rgba(106,168,25,.14))}
.zsa-ai-wf-node{position:absolute;width:190px;min-height:76px;display:flex;align-items:center;gap:11px;padding:12px 16px;background:#fff;border:1px solid #dfe5eb;border-radius:13px;box-shadow:0 7px 22px rgba(21,32,46,.08);cursor:move;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,transform .15s}.zsa-ai-wf-node:hover,.zsa-ai-wf-node.is-selected{border-color:#96d638;box-shadow:0 9px 26px rgba(100,160,25,.13)}.zsa-ai-wf-node.is-dragging{transform:scale(1.02);box-shadow:0 16px 34px rgba(21,32,46,.16);z-index:20}.zsa-ai-wf-node.is-connecting{border-color:#67b800;box-shadow:0 0 0 3px rgba(128,202,39,.13)}.zsa-ai-wf-node-icon{width:40px;height:40px;flex:0 0 40px;border-radius:10px;display:grid;place-items:center;background:#f0f5ea;color:#609a1b;font-weight:800}.zsa-ai-wf-node.is-start .zsa-ai-wf-node-icon{background:#eef6ff;color:#3586d8}.zsa-ai-wf-node.is-image .zsa-ai-wf-node-icon{background:#f1ebff;color:#7a5be2}.zsa-ai-wf-node.is-video .zsa-ai-wf-node-icon{background:#fff0ea;color:#e26a39}.zsa-ai-wf-node.is-output .zsa-ai-wf-node-icon{background:#e9f8ef;color:#279357}.zsa-ai-wf-node>div:last-child{min-width:0}.zsa-ai-wf-node b{display:block;font-size:13px;line-height:1.5;color:#24303e}.zsa-ai-wf-node small{display:block;margin-top:3px;font-size:10px;color:#9aa3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zsa-ai-wf-port{position:absolute;top:50%;width:13px;height:13px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid #91cb3c;box-sizing:border-box;cursor:crosshair;z-index:5}.zsa-ai-wf-port.is-in{left:-7px}.zsa-ai-wf-port.is-out{right:-7px}.zsa-ai-wf-port:hover{background:#91cb3c;box-shadow:0 0 0 4px rgba(145,203,60,.14)}.zsa-ai-wf-node-delete{position:absolute;right:5px;top:4px;width:22px;height:22px;border:0;background:transparent;color:#b0b7c0;border-radius:6px;cursor:pointer;opacity:0}.zsa-ai-wf-node:hover .zsa-ai-wf-node-delete{opacity:1}.zsa-ai-wf-node-delete:hover{background:#fff0f0;color:#e14b4b}
.zsa-ai-wf-canvas-help{position:absolute;left:14px;bottom:12px;padding:6px 10px;border:1px solid rgba(222,227,233,.9);border-radius:8px;background:rgba(255,255,255,.86);color:#929ba6;font-size:10px;pointer-events:none;backdrop-filter:blur(8px)}.zsa-ai-wf-empty-tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#9aa3af;font-size:13px}
html.zsa-ai-workflow-canvas-mode .zsa-ai-global-composer,html.zsa-ai-workflow-canvas-mode [data-ai-global-composer]{display:none!important}
@media(max-width:780px){.zsa-ai-wf-canvas-shell{height:calc(100dvh - 52px);min-height:520px}.zsa-ai-wf-canvas-topbar{height:52px;flex-basis:52px;padding:0 9px}.zsa-ai-wf-canvas-title span{display:none}.zsa-ai-wf-canvas-title b{font-size:14px}.zsa-ai-wf-canvas-actions{gap:5px}.zsa-ai-wf-canvas-actions>button{padding:0 8px;font-size:11px}.zsa-ai-wf-canvas-actions>button[data-wf-save],.zsa-ai-wf-canvas-actions>button[data-wf-fit]{display:none}.zsa-ai-wf-palette{width:58px;flex-basis:58px;padding:8px 4px}.zsa-ai-wf-palette button{font-size:9px;padding:5px 1px}.zsa-ai-wf-palette i{width:30px;height:30px}.zsa-ai-wf-node{width:164px;min-height:66px;padding:10px 13px}.zsa-ai-wf-node-icon{width:34px;height:34px;flex-basis:34px}.zsa-ai-wf-node b{font-size:12px}.zsa-ai-wf-canvas-help{display:none}.zsa-ai-wf-zoom b{width:42px}.zsa-ai-wf-zoom button{padding:0 8px}}


/* V8.6.30 workflow gallery grid extends through workspace top navigation */
html.zsa-v830-skills-home-mode .zsa-ai-app[data-ai-active-panel="skills"] .zsa-ai-main,
body.zsa-v830-skills-home-mode .zsa-ai-app[data-ai-active-panel="skills"] .zsa-ai-main{background-color:transparent!important;background-image:radial-gradient(circle,rgba(161,173,184,.42) 1px,transparent 1.15px)!important;background-size:24px 24px!important;background-position:0 0!important}
html.zsa-v830-skills-home-mode .zsa-ai-app[data-ai-active-panel="skills"] .zsa-ai-topbar,
body.zsa-v830-skills-home-mode .zsa-ai-app[data-ai-active-panel="skills"] .zsa-ai-topbar{background-color:rgba(255,255,255,.70)!important;background-image:radial-gradient(circle,rgba(161,173,184,.38) 1px,transparent 1.15px)!important;background-size:24px 24px!important;background-position:0 0!important}
html.zsa-v830-skills-home-mode .zsa-ai-panel[data-ai-panel="skills"],body.zsa-v830-skills-home-mode .zsa-ai-panel[data-ai-panel="skills"]{background:transparent!important}

/* V8.6.32.5 — top navigation follows page color, never the dotted/grid canvas. */
.zsa-ai-topbar,
html.zsa-v830-skills-home-mode .zsa-ai-topbar,
body.zsa-v830-skills-home-mode .zsa-ai-topbar,
body.zsa-v830-skills-home-mode .zsa-ai-app[data-ai-active-panel="skills"] .zsa-ai-topbar{
  background-color:#fff!important;
  background-image:none!important;
  background-size:auto!important;
  background-position:0 0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Do not let Skills-home's dotted canvas leak through the header/nav chrome. */
.zsa-ai-topbar-left,
.zsa-ai-category-nav,
.zsa-ai-topbar-right{
  background-image:none!important;
}


/* V8.6.32.13 — stable normal workspace scroll root.
   The right .zsa-ai-main column owns vertical scrolling.
   This is intentionally independent of html/body because the theme dynamic loader
   may lock document scrolling after a hard refresh. */

body.zsa-ai-workspace-page #zsa-ai-standalone-root{
  width:100%!important;
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
}

body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]){
  width:100%!important;
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
}

body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) > .zsa-ai-sidebar{
  height:100vh!important;
  min-height:0!important;
  overflow:hidden!important;
}

body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) > .zsa-ai-main{
  position:relative!important;
  height:100vh!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
  background:#fff!important;
}

body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) > .zsa-ai-main > .zsa-ai-topbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  width:100%!important;
  background:#fff!important;
  background-image:none!important;
}

body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-panel.is-active{
  display:block!important;
  height:auto!important;
  min-height:calc(100vh - 64px)!important;
  overflow:visible!important;
}

/* Common page sections must contribute their full height to the main scroll root. */
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-home-stage,
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-home-reference,
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-app-market,
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-model-market,
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-works-market,
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-generation-shell,
body.zsa-ai-workspace-page .zsa-ai-app:not([data-ai-active-panel="skills"]) .zsa-ai-detail-shell{
  height:auto!important;
  max-height:none!important;
}

/* Modal states may intentionally lock the main scroll root. */
html.zsa-ai-modal-open body.zsa-ai-workspace-page .zsa-ai-main,
html.zsa-ai-materials-modal-open body.zsa-ai-workspace-page .zsa-ai-main{
  overflow-y:hidden!important;
}


/* V8.6.32.25 — mobile work-detail header + reliable vertical page touch scrolling. */
@media(max-width:720px){
  /* On mobile, a sticky work header must never sit transparently over the artwork.
     PC behavior remains unchanged. */
  .zsa-ai-work-detail-header,
  .zsa-ai-work-detail-header.is-sticky,
  .zsa-ai-work-detail-header.is-scrolled{
    position:sticky!important;
    top:0!important;
    z-index:96!important;
    width:100%!important;
    min-height:58px!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    background-image:none!important;
    border-bottom:1px solid rgba(226,230,235,.92)!important;
    box-shadow:0 5px 16px rgba(15,23,42,.045)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:none!important;
  }

  /* Work cards/images/videos must not capture a vertical finger drag.
     Horizontal carousel handlers can still detect horizontal swipes. */
  [data-ai-panel="home"] [data-ai-work-link],
  [data-ai-panel="work"] [data-ai-work-link],
  .zsa-ai-public-work-card,
  .zsa-ai-public-work-media,
  .zsa-ai-app-work-card,
  .zsa-ai-model-work-card,
  .zsa-ai-work-related-card,
  .zsa-ai-unified-model-work-card,
  .zsa-ai-generated-card,
  .zsa-ai-works-fan-card,
  .zsa-ai-work-preview-band,
  .zsa-ai-work-recommend{
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
  }

  [data-ai-panel="home"] [data-ai-work-link] img,
  [data-ai-panel="home"] [data-ai-work-link] video,
  [data-ai-panel="work"] [data-ai-work-link] img,
  [data-ai-panel="work"] [data-ai-work-link] video,
  .zsa-ai-public-work-card img,
  .zsa-ai-public-work-card video,
  .zsa-ai-app-work-card img,
  .zsa-ai-app-work-card video,
  .zsa-ai-work-related-card img,
  .zsa-ai-work-related-card video{
    touch-action:pan-y!important;
  }

  /* The actual normal-page scroll owner should use native momentum scrolling. */
  .zsa-ai-app:not([data-ai-active-panel="skills"])>.zsa-ai-main{
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
  }
}

/* v8.6.32.32 work detail scroll glass header */
.zsa-ai-work-detail-header{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:background .2s ease,box-shadow .2s ease}
.zsa-ai-work-detail-panel:has(.zsa-ai-work-detail-header){scroll-behavior:smooth}
@media(min-width:901px){.zsa-ai-work-detail-header{position:sticky;top:0}}


/* V8.6.32.35 — AI应用多图任务：生成页互动规划 + 单图任务流 */
.zsa-ai-generation-output.is-smart-multitask{display:block!important;max-width:920px;margin:14px auto 0}
.zsa-ai-smart-task-card{border:1px solid #e3e7ea;border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 14px 42px rgba(23,32,45,.07);padding:18px 18px 16px;color:#20262c}
.zsa-ai-smart-task-card>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px 14px;border-bottom:1px solid #eef1f3}
.zsa-ai-smart-task-card>header span{display:flex;align-items:center;gap:8px}.zsa-ai-smart-task-card>header i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eaffdf;color:#45a900;font-style:normal;font-size:13px}.zsa-ai-smart-task-card>header b{font-size:15px}.zsa-ai-smart-task-card>header em{font-style:normal;color:#8a949e;font-size:12px}
.zsa-ai-smart-original{margin:14px 0;padding:12px 14px;border-radius:12px;background:#f7f8f9}.zsa-ai-smart-original small{display:block;color:#9aa3ab;margin-bottom:5px}.zsa-ai-smart-original p{margin:0;font-size:14px;line-height:1.65}
.zsa-ai-smart-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.zsa-ai-smart-steps>div{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:#f7f8f8;color:#8b959d;font-size:11px}.zsa-ai-smart-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8ecee}.zsa-ai-smart-steps .is-active{background:#f0ffe8;color:#398d00}.zsa-ai-smart-steps .is-active b{background:#84ed2c;color:#193900}
.zsa-ai-smart-choice{margin:15px 0}.zsa-ai-smart-choice h4{margin:0 0 8px;font-size:12px;color:#6d7780}.zsa-ai-smart-choice>div{display:flex;flex-wrap:wrap;gap:7px}.zsa-ai-smart-choice button{height:32px;padding:0 13px;border:1px solid #dde2e5;border-radius:9px;background:#fff;color:#4a555f;cursor:pointer}.zsa-ai-smart-choice button:hover{border-color:#b6c0c7;background:#fafbfb}.zsa-ai-smart-choice button.is-selected{border-color:#77df28;background:#f1ffe7;color:#327f00;box-shadow:0 0 0 1px rgba(119,223,40,.12)}
.zsa-ai-smart-task-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #eef1f3}.zsa-ai-smart-task-card>footer>span{margin-right:auto;color:#8a949d;font-size:11px}.zsa-ai-smart-task-card>footer button{height:36px;padding:0 16px;border:0;border-radius:10px;background:#82eb27;color:#183800;font-weight:700;cursor:pointer}.zsa-ai-smart-task-card>footer button.is-secondary{background:#f1f3f4;color:#59636c;font-weight:600}.zsa-ai-smart-task-card>footer button:disabled{opacity:.55;cursor:not-allowed}
.zsa-ai-smart-plan-summary{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.zsa-ai-smart-plan-summary span{padding:5px 9px;border-radius:999px;background:#f4f6f7;color:#6f7981;font-size:10px}
.zsa-ai-smart-plan-list{display:grid;gap:8px}.zsa-ai-smart-plan-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px 11px;border:1px solid #e5e9eb;border-radius:13px;background:#fff;transition:.18s}.zsa-ai-smart-task-index{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f3f5f6;color:#6f7980;font-size:11px;font-weight:700}.zsa-ai-smart-task-info{min-width:0}.zsa-ai-smart-task-info b{display:block;font-size:12px}.zsa-ai-smart-task-info span{display:block;margin-top:3px;color:#8b949c;font-size:10px}.zsa-ai-smart-task-info p{margin:5px 0 0;color:#727c84;font-size:10px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zsa-ai-smart-task-state{display:flex;align-items:center;gap:5px;color:#9099a0;font-size:10px}.zsa-ai-smart-task-state i{width:8px;height:8px;border-radius:50%;background:#c8ced2}
.zsa-ai-smart-plan-list article[data-status="submitting"],.zsa-ai-smart-plan-list article[data-status="running"]{border-color:#bfe8a1;background:#fbfff8}.zsa-ai-smart-plan-list article[data-status="submitting"] .zsa-ai-smart-task-state i,.zsa-ai-smart-plan-list article[data-status="running"] .zsa-ai-smart-task-state i{background:#79de2d;box-shadow:0 0 0 4px rgba(121,222,45,.13);animation:zsaSmartPulse 1.2s infinite}.zsa-ai-smart-plan-list article[data-status="success"]{border-color:#dce8d5}.zsa-ai-smart-plan-list article[data-status="success"] .zsa-ai-smart-task-state{color:#399200}.zsa-ai-smart-plan-list article[data-status="success"] .zsa-ai-smart-task-state i{background:#68ce1a}.zsa-ai-smart-plan-list article[data-status="failed"]{border-color:#ffd3d3;background:#fffafa}.zsa-ai-smart-plan-list article[data-status="failed"] .zsa-ai-smart-task-state i{background:#ef6a6a}
.zsa-ai-smart-task-thumb{width:56px;height:56px;border-radius:9px;overflow:hidden;background:#f0f2f3}.zsa-ai-smart-task-thumb img{width:100%;height:100%;object-fit:cover;display:block}@keyframes zsaSmartPulse{50%{opacity:.45;transform:scale(.78)}}
@media(max-width:720px){.zsa-ai-generation-output.is-smart-multitask{margin:8px 6px 0}.zsa-ai-smart-task-card{padding:14px 12px;border-radius:16px}.zsa-ai-smart-steps{grid-template-columns:repeat(2,1fr)}.zsa-ai-smart-task-card>footer{flex-wrap:wrap}.zsa-ai-smart-task-card>footer>span{width:100%;margin:0 0 3px}.zsa-ai-smart-plan-list article{grid-template-columns:26px minmax(0,1fr);}.zsa-ai-smart-task-state,.zsa-ai-smart-task-thumb{grid-column:2}.zsa-ai-smart-task-thumb{width:76px;height:76px}.zsa-ai-smart-task-card>header{align-items:flex-start;flex-direction:column;gap:5px}}

/* v8.6.32.37 works mobile scroll stability */
@media(max-width:620px){.zsa-ai-public-work-card,.zsa-ai-public-work-card:hover{transform:none!important;transition:none!important}.zsa-ai-public-work-media{aspect-ratio:3/4;contain:layout paint;}.zsa-ai-public-work-media>img,.zsa-ai-public-work-media>video{content-visibility:auto;backface-visibility:hidden}.zsa-ai-works-tabs{transform:translateZ(0);will-change:transform}.zsa-ai-works-floor{scroll-margin-top:110px}}

/* v8.6.32.38 mobile works scroll stability fix */
@media (max-width: 720px){
  .zsa-ai-works,
  .zsa-ai-public-works,
  .zsa-ai-app-works-grid,
  .zsa-ai-favorites-stream{
    overflow-anchor:none!important;
    contain:layout paint;
  }
  .zsa-ai-public-work-card,
  .zsa-ai-app-work-card,
  .zsa-ai-favorite-card,
  .zsa-ai-work-related-card{
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .zsa-ai-public-work-card:hover,
  .zsa-ai-app-work-card:hover,
  .zsa-ai-favorite-card:hover,
  .zsa-ai-work-related-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  .zsa-ai-public-work-card img,
  .zsa-ai-app-work-card img,
  .zsa-ai-favorite-card img,
  .zsa-ai-work-related-card img{
    transform:none!important;
    transition:none!important;
  }
}

@media(max-width:720px){.zsa-ai-works-panel,.zsa-ai-works-grid,.zsa-ai-works-fan{overflow-anchor:none}.zsa-ai-works-card,.zsa-ai-works-card *{transition:none!important}.zsa-ai-works-card:hover{transform:none!important}}


/* v8.6.32.41 — iOS mobile Works compositor/scroll stabilization. */
@media(max-width:720px){
  /* Sticky + backdrop-filter + forced GPU layer causes one-frame vertical flashes on iOS Safari. */
  .zsa-ai-works-tabs{
    background:rgba(255,255,255,.985)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
    will-change:auto!important;
    contain:none!important;
  }
  .zsa-ai-works-tabs button{
    font-weight:600!important;
    transform:none!important;
    transition:none!important;
  }
  .zsa-ai-works-tabs button.is-active{
    font-weight:600!important;
  }

  /* content-visibility on images entering a nested momentum scroller can create paint jumps in Safari. */
  .zsa-ai-public-work-media,
  .zsa-ai-public-work-media>img,
  .zsa-ai-public-work-media>video{
    content-visibility:visible!important;
    contain:none!important;
    backface-visibility:visible!important;
    will-change:auto!important;
  }
  .zsa-ai-public-works-grid{
    overflow-anchor:none!important;
    contain:none!important;
  }

  /* Keep the works composer in normal document flow; do not animate/reparent it while scrolling. */
  [data-ai-panel="works"] .zsa-ai-unified-host{
    transition:none!important;
  }
}

/* v8.6.32.52: smarter Agent decisions + persistent execution history */
.is-planned-orchestration .zsa-ai-agent-decisions{
  margin:10px 0 2px 25px;
  padding:0;
  display:grid;
  gap:8px;
}
.is-planned-orchestration .zsa-ai-agent-decisions>small{
  color:#939aa1;
  font-size:10.5px;
  line-height:1.5;
}
.is-planned-orchestration .zsa-ai-agent-decision-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.is-planned-orchestration .zsa-ai-agent-decision-row>b{
  width:70px;
  flex:0 0 70px;
  padding-top:5px;
  color:#555d65;
  font-size:11px;
  line-height:1.4;
  font-weight:700;
}
.is-planned-orchestration .zsa-ai-agent-decision-row>div{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.is-planned-orchestration .zsa-ai-agent-decision-row span{
  min-height:25px;
  padding:4px 8px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:1px solid #e3e7e1;
  border-radius:999px;
  background:#fafbf9;
  color:#697078;
  font-size:10.5px;
  line-height:1.2;
  white-space:nowrap;
}
.is-planned-orchestration .zsa-ai-agent-decision-row span.is-selected{
  border-color:#cce3b3;
  background:#f3faec;
  color:#4f8f15;
  font-weight:680;
}
.is-planned-orchestration .zsa-ai-agent-decision-row span i{
  font-style:normal;
  font-size:9px;
}
.zsa-ai-generation-turn.is-session-agent-record .zsa-ai-generation-turn-card,
.zsa-ai-generation-turn[data-ai-generation-persistent="1"] .is-server-planned-history{
  overflow:visible;
}
.zsa-ai-generation-turn.is-session-agent-record{
  animation:zsaAiArchiveIn .22s ease-out both;
}
@keyframes zsaAiArchiveIn{
  from{opacity:.45;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}
@media(max-width:720px){
  .is-planned-orchestration .zsa-ai-agent-decisions{margin-left:25px;gap:7px}
  .is-planned-orchestration .zsa-ai-agent-decision-row{display:block}
  .is-planned-orchestration .zsa-ai-agent-decision-row>b{width:auto;display:block;padding:0 0 5px}
  .is-planned-orchestration .zsa-ai-agent-decision-row span{font-size:10px}
}

/* v8.6.32.53 completed Agent records: compact result remains visible while the chain is collapsed */
.zsa-ai-generation-task-card.is-planned-orchestration .zsa-ai-agent-collapsed-preview{
  display:none;
  width:100%;
  margin:8px 0 4px;
  padding:0 2px 2px;
  box-sizing:border-box;
}
.zsa-ai-generation-task-card.is-planned-orchestration.is-complete.is-collapsed .zsa-ai-agent-collapsed-preview{
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  gap:10px;
}
.zsa-ai-agent-collapsed-suggestions{display:grid;gap:7px;max-width:620px}
.zsa-ai-agent-collapsed-suggestions>small{color:#747c84;font-size:11px;line-height:1.3}
.zsa-ai-agent-collapsed-suggestions>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.zsa-ai-agent-collapsed-suggestions button{
  min-height:28px;
  padding:0 12px;
  border:1px solid #e1e5e8;
  border-radius:999px;
  background:#fff;
  color:#2d3339;
  font-size:11.5px;
  font-weight:650;
  line-height:1;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.zsa-ai-agent-collapsed-suggestions button:hover{border-color:#bfd99f;background:#f6faef;color:#4d8d12}
.zsa-ai-agent-collapsed-media{
  position:relative;
  display:block;
  width:188px;
  max-width:46vw;
  overflow:hidden;
  border:0;
  border-radius:16px;
  background:#f1f3f3;
  text-decoration:none!important;
}
.zsa-ai-agent-collapsed-media img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#f1f3f3;
}
.zsa-ai-agent-collapsed-media>span{
  position:absolute;
  left:10px;
  bottom:9px;
  padding:4px 7px;
  border-radius:7px;
  background:rgba(24,27,31,.72);
  color:#fff;
  font-size:10px;
  font-weight:700;
}
@media(max-width:720px){
  .zsa-ai-generation-task-card.is-planned-orchestration.is-complete.is-collapsed .zsa-ai-agent-collapsed-preview{gap:8px}
  .zsa-ai-agent-collapsed-suggestions>div{gap:6px}
  .zsa-ai-agent-collapsed-suggestions button{min-height:27px;padding:0 10px;font-size:11px}
  .zsa-ai-agent-collapsed-media{width:154px;max-width:54vw;border-radius:13px}
}

.zsa-ai-generation-turn-actions button svg,
.zsa-ai-generation-turn-actions a svg{
  width:16px;
  height:16px;
  display:block;
}
.zsa-ai-generation-turn-actions button,
.zsa-ai-generation-turn-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.zsa-ai-generation-turn-actions button .zsa-ai-action-icon{
  display:block;
  width:16px;
  height:16px;
}
.zsa-ai-generation-turn-actions button[data-ai-generation-favorite].is-active{
  color:#ef4444!important;
  background:#fff1f2!important;
}
.zsa-ai-plan-meta>span i{display:none!important}

/* v8.6.32.68 generation action icons aesthetic refresh */
.zsa-ai-generation-turn-actions{
  gap:10px!important;
  margin-top:10px!important;
}
.zsa-ai-generation-turn-actions button,
.zsa-ai-generation-turn-actions a{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  border:1px solid #e7eaf0!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%)!important;
  color:#667085!important;
  box-shadow:0 1px 2px rgba(16,24,40,.06)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease!important;
}
.zsa-ai-generation-turn-actions button:hover,
.zsa-ai-generation-turn-actions a:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 10px 18px rgba(16,24,40,.08)!important;
  background:#ffffff!important;
  color:#344054!important;
  border-color:#d8dee9!important;
}
.zsa-ai-generation-turn-actions button[data-ai-generation-edit]:hover{
  color:#7c3aed!important;
  background:#f6f3ff!important;
  border-color:#ddd6fe!important;
}
.zsa-ai-generation-turn-actions button[data-ai-generation-retry]:hover{
  color:#2563eb!important;
  background:#eff6ff!important;
  border-color:#bfdbfe!important;
}
.zsa-ai-generation-turn-actions button[data-ai-generation-favorite]:hover{
  color:#e11d48!important;
  background:#fff1f2!important;
  border-color:#fecdd3!important;
}
.zsa-ai-generation-turn-actions button[data-ai-generation-delete]:hover{
  color:#dc2626!important;
  background:#fef2f2!important;
  border-color:#fecaca!important;
}
.zsa-ai-generation-turn-actions button .zsa-ai-action-icon,
.zsa-ai-generation-turn-actions button svg,
.zsa-ai-generation-turn-actions a svg{
  width:17px!important;
  height:17px!important;
}
.zsa-ai-generation-turn-actions button[data-ai-generation-favorite].is-active{
  color:#e11d48!important;
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  box-shadow:0 8px 18px rgba(225,29,72,.12)!important;
}

/* v8.6.32.69 multi-task ui refresh */
.zsa-ai-smart-plan-list article,
.zsa-ai-agent-series-body .zsa-ai-smart-plan-list article{
  border:1px solid #e8edf5!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
  padding:14px 14px 14px 56px!important;
  margin-bottom:12px!important;
  position:relative!important;
  box-shadow:0 6px 16px rgba(15,23,42,.04)!important;
}
.zsa-ai-smart-task-index{
  position:absolute!important;
  left:14px!important;
  top:14px!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#ecfdf3 0%,#d1fadf 100%)!important;
  color:#067647!important;
  font-weight:800!important;
  box-shadow:inset 0 0 0 1px rgba(6,118,71,.10)!important;
}
.zsa-ai-smart-task-info b{
  font-size:14px!important;
  color:#111827!important;
  letter-spacing:.1px!important;
}
.zsa-ai-smart-task-info span{
  display:inline-flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  color:#667085!important;
}
.zsa-ai-smart-task-info p{
  margin-top:8px!important;
  color:#344054!important;
  line-height:1.65!important;
}
.zsa-ai-smart-plan-list article[data-status="success"]{
  border-color:#b7e4c7!important;
  background:linear-gradient(180deg,#f6fffa 0%,#eefcf4 100%)!important;
}
.zsa-ai-smart-plan-list article[data-status="running"],
.zsa-ai-smart-plan-list article[data-status="submitting"],
.zsa-ai-smart-plan-list article[data-status="retrying"]{
  border-color:#dbeafe!important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
}
.zsa-ai-smart-plan-list article[data-status="failed"]{
  border-color:#fecaca!important;
  background:linear-gradient(180deg,#fff8f8 0%,#fef2f2 100%)!important;
}
.zsa-ai-agent-result-item span,
.zsa-ai-generation-grid .zsa-ai-generation-card span{
  border-radius:999px!important;
  padding:5px 10px!important;
  background:rgba(255,255,255,.92)!important;
  color:#111827!important;
  border:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 4px 10px rgba(15,23,42,.06)!important;
}

/* v8.6.32.70 grouped multi-image history */
.zsa-ai-generation-turn.is-series-history-group .zsa-ai-generation-turn-card{
  border:1px solid #e4e9f2!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.055)!important;
}
.zsa-ai-generation-turn.is-series-history-group .zsa-ai-generation-mode>b{
  font-weight:750!important;
  letter-spacing:.1px!important;
}
.zsa-ai-history-series-strip{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.zsa-ai-history-series-strip>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #e6ebf2;
  border-radius:10px;
  background:#fff;
  color:#667085;
  font-size:12px;
  line-height:1.35;
}
.zsa-ai-history-series-strip>span>b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:20px;
  padding:0 7px;
  border-radius:7px;
  background:#ecfdf3;
  color:#067647;
  font-size:11px;
  font-weight:800;
}
.zsa-ai-generation-turn.is-series-history-group .zsa-ai-agent-result-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.zsa-ai-generation-turn.is-series-history-group .zsa-ai-agent-result-item{
  border-radius:16px!important;
  overflow:hidden!important;
  border:1px solid #e7ebf2!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
}
.zsa-ai-generation-turn.is-series-history-group .zsa-ai-agent-result-item img{
  width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
.zsa-ai-generation-turn.is-series-history-group .zsa-ai-agent-result-item span{
  display:block!important;
  position:static!important;
  border:0!important;
  border-top:1px solid #eef1f5!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  padding:9px 11px!important;
  color:#344054!important;
  font-size:12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:700px){
  .zsa-ai-generation-turn.is-series-history-group .zsa-ai-agent-result-grid{grid-template-columns:1fr!important}
}

/* v8.6.32.71 inline SVG action icons - visible on iOS/Safari */
.zsa-ai-generation-turn-actions .zsa-ai-action-svg{
  width:20px!important;
  height:20px!important;
  display:block!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg .bg{
  stroke:none!important;
}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg .line{
  fill:none!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-edit .bg{fill:#f1edff!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-edit .line{stroke:#7257d6!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-retry .bg{fill:#eaf3ff!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-retry .line{stroke:#3478d8!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-favorite .bg{fill:#fff0f4!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-favorite .line{stroke:#db5175!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-favorite.is-active .bg{fill:#ffe4eb!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-favorite.is-active .line{fill:#db5175!important;stroke:#db5175!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-delete .bg{fill:#fff1f0!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-delete .line{stroke:#d45b57!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-open .bg{fill:#eef8f2!important}
.zsa-ai-generation-turn-actions .zsa-ai-action-svg.is-open .line{stroke:#398a5f!important}
.zsa-ai-generation-turn-actions button,
.zsa-ai-generation-turn-actions a{
  background:#fff!important;
  border-color:#e4e9f0!important;
  box-shadow:0 4px 14px rgba(15,23,42,.06)!important;
}
@media(max-width:640px){
  .zsa-ai-generation-turn-actions{gap:9px!important}
  .zsa-ai-generation-turn-actions button,
  .zsa-ai-generation-turn-actions a{width:38px!important;height:38px!important;border-radius:13px!important}
  .zsa-ai-generation-turn-actions .zsa-ai-action-svg{width:22px!important;height:22px!important}
}

/* v8.6.32.72 — unified generation presentation, including legacy history. */
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-card,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration,
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-result-wrap {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration {
  width: 100% !important; max-width: 920px !important; margin: 0 !important; padding: 12px 0 0 !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-output {
  width: 100%; min-width: 0; max-width: 100%;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-plan-task-head {
  display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px;
  padding: 12px 0 16px !important; border: 0 !important; background: transparent !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-plan-task-head>b {font-size:15px;font-weight:650;color:#29364b}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-plan-body {padding:0 !important;background:transparent !important;border:0 !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-stream {padding:0 !important;min-width:0}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-step {
  margin: 0 0 18px !important; padding: 0 0 0 22px !important; background: transparent !important;
  border: 0 !important; border-left: 2px solid #e9edf2 !important; border-radius: 0 !important; box-shadow:none !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-step.is-active {border-left-color:#9daeea !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-step>header {gap:8px;flex-wrap:wrap}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-step [data-ai-agent-step-copy] {
  color:#596579; font-size:13px; line-height:1.85; overflow-wrap:anywhere; margin:10px 0 0 !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-decision-row {align-items:flex-start;gap:10px}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-decision-row>div {display:flex;flex-wrap:wrap;gap:6px}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-grid,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-series-history-group .zsa-ai-agent-result-grid {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100% !important; max-width:820px !important; gap:16px !important; margin:16px 0 !important; padding:0 !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-grid.is-single {
  grid-template-columns:minmax(0,1fr) !important;max-width:420px !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-item,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-series-history-group .zsa-ai-agent-result-item {
  display:flex !important;flex-direction:column;min-width:0 !important;
  background:#f8fafc !important;border:1px solid #e7ecf2 !important;border-radius:14px !important;
  overflow:hidden !important;box-shadow:none !important;text-decoration:none;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-item img,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-series-history-group .zsa-ai-agent-result-item img {
  display:block !important;width:100% !important;height:300px !important;min-height:0 !important;
  aspect-ratio:auto !important;object-fit:contain !important;object-position:center !important;
  background:#f8fafc !important;border-radius:0 !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-grid.is-single img {height:auto !important;max-height:560px !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-item>span,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-series-history-group .zsa-ai-agent-result-item>span {
  display:block !important;position:static !important;transform:none !important;width:auto !important;
  padding:11px 14px !important;background:#fff !important;border:0 !important;border-top:1px solid #edf0f4 !important;
  border-radius:0 !important;box-shadow:none !important;color:#344054 !important;
  font-size:12px !important;line-height:1.55 !important;white-space:normal !important;overflow-wrap:anywhere;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-collapsed-preview {
  grid-template-columns:1fr !important;padding:0 !important;background:transparent !important;border:0 !important;width:100% !important;max-width:820px !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration:not(.is-collapsed)>[data-ai-agent-collapsed-preview] {display:none !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration.is-collapsed>.zsa-ai-plan-body {display:none !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration.is-collapsed>[data-ai-agent-collapsed-preview] {display:block !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-plan-list {display:grid;gap:8px}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-plan-list>article {
  display:grid !important;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;
  padding:12px !important;border:1px solid #e8edf3 !important;background:#fafbfd !important;border-radius:10px !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-task-info {min-width:0}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-task-info p {overflow-wrap:anywhere;line-height:1.6}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-task-thumb {display:none !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-task-state {white-space:nowrap;font-size:11px}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-plan-footer {display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 0 !important;border:0 !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions {
  display:flex;flex-wrap:wrap;gap:10px !important;justify-content:flex-start;margin:14px 0 28px !important;padding:0 !important;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions[hidden] {display:none !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>button,
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>a {
  display:inline-flex !important;align-items:center;justify-content:center;width:36px !important;height:36px !important;
  min-width:36px !important;padding:0 !important;border:1px solid #e4e9f0 !important;border-radius:11px !important;
  background:#fff !important;box-shadow:0 3px 10px rgba(22,34,60,.055) !important;cursor:pointer;
}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>[hidden] {display:none !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>button::before,
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>a::before,
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>button::after,
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>a::after {content:none !important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions .zsa-ai-action-svg {
  width:22px !important;height:22px !important;display:block !important;fill:none !important;stroke:none !important;pointer-events:none;
}
[data-zsa-ai-app] [data-ai-panel="generate"] button:focus-visible,
[data-zsa-ai-app] [data-ai-panel="generate"] a:focus-visible {outline:2px solid #7187d9;outline-offset:3px}
@media(max-width:640px){
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-grid,
  [data-zsa-ai-app] [data-ai-panel="generate"] .is-series-history-group .zsa-ai-agent-result-grid {grid-template-columns:minmax(0,1fr) !important;gap:12px !important}
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-result-item img {height:auto !important;max-height:480px !important}
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-plan-list>article {grid-template-columns:24px minmax(0,1fr)}
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-smart-task-state {grid-column:2}
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-agent-step {padding-left:14px !important}
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>button,
  [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-generation-turn-actions>a {width:40px !important;height:40px !important;min-width:40px !important}
}
@media(prefers-reduced-motion:reduce){
  [data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration * {animation:none !important;transition:none !important}
}


/* v8.6.32.74: compact suite queue, isolated from legacy smart-task cards. */
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-board{width:100%;min-width:0;box-sizing:border-box;margin:16px 0 6px;padding:0;background:transparent;border:0;box-shadow:none}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:12px;color:#7b8493}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-summary>b{font-size:12px;font-weight:500;color:#667085}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-meter{height:3px;overflow:hidden;border-radius:3px;background:#eef1f5;margin:0 0 6px}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-meter>i{display:block;width:0;height:100%;background:#86b96c;border-radius:inherit;transition:width .25s ease}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li{display:grid!important;grid-template-columns:32px minmax(0,1fr) 76px!important;align-items:center;gap:12px;min-width:0;min-height:66px;height:auto!important;margin:0!important;padding:13px 4px!important;box-sizing:border-box;border:0!important;border-bottom:1px solid #edf0f4!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;writing-mode:horizontal-tb!important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-number{position:static!important;grid-column:1;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f4f5f8;color:#939bac;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-copy{grid-column:2;min-width:0;width:100%;text-align:left;writing-mode:horizontal-tb!important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-copy>b{display:block;color:#344054;font-size:13px;font-weight:600;line-height:1.55;white-space:normal;overflow-wrap:break-word;word-break:normal}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-copy>small{display:block;margin-top:3px;color:#939baa;font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-copy>p{margin:6px 0 0;color:#bd665b;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-copy>p[hidden]{display:none!important}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-state{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#98a1b1;font-size:11px;white-space:nowrap}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-state>i{display:block;width:5px;height:5px;border-radius:50%;background:currentColor;animation:none;box-shadow:none}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li[data-status="running"] .zsa-ai-series-state,
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li[data-status="submitting"] .zsa-ai-series-state{color:#7b68b5}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li[data-status="success"] .zsa-ai-series-state{color:#5b8b49}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li[data-status="success"] .zsa-ai-series-number{background:#f0f7ec;color:#668e50}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li[data-status="failed"] .zsa-ai-series-state{color:#bd665b}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-preparing{padding:12px 0;color:#8c96a6;font-size:12px;line-height:1.7}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-footer-status{flex:1;min-width:180px;color:#778393;font-size:12px;line-height:1.7}
[data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-open{color:#547f40;font-size:12px;font-weight:600;text-decoration:none}
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration.is-complete .zsa-ai-agent-step-icon,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration.is-complete .zsa-ai-agent-step-icon::before,
[data-zsa-ai-app] [data-ai-panel="generate"] .is-planned-orchestration.is-complete .zsa-ai-agent-step-icon::after{animation:none!important}
[data-zsa-ai-app] [data-ai-panel="generate"] .is-task-plan-step.is-stage-collapsed>[data-ai-agent-series-body]{display:none!important}
@media(max-width:640px){
 [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-queue>li{grid-template-columns:26px minmax(0,1fr) 58px!important;gap:8px;padding:12px 0!important}
 [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-number{width:24px;height:24px;font-size:10px}
 [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-copy>b{font-size:12px}
 [data-zsa-ai-app] [data-ai-panel="generate"] .zsa-ai-series-state{font-size:10px;gap:4px}
}

/* v8.6.32.82 — refreshed sidebar icons + application video autoplay presentation + media fill fixes */
.zsa-ai-nav-primary>button>svg{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  stroke-width:1.7!important;
  transition:transform .18s ease,background .18s ease,color .18s ease!important;
}
.zsa-ai-nav-primary>button:nth-child(1)>svg{background:#eaf3ff!important;color:#2e7fe8!important}
.zsa-ai-nav-primary>button:nth-child(2)>svg{background:#e9fbf4!important;color:#18a875!important}
.zsa-ai-nav-primary>button:nth-child(3)>svg{background:#f1edff!important;color:#7654e9!important}
.zsa-ai-nav-primary>button:nth-child(4)>svg{background:#fff4e8!important;color:#ee8a18!important}
.zsa-ai-nav-primary>button:nth-child(5)>svg{background:#e9f8fb!important;color:#16a7ba!important}
.zsa-ai-nav-primary>button:nth-child(6)>svg{background:#fff0ed!important;color:#e55a43!important}
.zsa-ai-nav-primary>button:nth-child(7)>svg{background:#f0f1f3!important;color:#20242a!important}
.zsa-ai-nav-primary>button:hover>svg,.zsa-ai-nav-primary>button.is-active>svg{transform:scale(1.04)!important}
.zsa-ai-nav-primary>button{height:45px!important;gap:10px!important}
.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav-primary>button>svg{width:32px!important;height:32px!important;flex-basis:32px!important}

/* Application cover videos are poster-free and always fill the card. Playback is managed in JS. */
.zsa-ai-app-arc-cover>video,
.zsa-ai-market-card-cover>video,
.zsa-ai-home-reference-app-cover>video,
.zsa-ai-app-detail-cover>video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#eef1f3!important;
  pointer-events:none!important;
}
.zsa-ai-market-card-cover.is-video-cover,
.zsa-ai-home-reference-app-cover.is-video-cover,
.zsa-ai-app-detail-cover.is-video-cover{overflow:hidden!important;background:#eef1f3!important}
.zsa-ai-app-arc-card .zsa-ai-video-play,
.zsa-ai-market-card .zsa-ai-video-play,
.zsa-ai-home-reference-app .zsa-ai-video-play,
.zsa-ai-app-detail-cover .zsa-ai-video-play{display:none!important}

/* Home videos no longer start as a short 300x150 browser placeholder before metadata arrives. */
.zsa-ai-home-community-card.is-video .zsa-ai-home-community-media{aspect-ratio:3/4!important;min-height:0!important}
.zsa-ai-home-community-card.is-video .zsa-ai-home-community-media>video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#eef1f3!important;
}

/* Work media must fill the visual frame; removes half-height/letterboxed cards caused by older height:auto overrides. */
.zsa-ai-public-work-media>img,
.zsa-ai-public-work-media>video,
.zsa-ai-model-work-media>img,
.zsa-ai-model-work-media>video,
.zsa-ai-app-work-image>img,
.zsa-ai-app-work-image>video,
.zsa-ai-work-related-card>div>img,
.zsa-ai-work-related-card>div>video,
.zsa-ai-works-fan-card>div>img,
.zsa-ai-works-fan-card>div>video,
.zsa-ai-home-reference-work-card>div>img,
.zsa-ai-home-reference-work-card>div>video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:720px){
  .zsa-ai-app-arc-card .zsa-ai-video-play,
  .zsa-ai-market-card .zsa-ai-video-play,
  .zsa-ai-home-reference-app .zsa-ai-video-play,
  .zsa-ai-app-detail-cover .zsa-ai-video-play{display:none!important}
  .zsa-ai-home-reference-work-card>div img,
  .zsa-ai-home-reference-work-card>div video{height:100%!important;min-height:100%!important;object-fit:cover!important}
}

/* v8.6.32.83: consistent outline navigation, category applications and restored composer dock. */
.zsa-ai-nav-primary>button>svg,.zsa-ai-app.is-sidebar-collapsed .zsa-ai-nav-primary>button>svg{
 width:22px!important;height:22px!important;flex:0 0 22px!important;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;color:#3b444c!important;
 fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;box-shadow:none!important;transform:none!important;
}
.zsa-ai-nav-primary>button>svg :is(path,rect,circle,polyline,line){fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.zsa-ai-nav-primary>button.is-active>svg,.zsa-ai-nav-primary>button:hover>svg{color:#151a18!important;background:transparent!important}
.zsa-ai-nav-primary>button[data-ai-invite-open]>svg{color:#e35d3f!important}
.zsa-ai-nav-primary>button{gap:13px!important}
.zsa-ai-home-mini-app[hidden],[data-home-quick-empty][hidden]{display:none!important}
.zsa-ai-home-mini-app{grid-template-columns:42px minmax(0,1fr)!important;position:relative!important}
.zsa-ai-home-mini-app>em,.zsa-ai-home-reference-app footer>em{
 display:block!important;border:0!important;border-radius:8px!important;padding:7px 13px!important;
 background:#171a18!important;color:#fff!important;font-size:12px!important;font-weight:700!important;
 font-style:normal!important;opacity:0!important;transition:opacity .16s ease!important;
}
.zsa-ai-home-mini-app>em{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important}
.zsa-ai-home-mini-app:hover>em,.zsa-ai-home-mini-app:focus-visible>em,.zsa-ai-home-reference-app:hover footer>em,.zsa-ai-home-reference-app:focus-visible footer>em{opacity:1!important}
.zsa-ai-home-mini-app:hover>span,.zsa-ai-home-mini-app:focus-visible>span{padding-right:42px}
.zsa-ai-home-mini-app>i>video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;pointer-events:none!important}
.zsa-ai-home-mini-app .zsa-ai-video-play{display:none!important}
.zsa-ai-home-quick-pills{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;max-width:100%;overflow-x:auto}
.zsa-ai-home-quick-pills>button{white-space:nowrap!important}
[data-home-quick-empty]{font-size:13px;color:#87908a;text-align:center;padding:20px}
.zsa-ai-app-arc-try,.zsa-ai-market-card .zsa-ai-market-card-body>button{background:#171a18!important;color:white!important;border-color:#171a18!important}
.zsa-ai-unified-host:not(.is-generate):not(.is-app):not(.is-work).is-scroll-floating{
 position:fixed!important;top:auto!important;bottom:20px!important;margin:0!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2147483300!important;
}
html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host:not(.is-generate):not(.is-app):not(.is-work).is-scroll-floating{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important}
@media(max-width:720px){
 .zsa-ai-home-mini-app{grid-template-columns:32px minmax(0,1fr)!important}
 .zsa-ai-home-mini-app>em{display:none!important}
 .zsa-ai-home-mini-app:hover>span{padding-right:0}
 .zsa-ai-home-quick-pills{gap:5px!important;justify-content:flex-start!important}
 .zsa-ai-home-quick-pills>button{font-size:11px!important;padding:7px 10px!important}
 .zsa-ai-unified-host:not(.is-generate):not(.is-app):not(.is-work).is-scroll-floating,
 html.zsa-ai-composer-is-scrolling .zsa-ai-unified-host:not(.is-generate):not(.is-app):not(.is-work).is-scroll-floating{
 left:12px!important;right:12px!important;width:calc(100vw - 24px)!important;max-width:none!important;
 bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;transform:none!important;
 }
}
[data-ai-app-fields]{display:none!important}

/* v84: stable default/hover card footer, no text-button overlap. */
.zsa-ai-market-card .zsa-ai-market-card-body,.zsa-ai-home-reference-app footer{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;height:64px!important;min-height:64px!important;padding:9px 11px!important;position:relative!important}
.zsa-ai-market-card .zsa-ai-market-card-body>i,.zsa-ai-home-reference-app footer>i{display:flex!important;width:36px!important;height:36px!important;opacity:1!important;visibility:visible!important}
.zsa-ai-market-card .zsa-ai-market-card-body>div,.zsa-ai-home-reference-app footer>span{min-width:0!important;margin:0!important;padding:0!important}
.zsa-ai-market-card .zsa-ai-market-card-body b,.zsa-ai-home-reference-app footer b{font-size:14px!important;line-height:20px!important;margin:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}
.zsa-ai-market-card .zsa-ai-market-card-body small,.zsa-ai-home-reference-app footer small{display:block!important;min-height:0!important;font-size:12px!important;line-height:18px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important}
.zsa-ai-market-card .zsa-ai-market-card-body>button,.zsa-ai-home-reference-app footer>em{display:none!important;position:static!important;transform:none!important;margin:0!important}
.zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body,.zsa-ai-home-reference-app:is(:hover,:focus-visible) footer{grid-template-columns:minmax(0,1fr) 64px!important}
.zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body>i,.zsa-ai-home-reference-app:is(:hover,:focus-visible) footer>i{display:none!important}
.zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body>button,.zsa-ai-home-reference-app:is(:hover,:focus-visible) footer>em{display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:34px!important;padding:0!important;border:0!important;border-radius:18px!important;background:#111!important;color:white!important;font-size:13px!important;font-weight:700!important;opacity:1!important;visibility:visible!important}
.zsa-ai-model-dropdown,[data-ai-unified-model-list]{scrollbar-width:none!important;-ms-overflow-style:none}
.zsa-ai-model-dropdown::-webkit-scrollbar,.zsa-ai-model-dropdown *::-webkit-scrollbar,[data-ai-unified-model-list]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.zsa-ai-model-dropdown *{scrollbar-width:none!important}
@media(min-width:721px){
 [data-ai-market-carousel],[data-ai-model-market-carousel],[data-ai-works-fan]{width:100%!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}
 .zsa-ai-app-carousel-viewport,.zsa-ai-model-carousel-viewport,.zsa-ai-works-fan-track{height:360px!important;overflow:visible!important;position:relative!important}
 .zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card{width:240px!important;min-width:240px!important;max-width:240px!important;height:224px!important;min-height:224px!important;max-height:224px!important;top:16px!important;border-radius:14px!important;overflow:hidden!important;transform-origin:50% 50%!important}
 .zsa-ai-app-arc-card{transform:translateX(-50%) translate(var(--arc-x,0px),var(--arc-y,0px)) rotate(var(--arc-rotate,0deg))!important}
 .zsa-ai-model-arc-card{transform:translateX(-50%) translate(var(--model-x,0px),var(--model-y,0px)) rotate(var(--model-r,0deg))!important}
 .zsa-ai-works-fan-card{transform:translateX(-50%) translate(var(--work-x,0px),var(--work-y,0px)) rotate(var(--work-r,0deg))!important}
 .zsa-ai-app-arc-cover,.zsa-ai-model-arc-cover,.zsa-ai-works-fan-card>div{height:164px!important;min-height:164px!important;max-height:164px!important;aspect-ratio:auto!important;overflow:hidden!important}
 .zsa-ai-app-arc-cover img,.zsa-ai-app-arc-cover video,.zsa-ai-model-arc-cover img,.zsa-ai-model-arc-cover video,.zsa-ai-works-fan-card>div>img,.zsa-ai-works-fan-card>div>video{width:100%!important;height:100%!important;object-fit:cover!important}
 .zsa-ai-app-arc-body,.zsa-ai-model-arc-body,.zsa-ai-works-fan-card>footer{height:60px!important;min-height:60px!important;padding:8px 10px!important;box-sizing:border-box!important;overflow:hidden!important}
}
.zsa-ai-home-mini-app:is(:hover,:focus-visible){grid-template-columns:minmax(0,1fr) 64px!important}
.zsa-ai-home-mini-app:is(:hover,:focus-visible)>i{display:none!important}
.zsa-ai-home-mini-app:is(:hover,:focus-visible)>span{padding-right:0!important}
.zsa-ai-home-mini-app:is(:hover,:focus-visible)>em{position:static!important;transform:none!important;width:64px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:18px!important}
@media(hover:none){.zsa-ai-home-mini-app:is(:hover,:focus-visible){grid-template-columns:32px minmax(0,1fr)!important}.zsa-ai-home-mini-app:is(:hover,:focus-visible)>i{display:grid!important}.zsa-ai-home-mini-app:is(:hover,:focus-visible)>em{display:none!important}}
/* v85: full-bleed fan rails; viewport clips the partial edge cards only. */
@media(min-width:721px){
 [data-zsa-ai-app] [data-ai-market-carousel],[data-zsa-ai-app] [data-ai-model-market-carousel],[data-zsa-ai-app] [data-ai-works-fan]{max-width:none!important;flex-shrink:0!important;padding-left:0!important;padding-right:0!important;overflow:hidden!important}
 [data-zsa-ai-app] .zsa-ai-app-carousel-track,[data-zsa-ai-app] .zsa-ai-model-carousel-track,[data-zsa-ai-app] .zsa-ai-works-fan-track{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 [data-zsa-ai-app] .zsa-ai-app-arc-card,[data-zsa-ai-app] .zsa-ai-model-arc-card,[data-zsa-ai-app] .zsa-ai-works-fan-card{left:50%!important}
}
/* Reset legacy hover widths/positioning rather than letting the footer wrap around the CTA. */
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card .zsa-ai-market-card-body,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app footer{
 display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:46px!important;
 height:68px!important;min-height:68px!important;max-height:68px!important;padding:11px!important;gap:10px!important;align-items:center!important;overflow:hidden!important;
}
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card .zsa-ai-market-card-body>div,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app footer>span{
 width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;position:static!important;transform:none!important;grid-column:2!important;grid-row:1!important;
}
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app:is(:hover,:focus-visible) footer{grid-template-columns:minmax(0,1fr) 64px!important}
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body>div,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app:is(:hover,:focus-visible) footer>span{grid-column:1!important}
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card .zsa-ai-market-card-body>button,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app footer>em{
 grid-column:2!important;grid-row:1!important;position:static!important;inset:auto!important;float:none!important;transform:none!important;align-self:center!important;justify-self:end!important;margin:0!important;min-width:64px!important;max-width:64px!important;white-space:nowrap!important;
}
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card .zsa-ai-market-card-body b,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-market-card .zsa-ai-market-card-body small,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app footer b,
[data-zsa-ai-app].zsa-ai-app .zsa-ai-home-reference-app footer small{display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;word-break:normal!important;text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:unset!important}
@media(min-width:721px){
 [data-zsa-ai-app] .zsa-ai-app-market-hero,[data-zsa-ai-app] .zsa-ai-model-hero,[data-zsa-ai-app] .zsa-ai-works-hero{overflow:visible!important}
 [data-zsa-ai-app] .zsa-ai-app-market-v2,[data-zsa-ai-app] .zsa-ai-model-market-v2{overflow:visible!important}
}

/* First paint: keep the reserved rail, reveal positioned cards together. */
body .zsa-ai-app [data-fan-pending] :is(.zsa-ai-app-carousel-track,.zsa-ai-model-carousel-track,.zsa-ai-works-fan-track){opacity:0!important;pointer-events:none!important}
body .zsa-ai-app [data-fan-pending] :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav){visibility:hidden!important}
body .zsa-ai-app [data-fan-pending][aria-busy] :is(.zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card):is(a,article,div,:hover,:focus-visible,.is-active,.is-hovered){transition:none!important;animation:none!important}

/* v88: one scoped layout contract for application and public-work markets.
   Geometry is measured from .zsa-ai-main, never physical monitor pixels. */
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-market-content,.zsa-ai-works-content){
 width:var(--market-floor-width,78%)!important;max-width:none!important;padding:0!important;margin:8px auto 0!important;box-sizing:border-box!important
}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-market-grid,.zsa-ai-public-works-grid){
 display:grid!important;grid-template-columns:repeat(var(--market-columns,4),minmax(0,1fr))!important;gap:var(--market-gap,20px)!important;
 width:100%!important;max-width:none!important;margin:0!important;padding:0!important;justify-content:stretch!important;align-items:start!important
}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-market-card,.zsa-ai-public-work-card){
 width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:3px!important;transform:none!important;border:1px solid #e1e4e8!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card[hidden]{display:none!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card-cover{
 position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;border-radius:12px 12px 0 0!important;background-size:cover!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-public-work-media{
 width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/4!important;border-radius:12px!important
}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-market-role-tabs,.zsa-ai-works-tabs){
 position:relative!important;top:auto!important;width:max-content!important;max-width:100%!important;margin:0 0 30px!important;padding:4px!important;box-shadow:none!important;justify-content:flex-start!important
}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-market-sections,.zsa-ai-works-floors){gap:34px!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-section{min-height:0!important;margin-bottom:0!important}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-market-section-head,.zsa-ai-works-floor>header){margin-bottom:16px!important}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-market-section-head h2,.zsa-ai-works-floor h2){font-size:22px!important;font-weight:700!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-section-head p{display:none!important}
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-market-title-frame,.zsa-ai-model-title-frame) h1{font-weight:800!important;letter-spacing:-.025em!important}
/* Reserve the same 58px footer at rest and on hover. Two columns, never legacy zero-width tracks. */
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card:is(article,:hover,:focus-within) .zsa-ai-market-card-body{
 position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:40px!important;
 height:58px!important;min-height:58px!important;max-height:58px!important;gap:8px!important;padding:9px 8px!important;align-items:center!important;overflow:hidden!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body{grid-template-columns:minmax(0,1fr) 64px!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card-body>i{grid-column:1!important;grid-row:1!important;width:34px!important;min-width:34px!important;height:34px!important;display:flex!important;opacity:1!important;visibility:visible!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body>i{display:none!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card:is(article,:hover,:focus-within) .zsa-ai-market-card-body>div{
 min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;grid-column:2!important;grid-row:1!important;align-self:center!important;transform:none!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body>div{grid-column:1!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card-body>button{
 display:none!important;position:static!important;inset:auto!important;grid-column:2!important;grid-row:1!important;transform:none!important;margin:0!important;
 width:64px!important;min-width:64px!important;max-width:64px!important;height:32px!important;padding:0!important;border:0!important;border-radius:18px!important;background:#111!important;color:#fff!important;font-size:13px!important;font-weight:700!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card:is(:hover,:focus-within) .zsa-ai-market-card-body>button{display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-market-card-body :is(b,small){
 display:block!important;width:100%!important;min-width:0!important;margin:0!important;height:auto!important;min-height:0!important;max-height:none!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;line-height:18px!important;-webkit-line-clamp:unset!important
}
@media(min-width:721px){
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-applications-panel,.zsa-ai-works-panel,.zsa-ai-models-panel){overflow-x:clip!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-market-hero,.zsa-ai-works-hero,.zsa-ai-model-hero){min-height:0!important;height:auto!important;padding-bottom:0!important;overflow:visible!important}
 body .zsa-ai-app[data-market-layout="88"] :is([data-ai-market-carousel],[data-ai-model-market-carousel],[data-ai-works-fan]){
  height:var(--zsa-fan-height,380px)!important;min-height:0!important;max-height:none!important;margin-top:36px!important;margin-bottom:0!important;padding:0!important;overflow:clip!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-carousel-viewport,.zsa-ai-model-carousel-viewport,.zsa-ai-works-fan-track,.zsa-ai-app-carousel-track,.zsa-ai-model-carousel-track){
  position:relative!important;display:block!important;height:100%!important;min-height:0!important;max-height:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card):is(a,article,div,:hover,:focus-visible,.is-active,.is-hovered){
  display:block!important;position:absolute!important;left:50%!important;top:4px!important;bottom:auto!important;right:auto!important;
  width:var(--zsa-fan-card-w,280px)!important;min-width:var(--zsa-fan-card-w,280px)!important;max-width:var(--zsa-fan-card-w,280px)!important;
  height:var(--zsa-fan-card-h,223px)!important;min-height:var(--zsa-fan-card-h,223px)!important;max-height:var(--zsa-fan-card-h,223px)!important;
  margin:0!important;padding:3px!important;box-sizing:border-box!important;transform-origin:50% 50%!important;contain:layout paint!important;overflow:hidden!important;border-radius:16px!important;
  transition:transform .25s ease,box-shadow .16s ease!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-hovered){transform:translateX(-50%) translate(var(--arc-x,0px),var(--arc-y,0px)) rotate(var(--arc-rotate,0deg))!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(a,article,div,:hover,:focus-visible){transform:translateX(-50%) translate(var(--model-x,0px),var(--model-y,0px)) rotate(var(--model-r,0deg))!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-works-fan-card:is(a,:hover,:focus-visible){transform:translateX(-50%) translate(var(--work-x,0px),var(--work-y,0px)) rotate(var(--work-r,0deg))!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card):is(a,article,div,:hover,.is-hovered) :is(.zsa-ai-app-arc-cover,.zsa-ai-model-arc-cover),
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-works-fan-card>div{
  width:100%!important;height:calc(var(--zsa-fan-card-h,223px) - 64px)!important;min-height:0!important;max-height:none!important;
  aspect-ratio:auto!important;margin:0!important;padding:0!important;border-radius:12px 12px 0 0!important;overflow:hidden!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-body,.zsa-ai-model-arc-body,.zsa-ai-works-fan-card>footer){
  position:relative!important;height:56px!important;min-height:56px!important;max-height:56px!important;margin:0!important;padding:8px!important;box-sizing:border-box!important;overflow:hidden!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,.is-hovered,:focus-visible) .zsa-ai-app-arc-body{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:40px!important;gap:8px!important;align-items:center!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;padding:8px!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(:hover,:focus-visible) .zsa-ai-app-arc-body{grid-template-columns:minmax(0,1fr) 64px!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card .zsa-ai-app-arc-body>i{display:flex!important;width:34px!important;min-width:34px!important;height:34px!important;opacity:1!important;visibility:visible!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(:hover,:focus-visible) .zsa-ai-app-arc-body>i{display:none!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,.is-hovered,:focus-visible) .zsa-ai-app-arc-body>div{min-width:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;grid-column:1 / -1!important;grid-row:1!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:not(:hover):not(:focus-visible) .zsa-ai-app-arc-body>div{grid-column:2!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(:hover,:focus-visible) .zsa-ai-app-arc-body>div{grid-column:1!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,.is-hovered) :is(b,small){
  display:block!important;line-height:18px!important;font-size:14px!important;width:auto!important;margin:0!important;height:18px!important;min-height:0!important;max-height:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-line-clamp:unset!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,.is-hovered) small{font-size:12px!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card .zsa-ai-app-arc-try{
  display:none!important;position:static!important;inset:auto!important;grid-column:2!important;grid-row:1!important;transform:none!important;width:64px!important;min-width:64px!important;max-width:64px!important;height:32px!important;margin:0!important;padding:0!important;border-radius:18px!important;align-self:center!important;font-size:13px!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(:hover,:focus-visible) .zsa-ai-app-arc-try{display:flex!important;opacity:1!important;visibility:visible!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-cover,.zsa-ai-model-arc-cover,.zsa-ai-works-fan-card>div):not(.zsa-ai-has-multi)>:is(img,video){
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important
 }
}

/* v89: explicit footer tracks and a bounded, wrapping model shortcut grid. */
body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-body,.zsa-ai-home-reference-app footer)>i{grid-column:1!important;grid-row:1!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-market-content{width:var(--market-floor-width,78%)!important;max-width:none!important;margin:8px auto 0!important;padding:0!important;box-sizing:border-box!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-tabs{
 position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))!important;
 width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;gap:8px!important;
 margin:0 0 30px!important;padding:8px!important;border-radius:16px!important;box-sizing:border-box!important;box-shadow:none!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-tabs>button{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex:none!important;
 min-width:0!important;width:100%!important;max-width:none!important;height:42px!important;padding:8px 10px!important;margin:0!important;border-radius:10px!important;box-sizing:border-box!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-tabs>button>img{flex:0 0 24px!important;width:24px!important;height:24px!important;object-fit:contain!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-tabs .zsa-ai-model-market-name{flex:1!important;min-width:0!important;overflow:hidden!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-tabs .zsa-ai-model-market-name>b{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:14px!important;line-height:20px!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(article,:hover,:focus-visible) .zsa-ai-model-arc-body{
 display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:40px!important;gap:8px!important;align-items:center!important;
 height:56px!important;min-height:56px!important;max-height:56px!important;padding:8px!important;box-sizing:border-box!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body>i{grid-column:1!important;grid-row:1!important;display:flex!important;width:34px!important;height:34px!important;min-width:34px!important;opacity:1!important;visibility:visible!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body>i img{width:100%!important;height:100%!important;object-fit:contain!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(article,:hover,:focus-visible) .zsa-ai-model-arc-body>div{
 grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;max-width:none!important;position:static!important;transform:none!important;margin:0!important;padding:0!important
}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body .zsa-ai-model-market-name{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important;height:20px!important;line-height:20px!important;overflow:hidden!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body .zsa-ai-model-market-name>b{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body .zsa-ai-model-title-tags{flex-shrink:0!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body small{display:block!important;width:100%!important;min-width:0!important;height:18px!important;min-height:0!important;max-height:18px!important;margin:0!important;font-size:12px!important;line-height:18px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:unset!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-body>button{display:none!important;position:static!important;inset:auto!important;grid-column:2!important;grid-row:1!important;width:64px!important;min-width:64px!important;height:32px!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:18px!important;background:#111!important;color:#fff!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(:hover,:focus-visible) .zsa-ai-model-arc-body{grid-template-columns:minmax(0,1fr) 64px!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(:hover,:focus-visible) .zsa-ai-model-arc-body>div{grid-column:1!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(:hover,:focus-visible) .zsa-ai-model-arc-body>i,
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(:hover,:focus-visible) .zsa-ai-model-title-tags{display:none!important}
body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(:hover,:focus-visible) .zsa-ai-model-arc-body>button{display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important}

/* v90: bounded home-model rows and real destination links. */
body .zsa-ai-app .zsa-ai-home-reference-models{display:grid!important;grid-template-columns:repeat(var(--home-model-columns,5),minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:none!important;overflow:visible!important;scroll-snap-type:none!important}
body .zsa-ai-app .zsa-ai-home-reference-models>.zsa-ai-home-reference-model{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}
body .zsa-ai-app .zsa-ai-home-reference-models>.zsa-ai-home-reference-model[hidden]{display:none!important}
body .zsa-ai-app .zsa-ai-home-reference-model-cover{height:auto!important;aspect-ratio:1/1!important}
body .zsa-ai-app .zsa-ai-home-more{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:36px!important;padding:0 14px!important;flex-shrink:0;border:1px solid #dfe4e8;border-radius:20px;background:#fff;color:#171a1e!important;font-size:13px;font-weight:600;text-decoration:none!important;white-space:nowrap}
body .zsa-ai-app .zsa-ai-home-more:hover{border-color:#b8c1c8;background:#f7f9fa}
/* The reserved anchor prevents document-height changes when the live composer moves. */
.zsa-ai-unified-scroll-anchor{overflow-anchor:none}
.zsa-ai-unified-host.is-scroll-floating{overflow-anchor:none}
@media(max-width:720px){
 body .zsa-ai-app .zsa-ai-home-reference-models{gap:10px!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-market-hero,.zsa-ai-model-hero,.zsa-ai-works-hero){height:auto!important;min-height:0!important;padding-bottom:0!important}
 body .zsa-ai-app[data-market-layout="88"] :is([data-ai-market-carousel],[data-ai-model-market-carousel],[data-ai-works-fan]){
  position:relative!important;height:var(--zsa-fan-height,280px)!important;min-height:0!important;max-height:none!important;max-width:none!important;
  margin-top:24px!important;margin-bottom:12px!important;margin-right:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;touch-action:pan-y!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-carousel-viewport,.zsa-ai-model-carousel-viewport,.zsa-ai-app-carousel-track,.zsa-ai-model-carousel-track,.zsa-ai-works-fan-track){
  position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-card,.zsa-ai-model-arc-card,.zsa-ai-works-fan-card):is(a,article,div,:hover,:focus-visible,.is-active,.is-left-slot,.is-right-slot){
  position:absolute!important;display:block!important;left:50%!important;right:auto!important;top:4px!important;bottom:auto!important;
  width:var(--zsa-fan-card-w,281px)!important;min-width:var(--zsa-fan-card-w,281px)!important;max-width:var(--zsa-fan-card-w,281px)!important;
  height:var(--zsa-fan-card-h,223px)!important;min-height:var(--zsa-fan-card-h,223px)!important;max-height:var(--zsa-fan-card-h,223px)!important;
  padding:3px!important;margin:0!important;border-radius:16px!important;box-sizing:border-box!important;overflow:hidden!important;transform-origin:50% 50%!important;
  rotate:none!important;scale:none!important;filter:none!important;pointer-events:auto!important;transition:transform .25s ease!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active,.is-left-slot,.is-right-slot){transform:translateX(-50%) translate(var(--arc-x,0px),var(--arc-y,0px)) rotate(var(--arc-rotate,0deg))!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-model-arc-card:is(article,:hover,:focus-visible,.is-active){transform:translateX(-50%) translate(var(--model-x,0px),var(--model-y,0px)) rotate(var(--model-r,0deg))!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-works-fan-card:is(a,:hover,:focus-visible,.is-active){transform:translateX(-50%) translate(var(--work-x,0px),var(--work-y,0px)) rotate(var(--work-r,0deg))!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-card,.zsa-ai-model-arc-card):is(a,article,:hover,:focus-visible,.is-active) :is(.zsa-ai-app-arc-cover,.zsa-ai-model-arc-cover),
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-works-fan-card>div{
  width:100%!important;height:calc(var(--zsa-fan-card-h,223px) - 64px)!important;min-height:0!important;max-height:none!important;flex-basis:auto!important;aspect-ratio:auto!important;margin:0!important;border-radius:12px 12px 0 0!important;overflow:hidden!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-arc-cover,.zsa-ai-model-arc-cover,.zsa-ai-works-fan-card>div):not(.zsa-ai-has-multi)>:is(img,video){display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active) .zsa-ai-app-arc-body{
  display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:40px!important;gap:8px!important;align-items:center!important;height:56px!important;min-height:56px!important;max-height:56px!important;padding:8px!important;box-sizing:border-box!important
 }
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active) .zsa-ai-app-arc-body>i{grid-column:1!important;grid-row:1!important;display:flex!important;width:34px!important;min-width:34px!important;height:34px!important;opacity:1!important;visibility:visible!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active) .zsa-ai-app-arc-body>div{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active) .zsa-ai-app-arc-body :is(b,small){display:block!important;width:100%!important;min-width:0!important;height:18px!important;margin:0!important;line-height:18px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-line-clamp:unset!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active) .zsa-ai-app-arc-body small{font-size:12px!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-app-arc-card:is(a,:hover,:focus-visible,.is-active) .zsa-ai-app-arc-try{display:none!important}
 body .zsa-ai-app[data-market-layout="88"] .zsa-ai-works-fan-card>footer{height:56px!important;min-height:56px!important;padding:8px!important;box-sizing:border-box!important;overflow:hidden!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav){
  display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:calc(var(--zsa-fan-card-h,223px) * .72)!important;
  width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid #e0e3e6!important;border-radius:50%!important;background:rgba(255,255,255,.95)!important;color:#111!important;font-size:23px!important;line-height:1!important;transform:none!important;z-index:120!important
 }
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav).is-prev{left:8px!important;right:auto!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav).is-next{right:8px!important;left:auto!important}
}

/* v91: compact model cards, mobile rails and desktop secondary navigation. */
body .zsa-ai-app .zsa-ai-home-reference-models>.zsa-ai-home-reference-model{padding:3px!important;border-radius:16px!important;box-sizing:border-box!important;align-self:start!important}
body .zsa-ai-app .zsa-ai-home-reference-model-cover{border-radius:12px 12px 0 0!important}
body .zsa-ai-app .zsa-ai-home-reference-model footer{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:40px!important;gap:8px!important;height:58px!important;min-height:58px!important;max-height:58px!important;padding:9px 8px!important;box-sizing:border-box!important;align-items:center!important;overflow:hidden!important}
body .zsa-ai-app .zsa-ai-home-reference-model footer>i{grid-column:1!important;grid-row:1!important;width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body .zsa-ai-app .zsa-ai-home-reference-model footer>span{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;gap:0!important}
body .zsa-ai-app .zsa-ai-home-reference-model footer :is(b,small){display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;line-height:19px!important}
body .zsa-ai-app .zsa-ai-home-reference-model footer b{font-size:14px!important;font-weight:700!important;color:#111!important}
body .zsa-ai-app .zsa-ai-home-reference-model footer small{font-size:12px!important;color:#68717d!important}
body .zsa-ai-app .zsa-ai-home-model-try{display:none!important;grid-column:2!important;grid-row:1!important;width:68px;height:32px;align-items:center;justify-content:center;border-radius:18px;background:#111;color:#fff;font-style:normal;font-size:13px;font-weight:700;white-space:nowrap}
@media(hover:hover){
 body .zsa-ai-app .zsa-ai-home-reference-model:is(:hover,:focus-visible) footer{grid-template-columns:minmax(0,1fr) 68px!important}
 body .zsa-ai-app .zsa-ai-home-reference-model:is(:hover,:focus-visible) footer>i{display:none!important}
 body .zsa-ai-app .zsa-ai-home-reference-model:is(:hover,:focus-visible) footer>span{grid-column:1!important}
 body .zsa-ai-app .zsa-ai-home-reference-model:is(:hover,:focus-visible) .zsa-ai-home-model-try{display:flex!important}
}
@media(min-width:721px){
 body .zsa-ai-app .zsa-ai-home-reference-models>.zsa-ai-home-reference-model{max-width:260px!important}
 html body .zsa-ai-app[data-ai-active-panel]>.zsa-ai-main>.zsa-ai-topbar,
 html body.zsa-ai-workspace-page .zsa-ai-app[data-ai-active-panel]>.zsa-ai-main>.zsa-ai-topbar{
  position:relative!important;top:auto!important;bottom:auto!important;transform:none!important;z-index:40!important
 }
 html body .zsa-ai-app[data-ai-active-panel] :is(.zsa-ai-home-stage,.zsa-ai-home-reference,.zsa-ai-home-reference-hub,.zsa-ai-app-market-v2,.zsa-ai-model-market-v2,.zsa-ai-works-market){overflow:visible!important}
 html body .zsa-ai-app[data-ai-active-panel] :is([data-ai-home-floor-tabs],[data-ai-market-sticky-tabs],[data-ai-model-sticky-tabs],[data-ai-works-tabs],.zsa-ai-app-community-tabs,.zsa-ai-work-tabs,.zsa-ai-materials-head){
  position:sticky!important;top:8px!important;bottom:auto!important;z-index:70!important;align-self:start!important;
  background:rgba(248,249,250,.97)!important;backdrop-filter:blur(12px);box-sizing:border-box!important
 }
 html body .zsa-ai-app[data-ai-active-panel] [data-ai-home-floor-tabs]{justify-self:start!important;justify-content:flex-start!important;margin:0!important;max-width:100%!important}
 html body .zsa-ai-app[data-ai-active-panel] :is(.zsa-ai-reference-floor,.zsa-ai-market-section,.zsa-ai-model-floor,.zsa-ai-works-floor){scroll-margin-top:72px!important}
}
@media(max-width:720px){
 body .zsa-ai-app[data-market-layout="88"] [data-ai-model-sticky-tabs]{
  display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:6px!important;
  width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
  height:auto!important;padding:4px!important;border-radius:24px!important;scrollbar-width:none!important;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch
 }
 body .zsa-ai-app[data-market-layout="88"] [data-ai-model-sticky-tabs]::-webkit-scrollbar{display:none!important}
 body .zsa-ai-app[data-market-layout="88"] [data-ai-model-sticky-tabs]>button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:38px!important;padding:7px 12px!important;border-radius:20px!important;white-space:nowrap!important}
 body .zsa-ai-app[data-market-layout="88"] [data-ai-model-sticky-tabs] .zsa-ai-model-market-name{flex:none!important;overflow:visible!important}
 body .zsa-ai-app[data-market-layout="88"] [data-ai-model-sticky-tabs] .zsa-ai-model-market-name>b{max-width:none!important;overflow:visible!important;text-overflow:clip!important}
 body .zsa-ai-app[data-market-layout="88"] :is([data-ai-market-carousel],[data-ai-model-market-carousel],[data-ai-works-fan]) :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .15s ease!important}
 body .zsa-ai-app[data-market-layout="88"] :is([data-ai-market-carousel],[data-ai-model-market-carousel],[data-ai-works-fan]).is-swipe-controls-visible :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav){opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 body .zsa-ai-app[data-market-layout="88"] :is(.zsa-ai-app-carousel-nav,.zsa-ai-model-carousel-nav,.zsa-ai-works-fan-nav):focus-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
