:root,html[data-theme=dark]{--bg:#0a0a0c;--panel:#131317;--panel-2:#1b1b21;--panel-3:#23232b;--border:#ffffff17;--border-strong:#ffffff2e;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--accent:#d4ff3a;--accent-ink:#0a0a0c;--accent-soft:#d4ff3a1f;--danger:#ff6b6b;--shadow:0 12px 40px #00000073;--shimmer:linear-gradient(110deg, #17171c 8%, #22222a 18%, #17171c 33%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--bg:#f5f5f2;--panel:#fff;--panel-2:#f3f3f0;--panel-3:#e9e9e5;--border:#0a0a0c1a;--border-strong:#0a0a0c38;--text:#18181b;--muted:#52525b;--faint:#a1a1aa;--accent:#4d7c0f;--accent-ink:#fff;--accent-soft:#4d7c0f1a;--danger:#dc2626;--shadow:0 12px 40px #0a0a0c1f;--shimmer:linear-gradient(110deg, #ececea 8%, #f7f7f5 18%, #ececea 33%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel-3);background-clip:padding-box;border:2px solid #0000;border-radius:10px}.app{background:var(--bg);min-height:100vh;display:flex}.rail{background:var(--panel);border-right:1px solid var(--border);z-index:20;flex-direction:column;align-items:center;gap:4px;width:84px;padding:14px 0;display:flex;position:fixed;inset:0 auto 0 0}.rail-logo{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:14px;padding:8px;display:grid}.rail-logo:hover{border-color:var(--border-strong)}.rail-logo img{width:100%;height:100%;display:block}.rail-item{width:68px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:9px 0 7px;font-size:11px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.rail-item .anticon{font-size:19px}.rail-item:hover{color:var(--text);background:var(--panel-2)}.rail-item.active{color:var(--text);background:var(--panel-3)}.rail-item.active .anticon{color:var(--accent)}.rail-dot{background:var(--accent);min-width:16px;height:16px;color:var(--accent-ink);border-radius:8px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:6px;right:14px}.rail-spacer{flex:1}.main{flex-direction:column;flex:1;min-width:0;margin-left:84px;display:flex}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-title{align-items:baseline;gap:10px;min-width:0;display:flex}.topbar-title h1{white-space:nowrap;margin:0;font-size:17px;font-weight:650}.topbar-title span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.topbar-actions{align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--border);background:var(--panel);height:32px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:500;display:inline-flex}.pill:hover{border-color:var(--border-strong)}.pill .dot{border-radius:50%;width:7px;height:7px}.page{flex:1;min-height:0}.create{grid-template-columns:400px minmax(0,1fr);height:calc(100vh - 60px);display:grid}.panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.panel-body{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex;overflow-y:auto}.panel-footer{border-top:1px solid var(--border);background:var(--panel);flex-direction:column;gap:10px;padding:14px 16px 16px;display:flex}.panel-footer .cost{color:var(--muted);justify-content:space-between;font-size:12.5px;display:flex}.generate-btn.ant-btn{border-radius:12px;height:48px;font-size:15px}.feed{padding:20px 24px 40px;overflow-y:auto}.feed-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.feed-head h2{margin:0;font-size:15px;font-weight:600}.feed-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.masonry{columns:4 260px;column-gap:14px}.masonry>*{break-inside:avoid;margin-bottom:14px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.section-hint{color:var(--faint);margin-top:6px;font-size:12px;line-height:1.45}.section-hint.warn{color:#f59e0b}.prompt-box{border:1px solid var(--border);background:var(--panel-2);border-radius:14px;padding:4px 4px 8px;transition:border-color .15s}.prompt-box:focus-within{border-color:var(--accent)}.prompt-box textarea.ant-input{resize:none;font-size:14px;line-height:1.55;box-shadow:none!important;background:0 0!important;border:none!important}.prompt-meta{color:var(--faint);justify-content:space-between;align-items:center;padding:0 10px;font-size:11.5px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--panel-2);min-width:44px;height:32px;color:var(--muted);cursor:pointer;border-radius:9px;padding:0 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .12s}.chip:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.chip.on{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.chip:disabled{opacity:.4;cursor:not-allowed}.ratio-chip{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:52px;height:58px;display:inline-flex}.ratio-shape{border:1.5px solid;border-radius:3px}.mode-tabs{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.mode-tab{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;font-family:inherit;font-size:12.5px;font-weight:500}.mode-tab.on{background:var(--panel-3);color:var(--text)}.model-trigger{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;display:flex}.model-trigger:hover{border-color:var(--border-strong)}.vendor-mark{color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.model-trigger .name{font-size:14px;font-weight:600}.model-trigger .sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.model-menu{width:min(560px,92vw);max-height:min(620px,75vh);padding:4px;overflow-y:auto}.model-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:12px 8px 6px;font-size:11px;font-weight:600}.model-row{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:12px;padding:10px;font-family:inherit;display:flex}.model-row:hover{background:var(--panel-2)}.model-row.on{border-color:var(--accent);background:var(--accent-soft)}.model-row .tagline{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.4}.model-row .meta{color:var(--faint);flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11.5px;display:flex}.badge{background:var(--panel-3);height:18px;color:var(--muted);vertical-align:1px;border-radius:5px;align-items:center;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-flex}.badge.new{background:var(--accent);color:var(--accent-ink)}.badge.top{color:#facc15;background:#facc1529}html[data-theme=light] .badge.top{color:#a16207}.slots{flex-wrap:wrap;gap:8px;display:flex}.slot{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;width:84px;height:84px;position:relative;overflow:hidden}.slot.add{color:var(--muted);cursor:pointer;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;transition:all .12s;display:flex}.slot.add:hover,.slot.add.drag{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.slot.add .anticon{font-size:18px}.slot.wide{width:100%;height:96px}.slot img,.slot video{object-fit:cover;width:100%;height:100%;display:block}.slot .audio-tile{height:100%;color:var(--muted);text-align:center;word-break:break-all;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:10.5px;display:flex}.slot .remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid;position:absolute;top:4px;right:4px}.slot .tag{color:#fff;background:#000000a6;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:600;position:absolute;bottom:4px;left:4px}.slot-links{gap:12px;margin-top:6px;font-size:12px;display:flex}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.link-btn:hover{color:var(--accent)}.card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:14px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.card-media{background:var(--panel-2);place-items:center;display:grid;position:relative}.card-media img,.card-media video{object-fit:cover;width:100%;height:100%;display:block}.card-overlay{opacity:0;background:linear-gradient(#00000073 0%,#0000 30% 60%,#000000b3 100%);flex-direction:column;justify-content:space-between;padding:8px;transition:opacity .15s;display:flex;position:absolute;inset:0}.card:hover .card-overlay,.card.selected .card-overlay,.card-overlay.pinned{opacity:1}.card-overlay .row{justify-content:space-between;align-items:center;gap:6px;display:flex}.card-overlay .prompt{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.glass{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;white-space:nowrap;background:#0000008c;border-radius:7px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.icon-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:9px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.icon-btn:hover{background:#000c}.icon-btn.on{color:#facc15}.card-badge-corner{position:absolute;top:8px;left:8px}.job-card .card-media{background-image:var(--shimmer);background-size:200% 100%;animation:1.6s linear infinite shimmer}.job-card.failed .card-media{background:var(--panel-2);animation:none}.job-status{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:12.5px;display:flex}.job-status .big{color:var(--text);font-size:14px;font-weight:600}.job-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.job-foot .p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes shimmer{to{background-position-x:-200%}}.empty{border:1px dashed var(--border);text-align:center;color:var(--muted);background:radial-gradient(ellipse at top, var(--accent-soft), transparent 70%);border-radius:18px;padding:56px 24px}.empty h3{color:var(--text);margin:12px 0 6px;font-size:20px;font-weight:650}.empty p{max-width:460px;margin:0 auto;line-height:1.55}.empty .tips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.lightbox{grid-template-columns:minmax(0,1fr) 320px;min-height:60vh;display:grid}.lightbox-media{background:#000;border-radius:14px 0 0 14px;place-items:center;display:grid;overflow:hidden}.lightbox-media img,.lightbox-media video{object-fit:contain;width:100%;max-height:80vh;display:block}.lightbox-side{flex-direction:column;gap:16px;max-height:85vh;padding:20px;display:flex;overflow-y:auto}.kv{grid-template-columns:auto 1fr;gap:6px 14px;font-size:12.5px;display:grid}.kv dt{color:var(--faint)}.kv dd{color:var(--text);text-align:right;margin:0}.lightbox-modal .ant-modal-content{overflow:hidden;padding:0!important}.settings{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:24px 20px 60px;display:flex}@media (width<=960px){.rail{border-right:none;border-top:1px solid var(--border);flex-direction:row;justify-content:space-around;width:auto;height:64px;padding:0 4px;inset:auto 0 0;overflow-x:auto}.rail-logo,.rail-spacer{display:none}.rail-item{width:auto;min-width:46px;padding:8px 4px 6px;font-size:10px}.main{margin-left:0;padding-bottom:64px}.topbar{padding:0 16px}.topbar-title span,.hide-sm{display:none!important}.create{grid-template-columns:minmax(0,1fr);height:auto}.panel{border-right:none;border-bottom:1px solid var(--border);min-width:0}.panel-body{overflow:visible}.feed{padding:16px;overflow:visible}.lightbox{grid-template-columns:1fr}.lightbox-media{border-radius:14px 14px 0 0}}