:root{--page: #0d0e11;--side: #101115;--panel: #141519;--panel-2: #191b20;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .12);--text: #f4f6f8;--muted: #9298a4;--muted-2: #626975;--cyan: #12dbea;--blue: #41a6ff;--surface-page: var(--page);--surface-sidebar: var(--side);--surface-panel: var(--panel);--surface-raised: var(--panel-2);--border-subtle: var(--line);--border-strong: var(--line-2);--text-primary: var(--text);--text-secondary: var(--muted);--text-tertiary: var(--muted-2);--accent: var(--cyan);--accent-soft: rgba(18, 219, 234, .1);--danger: #ff7d88;--rail: 76px;--ease-out: cubic-bezier(.18, .78, .24, 1);--ease-snap: cubic-bezier(.15, .75, .3, 1);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden;background:var(--page);color:var(--text)}button,textarea,input,.composer-editor{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}button:disabled{cursor:not-allowed}.dream-app{height:100vh;display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface-page)}.main-rail{position:fixed;top:0;bottom:0;left:0;width:var(--rail);z-index:45;display:grid;grid-template-rows:150px 1fr auto;justify-items:center;padding:28px 0 26px;background:var(--surface-sidebar);border-right:1px solid var(--border-subtle);transform:translate(-100%);transition:transform .22s var(--ease-out),box-shadow .22s ease}.main-rail.open{transform:translate(0);box-shadow:18px 0 44px #00000073}.rail-hotzone{position:fixed;top:0;bottom:0;left:0;width:8px;z-index:44}.rail-handle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:43;width:18px;height:56px;display:grid;place-items:center;border-radius:0 10px 10px 0;background:#ffffff12;color:#f4f7fd8c;transition:background .2s ease,color .2s ease}.rail-handle svg{width:14px;height:14px}.rail-handle:hover{background:#ffffff24;color:#fff}.brand-mark{width:34px;height:34px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 14px rgba(239,28,36,.28))}.rail-nav,.rail-bottom{display:flex;flex-direction:column;align-items:center}.rail-nav{gap:26px;align-self:center}.rail-item{width:56px;display:grid;justify-items:center;gap:7px;color:#f4f7fd;font-size:12px;transition:color .2s ease,transform .2s var(--ease-out)}.rail-item svg{width:20px;height:20px;stroke-width:2.2}.rail-item.active svg{fill:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.rail-item:hover{color:#fff;transform:translateY(-2px)}.rail-bottom{gap:18px}.credit-badge{width:60px;height:52px;display:grid;place-items:center;color:var(--cyan);font-size:12px;background:#10151b;border:1px solid rgba(0,230,255,.12);border-radius:8px;transition:transform .2s var(--ease-out),border-color .2s ease,box-shadow .2s ease}.credit-badge:hover{transform:translateY(-2px);border-color:#00e6ff47;box-shadow:0 12px 30px #00e6ff14}.credit-badge b{font-size:11px;font-weight:600}.avatar{width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,#fff 12%,#8fd4ff 13%,#8fd4ff 45%,#f7d08a 46%,#f7d08a)}.avatar.authed{display:grid;place-items:center;color:#12151b;font-size:12px;font-weight:800;background:linear-gradient(135deg,#8af7ff,#ffd28a);transition:box-shadow .18s ease,transform .18s ease}.avatar.authed:hover,.avatar.authed.active{box-shadow:0 0 0 3px #8af7ff33;transform:translateY(-1px)}.logout-rail{display:grid;justify-items:center;gap:3px;color:#d8f9ff;font-size:11px}.logout-rail svg{width:17px;height:17px}.logout-rail{color:#aeb7c6;transition:color .18s ease,transform .18s ease}.logout-rail:hover{color:#f6fbff;transform:translateY(-1px)}.view-shell{position:relative;min-width:0;height:100vh;overflow:hidden;background:var(--surface-page)}.global-loading{position:absolute;top:0;left:0;right:0;z-index:30;height:3px;overflow:hidden;pointer-events:none;background:#55f5df0f}.global-loading span{position:absolute;top:0;bottom:0;left:-38%;width:38%;background:linear-gradient(90deg,transparent,rgba(138,247,255,.95),rgba(65,255,200,.88),transparent);border-radius:999px;filter:drop-shadow(0 0 10px rgba(0,230,255,.62));animation:app-loading-track 1.08s var(--ease-snap) infinite}.view-shell.is-busy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(85,245,223,.035),transparent 34%);animation:busy-breathe 1.2s ease-in-out infinite alternate}.view-shell.is-busy,.view-shell.is-busy .home-page,.view-shell.is-busy .generate-shell,.view-shell.is-busy .generate-scroll,.view-shell.is-busy .composer-box{cursor:progress}.view-shell.is-busy button:disabled,.view-shell.is-busy textarea:disabled,.view-shell.is-busy .composer-editor[contenteditable=false],.view-shell.is-busy input:disabled,.view-shell.is-busy label.disabled{cursor:progress!important}.asset-entry{position:absolute;top:20px;right:60px;z-index:4;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;color:#eef3fb;background:#1c1f27;border:1px solid var(--line-2);border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s var(--ease-out),border-color .2s ease,background .2s ease,box-shadow .2s ease}.asset-entry svg{width:15px;height:15px}.login-entry{position:absolute;top:20px;right:158px;z-index:4;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;color:#101217;background:linear-gradient(135deg,#8af7ff,#41ffc8);border-radius:8px;font-size:13px;font-weight:800;box-shadow:0 12px 30px #41ffc814;transition:transform .2s var(--ease-out),filter .2s ease,box-shadow .2s ease}.asset-entry:hover,.login-entry:hover{transform:translateY(-2px)}.asset-entry:hover{border-color:#8af7ff42;box-shadow:0 12px 30px #0003}.login-entry:hover{filter:saturate(1.08) brightness(1.04);box-shadow:0 16px 34px #41ffc824}.login-entry svg{width:15px;height:15px}.home-page{position:relative;height:100%;overflow-x:hidden;overflow-y:auto;padding:98px 58px 90px 40px;animation:page-soft-in .42s var(--ease-out) both}.home-page::-webkit-scrollbar,.asset-page::-webkit-scrollbar{width:6px}.home-page::-webkit-scrollbar-thumb,.asset-page::-webkit-scrollbar-thumb{background:#3a3f4a;border-radius:999px}.hero-create{position:relative;z-index:4;width:min(1240px,100%);margin:0 auto 96px;display:grid;justify-items:center}.hero-create h1{display:flex;align-items:center;gap:7px;margin:0 0 42px;font-size:25px;font-weight:800}.hero-create h1 button{display:inline-flex;align-items:center;gap:2px;color:var(--cyan);font-size:inherit;font-weight:800}.hero-create h1 svg{width:18px;height:18px}.composer-box{position:relative;z-index:20;width:min(805px,100%);min-height:196px;padding:20px 18px 18px;background:#1d1f26;border:1px solid rgba(255,255,255,.055);border-radius:22px;box-shadow:0 28px 80px #00000047;animation:composer-arrive .46s var(--ease-out) both;transition:border-color .24s ease,box-shadow .24s ease,transform .24s var(--ease-out)}.composer-box:not(.busy):focus-within{border-color:#8af7ff33;box-shadow:0 30px 86px #00000057,0 0 0 1px #8af7ff0f}.composer-box.compact{width:100%;min-height:164px}.composer-box.busy{border-color:#00e6ff1f;box-shadow:0 30px 86px #00000057,0 0 0 1px #00e6ff0a}.composer-main{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:22px;min-height:106px}.upload-card{position:relative;width:50px;height:64px;display:grid;place-items:center;color:#737b88;background:#2a2e39;border:1px solid rgba(255,255,255,.08);border-radius:2px;transform:rotate(-8deg);transition:color .28s cubic-bezier(.15,.75,.3,1),background .28s cubic-bezier(.15,.75,.3,1),transform .28s cubic-bezier(.15,.75,.3,1)}.upload-card:hover{color:#dbe6f5;background:#343946;transform:rotate(-5deg) translateY(-2px)}.upload-card:active,.reference-upload-mini:active,.send-btn:active,.tool-pill:active{transform:translateY(0) scale(.97)}.upload-card.disabled,.reference-upload-mini.disabled{cursor:wait;opacity:.52;filter:saturate(.72);pointer-events:none}.upload-card input,.reference-upload-mini input{display:none}.upload-card svg{width:19px;height:19px}.composer-input{position:relative;min-width:0}.composer-editor{width:100%;min-height:96px;max-height:162px;overflow-y:auto;padding:0;color:#e8eef8;background:transparent;border:0;outline:0;font-size:14px;line-height:1.7;word-break:break-word;white-space:pre-wrap;scrollbar-width:thin;scrollbar-color:rgba(138,247,255,.24) transparent}.composer-editor:empty:before{content:attr(data-placeholder);color:#656d78;pointer-events:none}.composer-editor::-webkit-scrollbar{width:6px}.composer-editor::-webkit-scrollbar-track{background:transparent}.composer-editor::-webkit-scrollbar-thumb{min-height:24px;background:#8af7ff38;border:2px solid transparent;border-radius:999px;background-clip:content-box}.composer-editor:hover::-webkit-scrollbar-thumb,.composer-editor:focus::-webkit-scrollbar-thumb{background-color:#8af7ff61}.composer-editor[contenteditable=false]{cursor:wait;color:#9aa4b3;opacity:.72}.composer-box.busy .composer-editor:empty:before{color:#4f5966}.composer-reference-token{position:relative;max-width:min(220px,40vw);min-width:0;height:22px;display:inline-flex;align-items:center;gap:5px;margin:0 3px;padding:0 7px 0 3px;vertical-align:-4px;color:#eef6ff;background:#282d3aeb;border:1px solid rgba(128,224,255,.22);border-radius:7px;box-shadow:0 8px 20px #0003;cursor:default;-webkit-user-select:none;user-select:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.composer-reference-token:hover{z-index:50;border-color:#80e0ff7a;background:#303746fa;transform:translateY(-1px)}.composer-reference-token-icon{width:16px;height:16px;flex:0 0 auto;background:linear-gradient(135deg,#388cff,#6c75ff);background-position:center;background-size:cover;border-radius:4px}.composer-reference-token-name{min-width:0;max-width:168px;overflow:hidden;color:#edf6ff;font-size:12px;font-weight:800;line-height:1;text-overflow:ellipsis;white-space:nowrap}.composer-reference-floating-preview{position:fixed;z-index:2147483000;padding:7px;background:#14171ff5;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 22px 70px #00000075;pointer-events:none;overflow:hidden}.composer-reference-floating-preview.above{transform:translateY(-100%)}.composer-reference-floating-preview.below{transform:translateY(0)}.composer-reference-floating-preview img{width:100%;max-height:min(360px,calc(100vh - 48px));display:block;object-fit:contain;background:#0f1117;border-radius:9px}.attached-list{--reference-count: 1;--reference-bg-width: 120px;--reference-upload-hover-x: 24px;position:relative;z-index:8;width:64px;height:92px;margin:-2px 0 0;overflow:visible}.reference-hover-pad{position:absolute;top:-8px;left:-12px;z-index:1;width:76px;height:88px;border-radius:10px}.attached-list:before{content:"";position:absolute;top:6px;left:0;width:48px;height:64px;background:linear-gradient(90deg,#1d1f26f5 74%,#1d1f26b8 88%,#1d1f2600);border-radius:2px;opacity:0;transform:translate(0) rotate(0);transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.attached-list:hover:before{opacity:1;width:var(--reference-bg-width);height:72px;transform:translateY(0)}.reference-card{position:absolute;top:10px;left:0;width:48px;height:64px;margin:0;z-index:calc(12 - var(--reference-index));transform:translate(var(--reference-x),var(--reference-y)) rotate(var(--reference-rotate));transform-origin:50% 72%;animation:reference-card-in .38s cubic-bezier(.15,.75,.3,1) backwards;animation-delay:calc(var(--reference-index) * 45ms);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.reference-pick,.reference-upload-mini{z-index:2}.reference-remove{z-index:6}.reference-card:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid rgba(138,247,255,.3);border-radius:6px;opacity:0;pointer-events:none;transform:scale(.84);animation:reference-card-glow .72s cubic-bezier(.15,.75,.3,1) backwards;animation-delay:calc(var(--reference-index) * 45ms)}.attached-list:hover .reference-card{transform:translate(var(--reference-hover-x),var(--reference-hover-y)) rotate(var(--reference-hover-rotate)) scale(var(--reference-hover-scale))}.attached-list:hover .reference-card:hover,.attached-list:hover .reference-card:focus-within{z-index:24;transform:translate(var(--reference-hover-x),var(--reference-active-y)) rotate(var(--reference-hover-rotate)) scale(var(--reference-active-scale))}.reference-pick{position:relative;width:48px;height:64px;display:block;overflow:visible;padding:1px;color:#e9eff8;background:#ffffff0d;border:1px solid rgba(245,251,255,.78);border-radius:2px;box-shadow:0 8px 18px #00000047;text-align:left;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.reference-pick:hover{border-color:#f5fbff;box-shadow:0 14px 28px #0000005c}.reference-pick:disabled,.reference-remove:disabled,.preference-switch:disabled,.ratio-grid button:disabled,.quality-row button:disabled{cursor:wait;opacity:.56}.reference-pick img{width:100%;height:100%;display:block;object-fit:cover;border-radius:0;background:#0000000d}.reference-loading{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:grid;place-items:center;background:#0c0e1280;opacity:1;transition:opacity .3s cubic-bezier(.15,.75,.3,1)}.reference-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.reference-copy{position:absolute;left:50%;bottom:calc(100% + 14px);max-width:260px;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;color:#f4f8ff;background:#1d2026;border:0;border-radius:8px;box-shadow:0 14px 36px #00000052;opacity:0;pointer-events:none;transform:translate(-50%,8px) rotate(calc(var(--reference-rotate) * -1)) scale(.96);transition:opacity .18s cubic-bezier(.15,.75,.3,1),transform .18s cubic-bezier(.15,.75,.3,1)}.reference-card:hover .reference-copy,.reference-card:focus-within .reference-copy{opacity:1;transform:translate(-50%) rotate(calc(var(--reference-rotate) * -1)) scale(1)}.reference-copy b{overflow:hidden;color:#f2f6fd;font-size:12px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.reference-copy span{display:none}.reference-remove{position:absolute;top:-10px;right:-7px;z-index:6;width:18px;height:18px;display:grid;place-items:center;color:#f4f7fb;background:#22252a;border:0;border-radius:50%;opacity:0;transform:rotate(calc(var(--reference-rotate) * -1)) scale(.7);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.reference-card:hover .reference-remove,.reference-card:focus-within .reference-remove{opacity:1;transform:rotate(calc(var(--reference-rotate) * -1)) scale(1)}.reference-remove:hover{color:#fff;background:#111317}.reference-remove svg{width:8px;height:8px;stroke-width:5}.reference-upload-mini{position:absolute;top:10px;left:0;z-index:18;width:28px;height:28px;display:grid;place-items:center;padding:0;color:#8c939d;background:#2b3038;border:1px solid rgba(255,255,255,.08);border-radius:50%;cursor:pointer;transform:translate(36px,44px) rotate(0) scale(1);transform-origin:50% 50%;animation:reference-upload-in .38s cubic-bezier(.15,.75,.3,1) .1s backwards;box-shadow:none;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.attached-list:hover .reference-upload-mini{width:48px;height:64px;color:#9ba2ad;background:#414751;border-color:#ffffff1a;border-radius:2px;box-shadow:0 8px 18px #00000047;transform:translate(var(--reference-upload-hover-x)) rotate(-7deg);transform-origin:50% 72%}.attached-list:hover .reference-upload-mini:hover,.attached-list:hover .reference-upload-mini:focus-within{z-index:24;color:#c6ced9;background:#4a515c;box-shadow:0 14px 28px #0000005c;transform:translate(var(--reference-upload-hover-x),-7px) rotate(-7deg) scale(1.12)}.reference-upload-mini svg{width:15px;height:15px;stroke-width:2.4;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.attached-list:hover .reference-upload-mini svg{width:17px;height:17px}.reference-mention-menu{position:absolute;left:0;bottom:calc(100% + 8px);z-index:14;width:min(320px,calc(100vw - 40px));max-height:min(420px,52vh);display:grid;gap:10px;padding:10px;overflow-y:auto;overscroll-behavior:contain;background:#1b1e25;border:1px solid rgba(255,255,255,.09);border-radius:12px;box-shadow:0 20px 56px #00000070;animation:reference-menu-in .18s cubic-bezier(.15,.75,.3,1) backwards}.reference-mention-menu::-webkit-scrollbar{width:6px}.reference-mention-menu::-webkit-scrollbar-thumb{background:#94a3b847;border-radius:999px}.reference-mention-section{display:grid;gap:5px}.reference-mention-section+.reference-mention-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.reference-mention-menu small{padding:2px 6px 6px;color:#8d96a5;font-size:12px;font-weight:800}.reference-mention-menu button{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:7px;color:#eef3fb;border-radius:8px;text-align:left;cursor:pointer;transition:background .18s cubic-bezier(.15,.75,.3,1),transform .18s cubic-bezier(.15,.75,.3,1)}.reference-mention-menu button:hover,.reference-mention-menu button.active{background:#242833;transform:translateY(-1px)}.reference-mention-menu button.active{outline:1px solid rgba(92,246,231,.34);box-shadow:inset 0 0 0 1px #5cf6e714}.reference-mention-menu img{width:36px;height:46px;object-fit:cover;border:1px solid rgba(245,251,255,.7);border-radius:4px}.reference-mention-menu span{min-width:0;display:grid;gap:3px}.reference-mention-menu b{overflow:hidden;color:#f2f6fd;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.reference-mention-menu em{overflow:hidden;color:#7d8795;font-size:11px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.composer-toolbar{position:relative;display:flex;align-items:center;gap:6px;min-height:38px}.mode-wrap{position:relative;z-index:30;display:inline-flex;align-items:center;gap:6px}.tool-pill{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;color:#eef3fb;background:#1b1e25;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:13px;font-weight:700;transition:color .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.tool-pill svg{width:15px;height:15px}.tool-pill:disabled{cursor:wait;opacity:.62}.tool-pill.enhance-pill{min-width:76px}.tool-pill.enhance-pill.loading{color:var(--cyan);border-color:#00e6ff38;background:#00e6ff0e}.tool-pill.enhance-pill.loading svg{animation:spin .82s linear infinite}.tool-pill.agent{color:var(--cyan);border-color:#00e6ff2e}.tool-pill.mode-trigger{color:var(--cyan);border-color:#00e6ff2e;background:#00e6ff0b}.tool-pill.mode-trigger.image-mode{color:#dffcf8;border-color:#41ffc833;background:#41ffc812}.tool-pill.mode-trigger.text-mode{color:#ffe8ad;border-color:#ffca5c38;background:#ffca5c12}.mode-chevron{margin-left:1px;color:currentColor;font-size:12px;font-weight:900;opacity:.72}.mode-popover{position:absolute;left:0;bottom:42px;z-index:95;width:220px;display:none;gap:6px;padding:10px;color:#eef3fb;background:#1b1e25;border:1px solid rgba(255,255,255,.09);border-radius:12px;box-shadow:0 18px 60px #0000005c}.mode-popover.drop-down{top:42px;bottom:auto}.mode-popover.open{display:grid}.mode-popover small{padding:0 6px 4px;color:#7f8896;font-size:12px;font-weight:800}.mode-popover button{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:9px 10px;color:#dce8f6;background:transparent;border:0;border-radius:8px;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease}.mode-popover button:hover,.mode-popover button.active{color:#fff;background:#2a2f3a}.mode-popover button>svg{width:16px;height:16px}.mode-popover button>span{min-width:0;display:grid;gap:2px}.mode-popover button b,.mode-popover button em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-popover button b{font-size:13px;font-weight:900}.mode-popover button em{color:#9da8ba;font-size:11px;font-style:normal;font-weight:700}.tool-pill.auto-trigger.active{color:#eef3fb;background:#252a34;border-color:#ffffff1f}.tool-pill.icon-only{width:36px;justify-content:center;padding:0}.toolbar-spacer{flex:1}.price-pill{height:30px;display:inline-flex;align-items:center;padding:0 10px;color:#9fefff;background:#00e6ff14;border:1px solid rgba(0,230,255,.13);border-radius:8px;font-size:12px;font-weight:800}.image-count-control{height:34px;display:inline-flex;align-items:center;gap:4px;padding:3px;color:#dce8f6;background:#11151c;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:12px;font-weight:800}.count-step{width:27px;height:27px;display:grid;place-items:center;color:#dce8f6;background:#1d222c;border:1px solid rgba(255,255,255,.08);border-radius:50%;font-size:17px;line-height:1;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}.count-step:hover:not(:disabled){color:var(--cyan);background:#00e6ff14;border-color:#00e6ff33}.count-step:active:not(:disabled){transform:scale(.92)}.count-step:disabled{cursor:default;opacity:.36}.count-value{width:34px;min-width:34px;height:26px;color:#f4f7fb;background:transparent;border:0;outline:0;text-align:center;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums}.count-value::-webkit-outer-spin-button,.count-value::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.count-value[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.image-count-control.disabled{cursor:wait;opacity:.62}.send-btn{width:38px;height:38px;display:grid;place-items:center;color:#8a92a1;background:#3a3f4d;border-radius:50%}.send-btn.ready{color:#fff;background:linear-gradient(135deg,#6068ff,#28d8cc)}.send-btn.busy svg{animation:pulse .8s ease infinite alternate}.send-btn:disabled{cursor:wait;opacity:.86}.send-btn svg{width:18px;height:18px}.generation-status{position:relative;width:min(805px,100%);margin-top:14px;padding:12px 46px 12px 14px;overflow:hidden;color:#dce8f6;background:#171a21;border:1px solid rgba(255,255,255,.07);border-radius:12px}.generation-status.running{padding-bottom:28px;border-color:#00e6ff33}.generation-status.done{border-color:#41ffc82e}.generation-status.failed,.generation-status.blocked{border-color:#ff747433}.status-line{display:flex;align-items:flex-start;gap:10px}.status-dot{width:9px;height:9px;flex:0 0 auto;margin-top:6px;border-radius:50%;background:#41ffc8;box-shadow:0 0 18px #41ffc86b}.generation-status.running .status-dot{background:var(--cyan);animation:pulse .8s ease infinite alternate}.generation-status.failed .status-dot,.generation-status.blocked .status-dot{background:#ff7474;box-shadow:0 0 18px #ff747457}.status-line b{display:block;font-size:13px}.status-line small{display:block;margin-top:4px;color:#8791a0;font-size:12px;line-height:1.45}.status-meta{position:absolute;top:12px;right:42px;color:#9fefff;font-size:12px;font-weight:800}.status-dismiss{position:absolute;top:10px;right:12px;width:22px;height:22px;display:grid;place-items:center;color:#7d8795}.status-dismiss svg{width:15px;height:15px}.status-progress{position:absolute;left:14px;right:14px;bottom:10px;height:7px;overflow:hidden;background:#ffffff0e;border:1px solid rgba(255,255,255,.06);border-radius:999px;box-shadow:inset 0 1px 2px #00000047}.status-progress span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#00e6ff00,#00e6ffc7,#41ffc8e6,#00e6ff00);border-radius:inherit;box-shadow:0 0 14px #00e6ff38;animation:status-slide 1.28s cubic-bezier(.45,0,.2,1) infinite}.conversation-thread{width:min(805px,100%);display:grid;gap:10px;margin:14px 0}.generate-shell{position:relative;min-width:0;height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto}.reference-drop-overlay{position:absolute;top:18px;right:18px;bottom:18px;left:18px;z-index:12;display:grid;place-items:center;pointer-events:none;border:1px dashed rgba(92,246,231,.62);border-radius:18px;background:#060c1194;box-shadow:inset 0 0 0 1px #5cf6e714,0 18px 55px #00000057;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reference-drop-overlay>div{min-width:min(320px,calc(100vw - 72px));display:grid;justify-items:center;gap:8px;padding:24px 28px;color:#e9fffd;border:1px solid rgba(92,246,231,.28);border-radius:16px;background:#11151cd1}.reference-drop-overlay svg{width:30px;height:30px;padding:6px;color:#0b1015;border-radius:12px;background:linear-gradient(135deg,#65fff2,#9ef2ff)}.reference-drop-overlay b{font-size:17px}.reference-drop-overlay span{max-width:280px;color:#9fb0bf;font-size:12px;text-align:center}.home-page.dragging-reference .composer-box,.generate-page.dragging-reference .composer-box{border-color:#5cf6e780;box-shadow:0 0 0 1px #5cf6e729,0 16px 42px #00000057}.generate-scroll{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(138,247,255,.26) transparent}.generate-scroll::-webkit-scrollbar{width:6px}.generate-scroll::-webkit-scrollbar-thumb{background:#8af7ff42;border-radius:999px}.generate-center{width:min(804px,calc(100vw - var(--panel-width, 240px) - var(--rail) - 180px));min-height:100%;margin:0 auto;padding-top:clamp(218px,28vh,270px);padding-bottom:48px;display:flex;flex-direction:column;align-items:center}.generate-center.has-thread{padding-top:clamp(26px,5vh,48px);justify-content:flex-start}.generate-page.collapsed .generate-center.has-thread{padding-top:clamp(72px,10vh,96px)}.generate-center.has-thread h1{width:100%;margin:0 0 28px;color:#dce6f5;font-size:24px;text-align:left}.generate-center .conversation-thread{width:100%;align-content:start;grid-auto-rows:max-content;margin:0;padding:0 2px 12px 0}.generate-dock{position:sticky;bottom:0;z-index:5;padding:0 0 18px;background:linear-gradient(180deg,#10111400,#101114c7 18%,#101114 48%)}.generate-dock-inner{width:min(804px,calc(100vw - var(--panel-width, 240px) - var(--rail) - 180px));margin:0 auto;display:grid;gap:12px}.chat-message{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}.message-rail{display:grid;justify-items:center;gap:5px}.message-rail span{height:28px;min-width:28px;padding:0 6px;display:grid;place-items:center;color:#101217;background:#dce8f6;border-radius:8px;font-size:12px;font-weight:800}.message-rail time{color:#68717f;font-size:10px;font-weight:700;white-space:nowrap}.chat-message.assistant .message-rail span{color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8)}.chat-message.user{grid-template-columns:minmax(0,1fr) 42px}.chat-message.user .message-rail{order:2}.message-body{min-width:0;display:grid;gap:8px}.chat-message.user .message-body{justify-self:end;justify-items:end;max-width:min(560px,72%)}.chat-message.assistant .message-body{justify-self:start;justify-items:start;max-width:min(660px,82%)}.message-references{display:flex;justify-content:flex-end;gap:6px}.message-references figure{width:44px;margin:0;display:grid;gap:4px;justify-items:center}.message-references img{width:44px;height:56px;object-fit:cover;background:#262a33;border:1px solid rgba(255,255,255,.38);border-radius:3px;box-shadow:0 8px 18px #00000047}.message-references figcaption{max-width:56px;overflow:hidden;color:#8f98a6;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.chat-message.user .message-body>p{justify-self:end;max-width:100%;border-radius:16px}.chat-message.assistant .message-body>p{justify-self:start;max-width:100%}.chat-message p{margin:0;padding:9px 11px;color:#dce8f6;background:#171a21;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;line-height:1.55}.chat-message.pending .message-rail span{color:var(--cyan);background:transparent;font-size:0}.chat-message.pending .message-rail span:before{content:"";width:17px;height:17px;border:2px solid rgba(0,230,255,.16);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}.chat-message.pending p{padding-left:0;color:#eef7ff;background:transparent;border-color:transparent;font-weight:700}.chat-message.failed p{color:#ffd5d5;border-color:#ff747438}.message-retry-btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;color:#eef7ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.message-retry-btn:hover{background:#00e6ff1f;border-color:#00e6ff57;transform:translateY(-1px)}.message-retry-btn svg{width:14px;height:14px}.chat-message.image-task{grid-template-columns:42px minmax(0,640px)}.chat-message.image-task.pending .message-rail span:before{display:none}.chat-message.image-task.pending>.message-rail span{color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8);font-size:12px}.image-generation-result{width:fit-content;max-width:min(640px,100%);padding:12px;background:#151820;border:1px solid rgba(255,255,255,.06);border-radius:8px;box-shadow:0 12px 34px #0003}.image-generation-result:has(.image-result-grid.multi){width:min(640px,100%)}.image-generation-result.running{border-color:#00e6ff2e}.image-generation-result.failed{border-color:#ff74743d}.image-result-head,.image-task-meta,.image-progress-line{width:100%}.image-result-head,.image-task-meta,.image-progress-line,.image-card-meta{display:flex;align-items:center}.image-result-head{align-items:flex-start;justify-content:space-between;gap:10px}.image-result-head b{display:block;color:#eef3fb;font-size:13px;line-height:1.35}.image-result-head small{display:-webkit-box;overflow:hidden;margin-top:4px;color:#8d96a4;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:4}.image-result-head time{flex:0 0 auto;color:#9fefff;font-size:12px;font-weight:900}.image-result-head-actions{flex:0 0 auto;display:flex;align-items:center;gap:6px}.image-retry-btn{height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8);border-radius:8px;font-size:12px;font-weight:900}.image-retry-btn svg{width:13px;height:13px}.image-task-meta{flex-wrap:wrap;gap:6px;margin-top:10px;color:#aeb8c7;font-size:11px}.image-task-meta span,.image-task-meta strong{padding:4px 7px;background:#10141b;border:1px solid rgba(255,255,255,.06);border-radius:6px}.image-task-meta strong{color:var(--cyan)}.chat-message.image-task.pending .image-task-meta span{color:#aeb8c7;background:#10141b;font-size:12px}.chat-message.image-task.pending .image-progress-line span{color:#8f98a6;background:transparent;font-size:12px}.image-progress-line{display:grid;gap:8px;margin-top:9px;padding:9px;color:#94a0af;background:linear-gradient(180deg,#181d26f5,#10141ceb);border:1px solid rgba(138,247,255,.1);border-radius:8px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffff09}.image-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px}.image-progress-line b{color:#eef3fb}.image-submission-state{min-height:72px;display:flex;align-items:center;gap:11px;margin-top:10px;padding:12px;color:#dce8f6;background:#10141b;border:1px solid rgba(138,247,255,.1);border-radius:8px}.image-submission-state>svg{width:22px;height:22px;flex:0 0 auto;color:var(--cyan);animation:spin .9s linear infinite}.image-submission-state b,.image-submission-state span{display:block}.image-submission-state b{font-size:12px}.image-submission-state span{margin-top:4px;color:#8f98a6;font-size:11px}.image-progress-track{--progress-value: 8%;position:relative;height:7px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.055);border-radius:999px;box-shadow:inset 0 1px 3px #00000052}.image-progress-track i{position:absolute;inset:0 auto 0 0;width:var(--progress-value);min-width:8px;display:block;background:linear-gradient(90deg,#00e6ff,#41ffc8 72%,#c8fff4);border-radius:inherit;box-shadow:0 0 18px #00e6ff38;transition:width .8s ease-out}.image-progress-track i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:translate(-100%);animation:progress-shine 1.45s cubic-bezier(.45,0,.2,1) infinite}.image-result-grid{margin-top:10px;max-width:100%}.image-result-grid.single{width:min(300px,100%)}.image-result-grid.multi{width:min(568px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px}.image-result-card{position:relative;overflow:hidden;background:#10141b;border:1px solid rgba(255,255,255,.065);border-radius:8px}.image-result-grid.single .image-result-card{margin-bottom:0}.image-result-card img,.image-card-skeleton{width:100%;display:block}.image-result-card img{height:auto;cursor:zoom-in}.image-card-skeleton{aspect-ratio:1 / 1}.image-card-actions{position:absolute;top:8px;right:8px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:calc(100% - 16px);opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.image-result-card:hover .image-card-actions{opacity:1;transform:translateY(0)}.image-card-actions button{height:26px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;color:#eef3fb;background:#11141bc7;border:1px solid rgba(255,255,255,.12);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-weight:800}.image-card-actions button:not(:disabled):hover{color:#081014;background:linear-gradient(135deg,#8af7ff,#41ffc8)}.image-card-actions button:disabled{opacity:.58;color:#8e97a7;background:#11141ba3;cursor:not-allowed}.image-card-actions svg{width:13px;height:13px}.image-card-skeleton{position:relative;display:grid;place-items:center;align-content:center;gap:7px;overflow:hidden;color:#dce8f6;background:radial-gradient(circle at 50% 34%,rgba(0,230,255,.18),transparent 24%),linear-gradient(135deg,#151923,#222733)}.image-card-skeleton.failed{color:#ffe2e2;background:radial-gradient(circle at 50% 38%,rgba(255,116,116,.14),transparent 26%),linear-gradient(135deg,#181a21,#241c22)}.skeleton-orbit{width:36px;height:36px;border:2px solid rgba(0,230,255,.16);border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite}.image-failed-mark{width:36px;height:36px;display:grid;place-items:center;color:#ffdada;background:#ff74741f;border:1px solid rgba(255,116,116,.28);border-radius:50%}.image-failed-mark svg{width:18px;height:18px}.image-card-skeleton strong,.image-card-skeleton em{position:relative;z-index:1}.image-card-skeleton em{color:#8590a0;font-size:12px;font-style:normal}.image-slot-badge{position:absolute;top:8px;left:8px;z-index:1;padding:4px 7px;color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8);border-radius:7px;font-size:11px;font-style:normal;font-weight:900}.image-card-meta{justify-content:space-between;gap:6px;padding:8px;font-size:11px}.image-card-meta b{color:#eef3fb}.image-card-meta span{color:#9fefff;font-weight:800}.chat-message.image-task.pending .image-card-meta span{color:#9fefff;background:transparent;font-size:12px}.image-card-meta em{color:#7f8997;font-style:normal}.mode-popup{position:absolute;left:0;bottom:42px;width:230px;display:none;padding:7px;background:#191c23;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 18px 50px #00000061;z-index:12}.mode-popup.open{display:grid}.mode-popup button{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 10px;border-radius:8px;text-align:left}.mode-popup button:hover,.mode-popup button.active{background:#242833}.mode-popup span{color:#68717f;font-size:12px}.mode-popup small{padding:7px 10px 5px;color:#8f98a6;font-size:12px;font-weight:800}.model-menu{width:310px}.settings-popover{position:absolute;left:0;bottom:42px;width:330px;display:none;gap:12px;padding:14px;background:#191c23;border:1px solid var(--line-2);border-radius:12px;box-shadow:0 18px 50px #00000061;z-index:90}.settings-popover.drop-down{top:42px;bottom:auto}.settings-popover.open{display:grid}.preference-popover{width:336px;gap:14px;padding:16px;z-index:96}.preference-block{position:relative;display:grid;gap:10px}.preference-head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.preference-auto-control{display:flex;align-items:center;gap:6px}.preference-auto-control span{color:#c8d1df;font-size:12px;font-weight:800}.preference-head>b{color:#eef3fb;font-size:13px;font-weight:900}.preference-block:not(.preference-head)>b{color:#7f8997;font-size:12px;font-weight:700}.preference-switch{width:38px;height:22px;padding:2px;background:#313742;border-radius:999px}.preference-switch i{width:18px;height:18px;display:block;background:#8a94a3;border-radius:50%;transition:transform .18s ease,background-color .18s ease}.preference-switch.on{background:#00e6ff2e}.preference-switch.on i{background:var(--cyan);transform:translate(16px)}.quality-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quality-row button{height:34px;color:#b9c2cf;background:#11141a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;font-weight:800}.quality-row button.active{color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8)}.ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ratio-grid button{height:34px;color:#b9c2cf;background:#11141a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;font-weight:800}.ratio-grid button.active{color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8)}.ratio-grid button.design-ratio{grid-column:1 / -1}.ratio-grid button.custom-ratio{grid-column:1 / -1;border-style:dashed}.custom-size-editor{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);align-items:end;gap:6px;padding:10px;background:#11141a;border:1px solid rgba(138,247,255,.2);border-radius:8px}.custom-size-editor label{display:grid;gap:5px;color:#8993a1;font-size:11px}.custom-size-editor input{width:100%;height:34px;padding:0 9px;color:#e8edf5;background:#0b0e13;border:1px solid rgba(255,255,255,.09);border-radius:7px;font-size:13px;font-weight:700}.custom-size-editor i{align-self:center;color:#697382;font-size:13px;font-style:normal;text-align:center}.custom-size-editor em{grid-column:1 / -1;color:#697382;font-size:11px;font-style:normal}.custom-size-editor em.invalid{color:#ff9f9f}.segmented-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented-options.two{grid-template-columns:repeat(2,1fr)}.segmented-options button{height:32px;color:#b9c2cf;background:#11141a;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:12px;font-weight:800}.segmented-options button.active{color:#071014;background:linear-gradient(135deg,#8af7ff,#41ffc8)}.size-readout{display:flex;justify-content:space-between;padding-top:2px;color:#8993a1;font-size:12px}.size-readout strong{color:#dce8f6}.feature-strip{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px}.feature-strip.image-only{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{position:relative;height:74px;display:flex;align-items:center;gap:14px;padding:0 18px;text-align:left;background:#17191f;border-radius:20px;border:1px solid transparent;overflow:hidden;transition:transform .22s var(--ease-out),border-color .22s ease,background .22s ease,box-shadow .22s ease}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 36%,transparent 72%);opacity:0;transform:translate(-48%);transition:opacity .22s ease}.feature-card:hover{transform:translateY(-3px);border-color:#8af7ff24;background:#1c2028;box-shadow:0 18px 34px #00000038}.feature-card:hover:after{opacity:1;animation:soft-sheen 1.05s var(--ease-snap)}.feature-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px}.feature-icon svg{width:21px;height:21px}.feature-card b{display:block;font-size:15px}.feature-card small{display:block;margin-top:5px;color:#818995;font-size:12px}.feature-card em{position:absolute;top:0;right:6px;color:var(--cyan);font-size:10px;font-style:normal}.discover-section{width:min(1744px,100%);margin:0 auto}.discover-tabs{display:flex;align-items:center;gap:24px;margin-bottom:18px}.discover-tabs>button{height:36px;min-width:66px;color:#9aa2af;border-radius:8px;font-size:14px;transition:color .18s ease,background .18s ease,transform .18s var(--ease-out)}.discover-tabs>button.active{color:#fff;background:#22242d}.discover-tabs>button:hover{transform:translateY(-1px);color:#eef3fb}.search-box{width:314px;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#818995;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:7px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.search-box:focus-within{background:#ffffff05;border-color:#8af7ff47;box-shadow:0 0 0 3px #55f5df0f}.search-box svg{width:16px}.search-box input{width:100%;color:#dce4ef;background:transparent;border:0;outline:0}.masonry-grid{display:grid;grid-template-columns:1.9fr repeat(3,.95fr);grid-auto-rows:164px;gap:10px;max-width:100%}.shared-work-grid{display:grid;grid-template-columns:repeat(var(--masonry-columns, 5),minmax(0,1fr));align-items:start;gap:12px;max-width:100%}.masonry-column{min-width:0;display:grid;align-content:start;gap:12px}.shared-work-card{position:relative;overflow:hidden;background:#17191f;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;box-shadow:0 14px 34px #00000038;animation:card-rise .42s cubic-bezier(.18,.78,.24,1) both;animation-delay:var(--card-delay, 0ms);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.shared-work-card:hover{transform:translateY(-4px);border-color:#8af7ff47;box-shadow:0 22px 44px #00000057}.shared-work-card:active,.feed-card:active,.asset-card:active{transform:translateY(-1px) scale(.992)}.shared-work-card img{width:100%;height:auto;display:block;background:#222630;cursor:zoom-in;transition:filter .28s ease}.shared-work-card:hover img{filter:saturate(1.06) contrast(1.03)}.shared-work-meta{position:absolute;inset:auto 0 0;display:grid;gap:8px;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:48px 12px 12px;background:linear-gradient(180deg,#11131900,#111319cc 34%,#111319f7);opacity:0;pointer-events:none;scrollbar-width:thin;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.shared-work-card:hover .shared-work-meta,.shared-work-card:focus-within .shared-work-meta{opacity:1;pointer-events:auto;transform:translateY(0)}.shared-work-meta b{display:-webkit-box;overflow:hidden;color:#eef3fb;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4}.shared-work-meta span{overflow:hidden;color:#7e8795;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.shared-work-actions,.asset-actions{display:flex;flex-wrap:wrap;gap:8px}.skeleton-card,.skeleton-asset{pointer-events:none}.skeleton-card{min-height:322px;display:grid;align-content:end;gap:10px;padding:16px;background:#17191f}.skeleton-card span,.skeleton-card b,.skeleton-card small,.skeleton-asset>span,.skeleton-asset b,.skeleton-asset small{position:relative;display:block;overflow:hidden;background:#222732;border-radius:8px}.skeleton-card span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.skeleton-card b{z-index:1;width:78%;height:16px}.skeleton-card small{z-index:1;width:48%;height:12px}.skeleton-asset>span{aspect-ratio:1 / 1;border-radius:0}.skeleton-asset b{width:82%;height:16px}.skeleton-asset small{width:54%;height:12px}.skeleton-card span:after,.skeleton-card b:after,.skeleton-card small:after,.skeleton-asset>span:after,.skeleton-asset b:after,.skeleton-asset small:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0%,rgba(138,247,255,.08) 46%,transparent 82%);transform:translate(-100%);animation:skeleton-shimmer 1.35s var(--ease-snap) infinite}.shared-work-actions button,.asset-actions button{height:28px;min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;color:#cfd8e6;background:#20242d;border:1px solid rgba(255,255,255,.07);border-radius:7px;font-size:12px;font-weight:800}.shared-work-actions button:not(:disabled):hover,.asset-actions button:not(:disabled):hover{color:#081014;background:linear-gradient(135deg,#8af7ff,#41ffc8)}.shared-work-actions button:disabled,.asset-actions button:disabled{opacity:.56;color:#8993a4;background:#1b1f27;cursor:not-allowed}.feed-card{position:relative;overflow:hidden;min-height:264px;background:var(--art);border-radius:8px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0e,0 16px 38px #00000038;animation:card-rise .42s cubic-bezier(.18,.78,.24,1) both;animation-delay:var(--card-delay, 0ms);transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.feed-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 28%),repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 1px,transparent 1px 12px);mix-blend-mode:screen;opacity:.22;transform:scale(1.04);transition:opacity .24s ease,transform .36s ease}.feed-card:hover{transform:translateY(-4px);filter:saturate(1.08);box-shadow:inset 0 0 0 1px #8af7ff38,0 24px 48px #00000057}.feed-card:hover:before{opacity:.34;transform:scale(1)}.feed-card.wide{grid-column:span 2}.feed-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 24%,rgba(0,0,0,.38) 64%,rgba(0,0,0,.72) 100%)}.feed-title{position:absolute;left:16px;right:16px;bottom:18px}.feed-title b{display:block;font-size:21px}.feed-title span{display:block;margin-top:8px;color:#ffffffbd;font-size:13px}.feed-dots{position:absolute;right:18px;bottom:20px;display:flex;gap:5px}.feed-dots span{width:5px;height:5px;border-radius:50%;background:#fffc}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.generate-page{--panel-width: 240px;height:100%;display:grid;grid-template-columns:var(--panel-width) minmax(0,1fr);position:relative}.generate-page.collapsed{grid-template-columns:0 minmax(0,1fr)}.generate-page.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.create-panel{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:0;padding:31px 16px;background:#17181d;border-right:1px solid var(--line);overflow:hidden}.create-panel.collapsed{padding:0;border-right-color:transparent}.panel-resizer{position:absolute;top:0;bottom:0;left:calc(var(--panel-width) - 5px);z-index:9;width:10px;cursor:col-resize}.panel-resizer:before{content:"";position:absolute;top:18px;bottom:18px;left:4px;width:2px;background:transparent;border-radius:999px;transition:background .18s ease,box-shadow .18s ease}.panel-resizer:hover:before,.generate-page.resizing .panel-resizer:before{background:#8af7ff6b;box-shadow:0 0 14px #8af7ff38}.panel-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 17px}.panel-toggle{width:28px;height:28px;display:grid;place-items:center;color:#9aa2af;border-radius:7px}.panel-toggle:hover{background:#20232c}.collapsed-thread-chip{position:absolute;top:20px;left:24px;z-index:6;max-width:240px;display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 12px;color:#eef3fb;background:#1c1f27f0;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 30px #00000047}.collapsed-thread-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.collapsed-thread-chip svg{width:16px;height:16px;flex:0 0 auto;transform:rotate(180deg)}.new-chat,.conversation-select,.conversation-rename{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border-radius:7px}.new-chat{height:36px;padding:0 10px;background:#252832}.recent-label{display:block;margin:20px 4px 10px;color:#727a86;font-size:13px}.conversation-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.recent-row{position:relative;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:4px;padding:0 4px 0 0;color:#eef3fb}.conversation-list{display:grid;align-content:start;gap:4px;min-height:0;max-height:none;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.conversation-list:hover{scrollbar-color:rgba(138,247,255,.28) transparent}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-track{background:transparent}.conversation-list::-webkit-scrollbar-thumb{min-height:28px;background:#ffffff24;border:2px solid #17181d;border-radius:999px}.conversation-list:hover::-webkit-scrollbar-thumb{background:#8af7ff4d}.conversation-list::-webkit-scrollbar-thumb:hover{background:#8af7ff73}.conversation-row{color:#cfd6e3}.conversation-select,.conversation-rename{min-width:0;min-height:42px;padding:6px 8px 6px 10px}.conversation-select{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);grid-template-areas:"icon title" "icon time";column-gap:8px;row-gap:2px}.conversation-select svg:first-child,.conversation-rename svg{flex:0 0 auto}.conversation-select svg:first-child{grid-area:icon;align-self:start;margin-top:2px}.conversation-pin-mark{position:absolute;top:8px;left:18px;width:12px!important;height:12px!important;color:#b7d8ff;fill:#b7d8ff29}.conversation-row span,.conversation-rename input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title{grid-area:title;font-size:13px}.conversation-time{grid-area:time;justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#68717f;font-size:11px;font-weight:700;white-space:nowrap}.conversation-row.active .conversation-time,.conversation-row:hover .conversation-time{color:#9aa4b4}.conversation-rename input{width:100%;height:26px;padding:0 7px;color:#fff;background:#11141b;border:1px solid rgba(138,247,255,.3);border-radius:6px;outline:0}.conversation-row.active{color:#fff;background:#252832}.conversation-row:hover,.conversation-row.menu-open{background:#20232c}.conversation-row.pinned .conversation-title{color:#fff}.conversation-more{width:28px;height:28px;display:grid;place-items:center;color:#d7dde8;border-radius:6px;opacity:0}.conversation-row:hover .conversation-more,.conversation-row.menu-open .conversation-more,.conversation-row.active .conversation-more{opacity:1}.conversation-more:hover{background:#ffffff12}.conversation-menu{position:fixed;z-index:30;width:170px;padding:8px;color:#e7edf7;background:#1d2027;border:1px solid rgba(255,255,255,.09);border-radius:11px;box-shadow:0 18px 52px #0000006b}.conversation-menu button{width:100%;height:38px;display:flex;align-items:center;gap:10px;padding:0 9px;color:inherit;border-radius:8px;font-size:14px;text-align:left}.conversation-menu button:hover{background:#ffffff12}.conversation-menu button.danger{color:#ffd7d7}.conversation-menu svg{width:15px;height:15px;flex:0 0 auto}.new-chat svg,.conversation-select svg,.conversation-rename svg,.conversation-more svg,.panel-head svg,.panel-toggle svg{width:16px;height:16px}.generate-asset{right:60px}.generate-login{right:158px}.generate-center{width:min(804px,calc(100vw - var(--panel-width, 240px) - var(--rail) - 180px));align-self:start;margin:0 auto;padding-top:clamp(218px,28vh,270px);display:flex;flex-direction:column;align-items:center}.generate-center h1{margin:0 0 34px;font-size:25px;line-height:1.2;font-weight:800}.generate-page .composer-box.compact{padding:18px 18px 14px;border-radius:20px}.generate-page .composer-box.compact .composer-main{grid-template-columns:64px minmax(0,1fr);gap:12px;min-height:92px}.generate-page .composer-box.compact .upload-card{width:48px;height:66px}.generate-page .composer-box.compact .attached-list{margin-top:-4px;transform:scale(.92);transform-origin:top left}.generate-page .composer-box.compact .composer-editor{min-height:86px;max-height:128px;padding-top:0;line-height:1.6}.generate-page .composer-box.compact .composer-toolbar{min-height:34px;margin-top:8px}.generate-page .composer-box.compact .tool-pill{height:32px;padding:0 11px;font-size:12px}.generate-page .composer-box.compact .tool-pill.icon-only{width:34px}.generate-page .composer-box.compact .send-btn{width:36px;height:36px}.generate-page .composer-box.compact .image-count-control{height:32px}.generate-page .composer-box.compact .count-step{width:25px;height:25px}.asset-page{height:100%;overflow:auto;padding:20px 40px;animation:page-soft-in .36s var(--ease-out) both}.asset-tabs,.asset-subtabs{display:flex;align-items:center;gap:14px}.asset-tabs button{height:36px;min-width:84px;padding:0 16px;color:#b6bfce;border-radius:8px;transition:color .18s ease,background .18s ease,transform .18s var(--ease-out)}.asset-tabs button.active{color:#fff;background:#242730}.asset-tabs button:hover,.asset-subtabs button:hover{transform:translateY(-1px);color:#eef3fb}.asset-subtabs{margin-top:16px;gap:25px}.asset-subtabs button{color:#b8c0cd}.asset-subtabs button.active{color:#fff}.asset-filters{display:grid;grid-template-columns:minmax(260px,360px) repeat(2,minmax(156px,174px)) 74px;gap:10px;align-items:end;justify-content:start;width:min(100%,800px);margin:14px 0 18px}.asset-filters label{display:grid;gap:6px;color:#8d96a6;font-size:12px;font-weight:700}.asset-filters input{width:100%;height:36px;min-width:0;box-sizing:border-box;padding:0 10px;color:#eef3fb;background:#141820;border:1px solid rgba(255,255,255,.08);border-radius:8px;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.asset-filters input:focus{background:#171b24;border-color:#8af7ff47;box-shadow:0 0 0 3px #55f5df0f}.asset-filters button{width:74px;height:36px;padding:0 14px;color:#cfd8e7;font-size:13px;font-weight:800;background:#1a202b;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:transform .18s var(--ease-out),border-color .18s ease,background .18s ease}.asset-filters button:hover{transform:translateY(-1px);border-color:#8af7ff29}.filter-btn{display:flex;align-items:center;gap:3px}.filter-btn svg{width:14px}.asset-empty{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);display:grid;justify-items:center;color:#69717e;font-size:13px}.asset-login-only{min-height:calc(100vh - 96px);display:grid;place-items:center}.asset-login-only .inline-login{min-width:112px;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.asset-login-only .inline-login svg{width:16px;height:16px}.asset-grid{display:grid;grid-template-columns:repeat(var(--masonry-columns, 4),minmax(0,1fr));align-items:start;gap:16px;padding-top:30px}.asset-grid .masonry-column{gap:16px}.asset-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-top:30px}.asset-card{position:relative;overflow:hidden;background:#17191f;border:1px solid rgba(255,255,255,.06);border-radius:8px;animation:card-rise .42s var(--ease-out) both;transition:transform .22s var(--ease-out),border-color .22s ease,box-shadow .22s ease}.asset-card:hover{transform:translateY(-3px);border-color:#8af7ff2e;box-shadow:0 18px 38px #00000040}.asset-card img{width:100%;height:auto;display:block;background:#222630;cursor:zoom-in;transition:filter .24s ease}.asset-card:hover img{filter:saturate(1.05)}.asset-card>div{display:grid;gap:8px;padding:12px}.asset-card:not(.skeleton-asset)>div{position:absolute;inset:auto 0 0;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:52px 12px 12px;background:linear-gradient(180deg,#11131900,#111319d1 32%,#111319f7);opacity:0;pointer-events:none;scrollbar-width:thin;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.asset-card:not(.skeleton-asset):hover>div,.asset-card:not(.skeleton-asset):focus-within>div{opacity:1;pointer-events:auto;transform:translateY(0)}.asset-card b{display:-webkit-box;overflow:hidden;color:#eef3fb;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4}.asset-card span{display:block;color:#78818f;font-size:12px}.asset-card small{overflow:hidden;color:#9fefff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inline-login{height:32px;margin-top:12px;padding:0 14px;color:#101217;background:linear-gradient(135deg,#8af7ff,#41ffc8);border-radius:8px;font-size:13px;font-weight:800;transition:transform .18s var(--ease-out),filter .18s ease}.inline-login:hover{transform:translateY(-1px);filter:brightness(1.04)}.empty-logo{width:86px;height:86px;margin-bottom:10px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(239,28,36,.24))}.login-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#040507c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{position:relative;width:min(400px,100%);display:grid;gap:16px;padding:24px;color:#f4f6f8;background:#0d0e11;border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 28px 90px #0000009e}.enterprise-bind-card{width:min(440px,100%);animation:enterprise-card-in .24s cubic-bezier(.2,.82,.24,1) both}.enterprise-bind-card:before{content:none}.enterprise-bind-card>*{position:relative}.enterprise-bind-card input{letter-spacing:.08em;text-transform:uppercase}.login-card h2{margin:0;color:#f4f6f8;font-size:18px;letter-spacing:0}.login-card p{margin:-5px 0 2px;color:#9298a4;font-size:11px;line-height:1.6}.confirm-card{width:min(360px,100%)}.share-confirm-card{width:min(420px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow:auto}.share-confirm-preview{min-width:0;display:grid;gap:10px}.share-confirm-preview img{width:100%;height:clamp(180px,32vh,260px);display:block;object-fit:cover;background:#0f131b;border:1px solid rgba(255,255,255,.08);border-radius:10px}.share-confirm-preview b{overflow:hidden;color:#eef3fb;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-actions button{height:40px;display:inline-flex;align-items:center;justify-content:center;color:#eef3fb;font-size:13px;font-weight:800;background:#242934;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.confirm-actions button:not(:disabled):hover{transform:translateY(-1px);border-color:#ffffff29}.confirm-danger{color:#13171c;background:linear-gradient(135deg,#8af7ff,#41ffc8);border-color:#00e6ff38}.confirm-actions button:disabled{cursor:not-allowed;opacity:.58}.login-card label{display:grid;gap:6px;color:#9298a4;font-size:10px;font-weight:700}.login-card .required-mark{color:#f77;font-style:normal}.login-card input{height:40px;min-width:0;padding:0 11px;color:#f4f6f8;background:#141519;border:1px solid rgba(255,255,255,.09);border-radius:7px;outline:0;font-size:11px}.login-card input:focus{border-color:#12dbea7a;box-shadow:0 0 0 3px #12dbea12}.login-card input::placeholder{color:#626975}.code-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.code-row button,.login-submit{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;font-size:11px;font-weight:800}.code-row button{color:#bdf8fc;background:#12dbea14;border:1px solid rgba(18,219,234,.26)}.login-submit{margin-top:2px;color:#061416;background:#12dbea}.login-submit svg{width:15px;height:15px}.login-submit:hover:not(:disabled){background:#49e5ef}.code-row button:disabled,.login-submit:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.52}.login-close{position:absolute;top:14px;right:14px;width:34px;height:34px;display:grid;place-items:center;color:#cbd0d8;background:#191b20;border:1px solid rgba(255,255,255,.08);border-radius:7px}.login-close:hover:not(:disabled){border-color:#12dbea57;color:#12dbea}.login-close svg{width:17px;height:17px}.image-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;display:grid;place-items:center;padding:clamp(18px,3vw,40px);background:#04060ad1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.image-preview-panel{position:relative;width:min(1120px,100%);max-height:min(88vh,920px);display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:#0d1118;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 34px 120px #00000094}.image-preview-canvas{position:relative;min-height:min(72vh,760px);display:grid;place-items:center;overflow:hidden;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%),#090c12;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.image-preview-canvas.dragging{cursor:grabbing}.image-preview-canvas>img{max-width:100%;max-height:calc(min(88vh,920px) - 78px);object-fit:contain;display:block;transform-origin:center center;transition:transform 80ms ease-out;will-change:transform;pointer-events:none}.image-preview-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#eef3fb;background:#0c0f15d1;border:1px solid rgba(255,255,255,.13);border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-preview-close svg{width:18px;height:18px}.image-preview-footer{min-height:94px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-content:space-between;gap:16px;padding:14px 16px;background:#111620;border-top:1px solid rgba(255,255,255,.08)}.image-preview-footer b{display:block;margin:0 0 4px;color:#eef3fb;font-size:14px;line-height:1.35}.image-preview-description{max-height:92px;margin:0 0 6px;overflow:auto;white-space:pre-wrap;color:#b9c4d4;font-size:12px;line-height:1.55;scrollbar-width:thin}.image-preview-footer span{color:#8d96a6;font-size:12px}.image-preview-footer button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 14px;color:#071014;background:#55f5df;border-radius:8px;font-size:13px;font-weight:900}.image-preview-footer button svg{width:16px;height:16px}.toast{position:fixed;top:max(22px,env(safe-area-inset-top));left:50%;z-index:20000;padding:10px 14px;color:#edf7ff;font-size:13px;background:#14171df0;border:1px solid var(--line-2);border-radius:999px;opacity:0;pointer-events:none;transform:translate(-50%,-10px);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%)}@keyframes pulse{to{transform:translateY(-2px)}}@keyframes app-loading-track{0%{transform:translate(0)}to{transform:translate(360%)}}@keyframes busy-breathe{0%{opacity:.38}to{opacity:.82}}@keyframes page-soft-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enterprise-card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes composer-arrive{0%{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes soft-sheen{0%{transform:translate(-70%)}to{transform:translate(72%)}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes status-slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes progress-shine{0%{transform:translate(-120%)}to{transform:translate(140%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reference-card-in{0%{opacity:0;transform:translate(calc(var(--reference-x) - 8px),calc(var(--reference-y) + 14px)) rotate(calc(var(--reference-rotate) - 10deg)) scale(.78)}62%{opacity:1;transform:translate(calc(var(--reference-x) + 2px),calc(var(--reference-y) - 3px)) rotate(calc(var(--reference-rotate) + 2deg)) scale(1.04)}to{opacity:1;transform:translate(var(--reference-x),var(--reference-y)) rotate(var(--reference-rotate)) scale(1)}}@keyframes reference-card-glow{0%{opacity:.52;transform:scale(.74)}to{opacity:0;transform:scale(1.18)}}@keyframes reference-upload-in{0%{opacity:0;transform:translate(30px,50px) rotate(-12deg) scale(.72)}62%{opacity:1;transform:translate(38px,42px) rotate(4deg) scale(1.08)}to{opacity:1;transform:translate(36px,44px) rotate(0) scale(1)}}@keyframes reference-menu-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.reference-card,.reference-card:after,.reference-upload-mini,.reference-mention-menu,.shared-work-card,.feed-card,.asset-card,.composer-box,.skeleton-card span:after,.skeleton-card b:after,.skeleton-card small:after,.skeleton-asset>span:after,.skeleton-asset b:after,.skeleton-asset small:after,.global-loading span{animation:none}.rail-item,.credit-badge,.asset-entry,.login-entry,.feature-card,.shared-work-card,.feed-card,.asset-card{transition:none}}@media(max-width:1180px){.home-page{padding-right:28px;padding-left:28px}.hero-create{margin-bottom:70px}.feature-strip,.masonry-grid{grid-template-columns:repeat(2,1fr)}.feed-card.wide{grid-column:span 1}}@media(max-width:720px){.home-page{padding:76px 16px 72px}.asset-filters{grid-template-columns:1fr;width:100%}.asset-filters button{width:100%}.discover-tabs{flex-wrap:wrap;gap:10px}.search-box{width:100%}.masonry-grid{grid-template-columns:1fr}.generate-page,.generate-page.collapsed{grid-template-columns:minmax(0,1fr)}.create-panel,.panel-resizer,.collapsed-thread-chip{display:none}.generate-center,.generate-center.has-thread,.generate-dock-inner{width:100%;padding-left:16px;padding-right:16px}.generate-center{padding-top:clamp(96px,18vh,150px)}.asset-page{padding:16px}}.conversation-panel-body{min-height:0;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.sidebar-menu{max-height:320px;overflow-y:auto}.menu-note{margin:4px 2px 8px;padding:0 8px;font-size:12px;line-height:1.6;color:#cbd5e1d9}.picker-create{display:flex;align-items:center;gap:8px;margin-top:4px;padding:7px 10px;border-top:1px solid rgba(148,163,184,.14);color:#94a3b8cc}.picker-create svg{width:14px;height:14px;flex-shrink:0}.picker-create input{flex:1;min-width:0;border:none;background:transparent;color:#e2e8f0;font-size:12.5px;outline:none}.account-page{--account-bg: #0d0e11;--account-surface: #141519;--account-raised: #191b20;--account-strong: #202329;--account-border: rgba(255, 255, 255, .08);--account-border-strong: rgba(255, 255, 255, .14);--account-text: #f4f6f8;--account-muted: #9298a4;--account-faint: #626975;--account-accent: #12dbea;--account-accent-soft: rgba(18, 219, 234, .1);display:grid;grid-template-columns:minmax(0,1fr);width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--account-bg);color:var(--account-text);scrollbar-color:rgba(146,152,164,.32) transparent;scrollbar-width:thin}.account-page::-webkit-scrollbar{width:8px}.account-page::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#9298a44d;background-clip:content-box}.account-page button,.account-page input,.account-page select{font:inherit}.account-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:28px 0 48px}.account-header,.account-identity,.account-identity p,.account-balance,.account-tabs,.account-section header,.account-filters,.account-more-filters,.usage-totals,.account-pagination,.project-toolbar,.project-type-switch{display:flex;align-items:center}.account-header{justify-content:space-between;gap:24px;padding:4px 0 22px;border-bottom:1px solid var(--account-border)}.account-identity{min-width:0;gap:14px}.account-avatar{display:grid;flex:none;width:52px;height:52px;place-items:center;overflow:hidden;border:1px solid rgba(18,219,234,.28);border-radius:7px;background:var(--account-accent-soft);color:var(--account-accent);font-size:18px;font-weight:850}.account-avatar img,.account-thumbnail img,.usage-preview img,.project-cover img{width:100%;height:100%;object-fit:cover}.account-kicker,.account-section header span,.account-section-title span{color:var(--account-faint);font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.account-identity h1{margin:4px 0 5px;overflow:hidden;color:var(--account-text);font-size:23px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.account-identity p{gap:8px;margin:0;color:var(--account-muted);font-size:10px}.account-identity p i{width:3px;height:3px;border-radius:50%;background:var(--account-faint)}.account-balance{flex:none;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--account-border);border-radius:7px;background:var(--account-surface);color:var(--account-muted);font-size:10px}.account-balance svg{width:15px;color:var(--account-accent)}.account-balance b{margin-left:4px;color:var(--account-text);font-size:15px}.account-tabs{gap:3px;width:fit-content;margin:18px 0;padding:3px;border:1px solid var(--account-border);border-radius:7px;background:#101115}.account-tabs button,.project-type-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 11px;border-radius:5px;color:var(--account-muted);font-size:10px;font-weight:750}.account-tabs button:hover,.project-type-switch button:hover{color:var(--account-text)}.account-tabs button.active,.project-type-switch button.active{background:var(--account-strong);color:var(--account-text)}.account-tabs button.active svg{color:var(--account-accent)}.account-tabs svg{width:14px}.account-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.account-metrics article{display:grid;gap:7px;min-height:108px;padding:16px;border:1px solid var(--account-border);border-radius:7px;background:var(--account-surface)}.account-metrics article:first-child{border-color:#12dbea40;background:var(--account-accent-soft)}.account-metrics span,.account-metrics small{color:var(--account-muted);font-size:9px}.account-metrics b{align-self:end;color:var(--account-text);font-size:25px;line-height:1}.account-metrics article:first-child b{color:var(--account-accent)}.account-overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-section{min-width:0;overflow:hidden;border:1px solid var(--account-border);border-radius:7px;background:#101115}.account-section>header{justify-content:space-between;gap:16px;min-height:64px;padding:14px 16px;border-bottom:1px solid var(--account-border)}.account-section h2{margin:4px 0 0;color:var(--account-text);font-size:14px;letter-spacing:0}.account-section header button{display:inline-flex;align-items:center;gap:5px;color:var(--account-muted);font-size:9px;font-weight:750}.account-section header button:hover{color:var(--account-accent)}.account-section header button svg,.account-activity-row>svg,.usage-row>svg,.account-project-row>svg{width:14px}.account-icon-button{display:grid!important;width:32px;height:32px;place-items:center;border:1px solid var(--account-border);border-radius:6px;background:var(--account-surface)}.account-activity-row,.usage-row,.account-project-row{width:100%;color:inherit;text-align:left;transition:background .16s ease,border-color .16s ease}.account-activity-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 14px;align-items:center;gap:10px;min-height:64px;padding:10px 16px;border-bottom:1px solid var(--account-border)}.account-activity-row:last-child,.usage-row:last-child,.account-project-row:last-child{border-bottom:0}.account-activity-row.clickable:hover,.usage-row.clickable:hover,.account-project-row:hover:not(:disabled){background:#ffffff06}.account-activity-row:disabled,.usage-row:disabled,.account-project-row:disabled{cursor:default}.account-thumbnail,.usage-preview{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid var(--account-border);border-radius:6px;background:var(--account-raised);color:var(--account-muted)}.account-thumbnail svg,.usage-preview svg{width:18px}.project-thumb{background:var(--account-accent-soft);color:var(--account-accent)}.account-row-copy,.usage-main,.usage-meta,.usage-cost,.project-copy{display:grid;min-width:0;gap:4px}.account-row-copy b,.usage-main b,.project-copy b{overflow:hidden;color:var(--account-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-row-copy small,.usage-main small,.usage-meta small,.usage-cost small,.project-copy small,.project-activity{color:var(--account-muted);font-size:9px}.account-row-value{color:#cbd0d8;font-size:9px;font-weight:750;white-space:nowrap}.account-deleted-source{display:inline-flex;margin-left:5px;padding:2px 5px;border:1px solid rgba(255,155,155,.18);border-radius:4px;background:#ff5b5b14;color:#ffaaa4;font-size:8px;font-style:normal;font-weight:750;line-height:1.4;vertical-align:1px}.account-filters,.account-more-filters{flex-wrap:wrap;gap:9px;padding:12px 16px}.account-more-filters{border-top:1px solid var(--account-border);background:#0d0e11}.account-filters label,.account-more-filters label{display:grid;gap:5px}.account-filters label>span,.account-more-filters label>span{color:var(--account-muted);font-size:9px;font-weight:750}.account-filters select,.account-filters input,.account-more-filters select,.project-search{min-height:34px;border:1px solid var(--account-border);border-radius:6px;outline:0;background:var(--account-surface);color:var(--account-text);font-size:10px}.account-filters select:focus,.account-filters input:focus,.account-more-filters select:focus,.project-search:focus-within{border-color:#12dbea6b;box-shadow:0 0 0 3px #12dbea0f}.account-filters select,.account-filters input,.account-more-filters select{min-width:128px;padding:0 9px}.account-filters option,.account-more-filters option{background:var(--account-surface)}.account-more-button{display:inline-flex;align-items:center;align-self:end;gap:5px;min-height:34px;padding:0 9px;color:var(--account-muted);font-size:9px;font-weight:750}.account-more-button:hover{color:var(--account-accent)}.account-more-button svg{width:13px}.account-more-button .rotated{transform:rotate(180deg)}.usage-totals{gap:22px;padding:11px 16px;border-top:1px solid var(--account-border);border-bottom:1px solid var(--account-border);background:#0d0e11;color:var(--account-muted);font-size:9px}.usage-totals b{margin-left:4px;color:var(--account-text)}.usage-totals span:last-child b{color:var(--account-accent)}.usage-row{display:grid;grid-template-columns:50px minmax(180px,1fr) 108px 142px 74px;align-items:center;gap:12px;min-height:74px;padding:10px 16px;border-bottom:1px solid var(--account-border)}.usage-preview{width:50px;height:50px}.usage-meta{justify-items:start}.usage-meta em,.project-copy em{width:fit-content;padding:3px 6px;border-radius:4px;background:var(--account-strong);color:#cbd0d8;font-size:8px;font-style:normal;font-weight:750}.usage-meta em.is-running,.usage-meta em.is-queued{background:#60a5fa1f;color:#93c5fd}.usage-meta em.is-completed{background:#4ade801c;color:#86efac}.usage-meta em.is-partial{background:#ffb7451c;color:#ffd28a}.usage-meta em.is-failed{background:#ff5b5b1c;color:#ffaaa4}.usage-cost{justify-items:end;text-align:right}.usage-cost b{color:var(--account-text);font-size:11px}.account-pagination{justify-content:flex-end;gap:9px;padding:12px 16px;border-top:1px solid var(--account-border);color:var(--account-muted);font-size:9px}.account-pagination span{margin-right:auto}.account-pagination button{display:inline-flex;align-items:center;gap:4px;min-height:29px;padding:0 8px;border:1px solid var(--account-border);border-radius:6px;background:var(--account-surface);color:#cbd0d8}.account-pagination button:disabled{opacity:.42}.project-toolbar{justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--account-border)}.project-search{display:flex;align-items:center;gap:7px;width:min(320px,100%);padding:0 10px}.project-search svg{width:14px;color:var(--account-faint)}.project-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--account-text);font-size:10px}.project-search input::placeholder{color:var(--account-faint)}.project-type-switch{gap:3px;padding:3px;border:1px solid var(--account-border);border-radius:7px;background:#0d0e11}.project-type-switch button{min-height:28px;padding:0 9px}.account-project-row{display:grid;grid-template-columns:82px minmax(180px,1fr) 142px 14px;align-items:center;gap:14px;min-height:92px;padding:12px 16px;border-bottom:1px solid var(--account-border)}.project-cover{display:grid;width:82px;height:60px;place-items:center;overflow:hidden;border:1px solid var(--account-border);border-radius:6px;background:var(--account-raised);color:var(--account-accent)}.project-cover svg{width:22px}.project-labels{display:flex;flex-wrap:wrap;gap:5px}.project-copy em{padding:0;background:transparent;color:var(--account-muted)}.project-copy em.is-deleted{padding:2px 5px;background:#ff5b5b17;color:#ffaaa4}.project-activity{text-align:right}.account-project-row.deleted{background:#ffffff03}.account-project-row.deleted .project-cover,.account-project-row.deleted .project-copy b,.account-project-row.deleted .project-activity{opacity:.5}.account-loading,.account-error,.account-empty,.account-signed-out{display:grid;min-height:240px;place-items:center;align-content:center;gap:9px;padding:26px;color:var(--account-muted, #9298a4);text-align:center}.account-loading{grid-auto-flow:column;justify-content:center;font-size:10px}.account-loading svg{animation:account-spin .8s linear infinite}.account-error button,.account-signed-out button,.account-empty-actions button{min-height:34px;padding:0 11px;border:1px solid var(--account-border, rgba(255, 255, 255, .08));border-radius:6px;background:var(--account-raised, #191b20);color:var(--account-text, #f4f6f8);font-size:10px;font-weight:750}.account-error button:hover,.account-empty-actions button:hover{border-color:#12dbea59;color:#12dbea}.account-empty.compact{min-height:170px}.account-empty>svg,.account-signed-out>svg{width:28px;height:28px;color:var(--account-accent, #12dbea)}.account-empty b,.account-empty p,.account-signed-out h1,.account-signed-out p{margin:0}.account-empty b,.account-signed-out h1{color:var(--account-text, #f4f6f8)}.account-empty p,.account-signed-out p{font-size:10px}.account-signed-out{width:min(calc(100% - 28px),420px);min-height:0;margin:auto;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#101115}.account-signed-out button{width:100%;margin-top:5px;background:#12dbea;color:#061416}.account-empty-actions{display:flex;gap:7px}.usage-row{position:relative}.usage-row.clickable{cursor:pointer}.usage-row:has(.usage-target-button:focus-visible){outline:2px solid rgba(18,219,234,.54);outline-offset:-2px}.usage-target-button{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:pointer}.usage-detail-button{position:relative;z-index:2;min-height:29px;padding:0 8px;border:1px solid var(--account-border);border-radius:6px;background:var(--account-surface);color:#cbd0d8;font-size:9px;font-weight:750;white-space:nowrap}.usage-detail-button:hover{border-color:#12dbea57;color:var(--account-accent)}@keyframes account-spin{to{transform:rotate(360deg)}}@media(max-width:820px){.account-shell{width:min(100% - 24px,1240px);padding-top:18px}.account-header,.project-toolbar{align-items:stretch;flex-direction:column}.account-balance{width:fit-content}.account-metrics,.account-overview-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-row{grid-template-columns:48px minmax(0,1fr) 78px;gap:9px}.usage-preview{grid-column:1;grid-row:1 / span 2}.usage-main{grid-column:2;grid-row:1}.usage-meta{grid-column:2;grid-row:2}.usage-cost{grid-column:3;grid-row:1}.usage-detail-button{grid-column:3;grid-row:2}.account-project-row{grid-template-columns:74px minmax(0,1fr) 14px}.project-cover{width:74px;height:56px}.project-activity{display:none}}@media(max-width:520px){.account-shell{width:calc(100% - 20px);padding:14px 0 28px}.account-identity{align-items:flex-start}.account-avatar{width:46px;height:46px}.account-identity h1{font-size:20px}.account-identity p{align-items:flex-start;flex-direction:column;gap:2px}.account-identity p i{display:none}.account-tabs{width:100%}.account-tabs button{min-width:0;flex:1;padding:0 5px}.account-metrics{grid-template-columns:1fr 1fr;gap:7px}.account-metrics article{min-height:98px;padding:13px}.account-metrics b{font-size:21px}.account-overview-columns{grid-template-columns:1fr}.account-filters,.account-more-filters,.usage-totals{align-items:stretch}.account-filters label,.account-more-filters label{flex:1 1 128px}.account-filters select,.account-filters input,.account-more-filters select{width:100%;min-width:0}.usage-totals{display:grid;grid-template-columns:1fr 1fr;gap:7px}.usage-totals span:last-child{grid-column:1 / -1}.usage-row{padding:10px}.usage-preview{width:44px;height:44px}.usage-cost small{max-width:96px}.project-search,.project-type-switch{width:100%}.project-type-switch button{min-width:0;flex:1}}.account-detail-backdrop{position:fixed;z-index:12000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#040507c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.account-detail-dialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;background:#0d0e11;color:#f4f6f8;box-shadow:0 28px 90px #0000009e;scrollbar-color:rgba(146,152,164,.32) transparent;scrollbar-width:thin}.account-detail-dialog>header,.account-detail-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;background:#101115}.account-detail-dialog>header{border-bottom:1px solid rgba(255,255,255,.08)}.account-detail-dialog header span{color:#626975;font-size:9px;font-weight:750;letter-spacing:.1em}.account-detail-dialog h2{margin:4px 0 0;color:#f4f6f8;font-size:16px;letter-spacing:0}.account-detail-dialog header button{display:grid;flex:none;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#191b20;color:#cbd0d8}.account-detail-dialog header button:hover{border-color:#12dbea57;color:#12dbea}.account-detail-dialog header svg,.account-detail-dialog footer svg{width:15px}.account-detail-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:0;padding:6px 18px}.account-detail-dialog dl div{min-width:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.account-detail-dialog dt{color:#626975;font-size:9px}.account-detail-dialog dd{margin:5px 0 0;overflow-wrap:anywhere;color:#dce0e6;font-size:11px;font-weight:700}.account-detail-notice{margin:12px 18px 0;padding:10px 11px;border:1px solid rgba(255,183,69,.16);border-radius:6px;background:#ffb74512;color:#d8dde5;font-size:10px;line-height:1.6}.account-detail-dialog>footer{justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08)}.account-detail-dialog footer button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#191b20;color:#cbd0d8;font-size:10px}.account-detail-dialog footer button.primary{border-color:#12dbea;background:#12dbea;color:#061416}@media(max-width:520px){.account-detail-backdrop{align-items:end;padding:0}.account-detail-dialog{max-height:88vh;border-radius:8px 8px 0 0}.account-detail-dialog dl{grid-template-columns:1fr}.account-detail-dialog>footer{flex-wrap:wrap}}.inspire-view,.generate-view,.asset-view,.canvas-view{color:var(--text-primary);background:var(--surface-page)}.main-rail .credit-badge{color:var(--accent);background:var(--surface-panel);border-color:#12dbea38;box-shadow:none}.main-rail .credit-badge span{display:inline-flex;align-items:center;gap:4px}.main-rail .credit-badge svg{width:12px;height:12px}.main-rail .credit-badge:hover{border-color:#12dbea6b;box-shadow:0 10px 24px #0000003d}.main-rail .credit-badge.active{border-color:#12dbea8f;box-shadow:inset 0 0 0 1px #12dbea14}.main-rail .credit-badge:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-entry,.inline-login{background:var(--accent)}.inspire-view .home-page{padding:84px 48px 64px;background:var(--surface-page)}.inspire-view .hero-create{margin-bottom:72px}.inspire-view .hero-create h1{margin-bottom:32px;color:var(--text-primary);font-size:26px;letter-spacing:0}.inspire-view .composer-box,.generate-view .composer-box{background:var(--surface-panel);border-color:var(--border-subtle);border-radius:8px;box-shadow:0 20px 54px #00000047}.inspire-view .composer-box:not(.busy):focus-within,.generate-view .composer-box:not(.busy):focus-within{border-color:#12dbea6b;box-shadow:0 20px 54px #00000052,0 0 0 2px #12dbea12}.inspire-view .upload-card,.generate-view .upload-card{color:var(--text-secondary);background:var(--surface-raised);border-color:var(--border-subtle);border-radius:4px}.inspire-view .feature-strip{gap:12px;margin-top:18px}.inspire-view .feature-card{min-height:68px;background:var(--surface-sidebar);border:1px solid var(--border-subtle);border-radius:8px;box-shadow:none}.inspire-view .feature-card:after{display:none}.inspire-view .feature-card:hover{background:var(--surface-panel);border-color:#12dbea3d;transform:translateY(-2px)}.inspire-view .feature-icon{color:var(--accent);background:var(--accent-soft)!important;border:1px solid rgba(18,219,234,.18);border-radius:7px}.inspire-view .discover-tabs{padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.inspire-view .discover-tabs>button.active{color:var(--text-primary);background:var(--surface-raised)}.inspire-view .search-box,.asset-view .asset-filters input{color:var(--text-secondary);background:var(--surface-sidebar);border-color:var(--border-subtle)}.inspire-view .search-box:focus-within,.asset-view .asset-filters input:focus{background:var(--surface-panel);border-color:#12dbea6b;box-shadow:0 0 0 2px #12dbea12}.shared-work-card,.asset-view .asset-card{background:var(--surface-sidebar);border-color:var(--border-subtle);box-shadow:none}.shared-work-card:hover,.asset-view .asset-card:hover{border-color:#12dbea4d;box-shadow:0 16px 34px #00000047}.generate-view .generate-page{background:var(--surface-page)}.generate-view .create-panel{padding:24px 14px 18px;background:var(--surface-sidebar);border-right-color:var(--border-subtle)}.generate-view .panel-head{min-height:34px;margin-bottom:14px}.generate-view .panel-head>b{font-size:15px}.generate-view .new-chat{color:#071416;background:var(--accent);border:1px solid var(--accent);font-weight:800}.generate-view .new-chat:hover{background:#49e5ef}.generate-view .project-row,.generate-view .recent-row{border-radius:6px}.generate-view .project-row:hover,.generate-view .recent-row:hover,.generate-view .conversation-row.active{background:var(--surface-raised)}.generate-view .generate-shell,.generate-view .generate-scroll{background:var(--surface-page)}.generate-view .generate-dock{background:linear-gradient(180deg,#0d0e1100,#0d0e11db 24%,#0d0e11 50%)}.generate-view .collapsed-thread-chip{background:var(--surface-panel);border-color:var(--border-strong);border-radius:8px}.generate-view .chat-message p,.generate-view .image-generation-result{background:var(--surface-panel);border-color:var(--border-subtle)}.generate-view .chat-message.assistant .message-rail span,.generate-view .chat-message.image-task.pending>.message-rail span{color:#071416;background:var(--accent)}.generate-view .chat-message.user .message-rail span{color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-strong)}.asset-view .asset-page{height:100%;overflow-y:auto;padding:38px 48px 64px;background:var(--surface-page)}.asset-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.asset-page-head span{display:block;margin-bottom:7px;color:var(--text-tertiary);font-size:10px;font-weight:800;letter-spacing:.12em}.asset-page-head h1{margin:0;color:var(--text-primary);font-size:24px;letter-spacing:0}.asset-page-head p{margin:7px 0 0;color:var(--text-secondary);font-size:13px}.asset-page-head strong{padding:7px 10px;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(18,219,234,.2);border-radius:6px;font-size:12px}.asset-view .asset-tabs{margin-top:24px}.asset-view .asset-tabs,.asset-view .asset-subtabs{border-color:var(--border-subtle)}.asset-view .asset-filters button{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--text-secondary);background:var(--surface-panel);border-color:var(--border-subtle);white-space:nowrap}.asset-view .asset-filters{grid-template-columns:minmax(260px,360px) repeat(2,minmax(156px,174px)) 88px;width:min(100%,814px)}.asset-view .asset-filters button{width:88px}.asset-view .asset-filters button svg,.asset-view .asset-actions button svg{width:14px;height:14px}.asset-view .asset-actions button,.shared-work-actions button{gap:5px;color:var(--text-secondary);background:#141519eb;border-color:var(--border-strong)}.asset-view .asset-actions button:not(:disabled):hover,.shared-work-actions button:not(:disabled):hover{color:#071416;background:var(--accent)}.asset-view .asset-card:not(.skeleton-asset)>div,.shared-work-meta{background:linear-gradient(180deg,#0d0e1100,#0d0e11d6 34%,#0d0e11fa)}.image-preview-modal,.login-modal{background:#040507d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-preview-panel,.login-card{background:var(--surface-page);border-color:var(--border-strong);border-radius:8px}@media(max-width:760px){.inspire-view .home-page{padding:76px 16px 40px}.inspire-view .hero-create{margin-bottom:48px}.inspire-view .hero-create h1{margin-bottom:24px;font-size:22px}.asset-view .asset-page{padding:24px 16px 40px}.asset-page-head{align-items:flex-start;padding-bottom:18px}.asset-page-head p{max-width:220px}.asset-page-head strong{white-space:nowrap}.asset-view .asset-filters,.asset-view .asset-filters button{width:100%}}.canvas-view{--canvas-bg: #0d0e11;--canvas-panel-bg: #101115;--canvas-panel-solid: #141519;--canvas-panel-hover: #191b20;--canvas-panel-border: rgba(255, 255, 255, .08);--canvas-panel-border-strong: rgba(255, 255, 255, .12);--canvas-fg: #f4f6f8;--canvas-muted: #9298a4;--canvas-faint: #626975;--canvas-accent: #12dbea;--canvas-accent-soft: rgba(18, 219, 234, .1)}.canvas-view .canvas-page,.canvas-view .canvas-stage-wrap,.canvas-view .canvas-stage{background-color:var(--canvas-bg)}.canvas-view .canvas-topbar{min-height:56px;padding:8px 18px;background:var(--canvas-panel-bg);border-bottom-color:var(--canvas-panel-border)}.canvas-view .save-state{color:var(--canvas-faint)}.canvas-view .save-state.failed{color:#ff9ba3;background:#ff7d8814;border-color:#ff7d884d;border-radius:6px}.canvas-view .switcher-trigger,.canvas-view .tool-dock,.canvas-view .canvas-zoom-controls,.canvas-view .canvas-image-picker,.canvas-view .switcher-panel,.canvas-view .reference-modal,.canvas-view .conflict-dialog{color:var(--canvas-fg);background:var(--canvas-panel-bg);border-color:var(--canvas-panel-border-strong);border-radius:8px;box-shadow:0 20px 54px #00000061}.canvas-view .switcher-trigger:hover,.canvas-view .dock-btn:hover:not(:disabled),.canvas-view .canvas-zoom-controls button:hover,.canvas-view .picker-close:hover,.canvas-view .refresh-assets:hover:not(:disabled){color:var(--canvas-fg);background:var(--canvas-panel-hover)}.canvas-view .dock-btn.primary,.canvas-view .conflict-actions .primary,.canvas-view .modal-done{color:#071416;background:var(--canvas-accent);border-color:var(--canvas-accent)}.canvas-view .dock-btn.primary:hover:not(:disabled),.canvas-view .conflict-actions .primary:hover,.canvas-view .modal-done:hover{background:#49e5ef}.canvas-view .dock-btn.active,.canvas-view .picker-tabs button[aria-selected=true]{color:var(--canvas-accent);background:var(--canvas-accent-soft);border-color:#12dbea47}.canvas-view .canvas-image-picker-layer,.canvas-view .reference-modal-layer{background:#040507c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-view .picker-head,.canvas-view .picker-tabs,.canvas-view .panel-head,.canvas-view .panel-footer{border-color:var(--canvas-panel-border)}.canvas-view .picker-title-icon{color:var(--canvas-accent);background:var(--canvas-accent-soft);border-color:#12dbea38;border-radius:6px}.canvas-view .asset-search,.canvas-view .rename-row input,.canvas-view .new-inline input,.canvas-view .folder-editor input,.canvas-view .composer-editor-wrap,.canvas-view .inline-reference-editor-wrap{color:var(--canvas-fg);background:#0d0e11;border-color:var(--canvas-panel-border-strong);border-radius:6px}.canvas-view .asset-search:focus-within,.canvas-view .rename-row input:focus,.canvas-view .new-inline input:focus,.canvas-view .folder-editor input:focus,.canvas-view .composer-editor-wrap:focus-within,.canvas-view .inline-reference-editor-wrap:focus-within{border-color:#12dbea6b;box-shadow:0 0 0 2px #12dbea12}.canvas-view .asset-item,.canvas-view .folder-row,.canvas-view .item-main,.canvas-view .reference-option,.canvas-view .inline-reference-option{border-color:var(--canvas-panel-border);border-radius:6px}.canvas-view .asset-item:hover,.canvas-view .folder-row:hover,.canvas-view .item-main:hover,.canvas-view .reference-option:hover,.canvas-view .inline-reference-option:hover{background:var(--canvas-panel-hover);border-color:#12dbea3d}.canvas-view .asset-item:focus-visible,.canvas-view .dock-btn:focus-visible,.canvas-view .switcher-trigger:focus-visible,.canvas-view .canvas-zoom-controls button:focus-visible{outline:2px solid rgba(18,219,234,.72);outline-offset:2px}.canvas-view .upload-target{color:var(--canvas-muted);background:var(--canvas-panel-solid);border-color:var(--canvas-panel-border-strong);border-radius:8px}.canvas-view .upload-target:hover,.canvas-view .upload-target.dragging{color:var(--canvas-fg);background:var(--canvas-accent-soft);border-color:#12dbea6b}.canvas-view .upload-mark{color:var(--canvas-accent);background:var(--canvas-accent-soft)}.canvas-view .canvas-node{border-radius:8px;box-shadow:0 18px 48px #00000052}.canvas-view .canvas-node.selected{box-shadow:0 0 0 2px var(--canvas-accent),0 20px 50px #00000061}.canvas-view .generator-node,.canvas-view .results-node,.canvas-view .canvas-text-node,.canvas-view .canvas-image-node{color:var(--canvas-fg);background:var(--canvas-panel-solid)}.canvas-view .canvas-empty-hint{color:var(--canvas-faint)}.canvas-view .edge.line,.canvas-view .connection-layer .line{stroke:#9298a4b8}.canvas-view .connection-layer .line.snapped,.canvas-view .connection-layer .line.selected{stroke:var(--canvas-accent)}.canvas-view .canvas-page .inline-login{color:#071416;background:var(--canvas-accent);border:1px solid var(--canvas-accent);border-radius:8px}@media(max-width:760px){.canvas-view .canvas-topbar{min-height:52px;padding:7px 10px}.canvas-view .tool-dock,.canvas-view .canvas-zoom-controls,.canvas-view .canvas-image-picker,.canvas-view .switcher-panel{border-radius:8px}}.view-shell.canvas-view .canvas-image-picker,.view-shell.canvas-view .switcher-panel,.view-shell.canvas-view .tool-dock,.view-shell.canvas-view .canvas-zoom-controls,.view-shell.canvas-view .reference-modal,.view-shell.canvas-view .conflict-dialog{color:var(--canvas-fg);background:var(--canvas-panel-bg);border-color:var(--canvas-panel-border-strong);border-radius:8px}.view-shell.canvas-view .canvas-image-picker .picker-title-icon{color:var(--canvas-accent);background:var(--canvas-accent-soft);border-color:#12dbea3d}.view-shell.canvas-view .canvas-image-picker .picker-tabs button[aria-selected=true]:after{background:var(--canvas-accent)}.view-shell.canvas-view .canvas-image-picker .asset-count{color:var(--canvas-accent);background:var(--canvas-accent-soft)}.view-shell.canvas-view .canvas-image-picker .asset-search:focus-within,.view-shell.canvas-view .canvas-image-picker .asset-item:hover,.view-shell.canvas-view .canvas-image-picker .asset-item:focus-visible{border-color:#12dbea6b}.view-shell.canvas-view .canvas-image-picker .asset-item:hover,.view-shell.canvas-view .canvas-image-picker .asset-item:focus-visible{background:var(--canvas-accent-soft)}.view-shell.canvas-view .dock-btn.primary{color:#071416;background:var(--canvas-accent)}.view-shell.canvas-view .dock-btn.primary:hover:not(:disabled){color:#071416;background:#49e5ef}.view-shell.canvas-view .dock-btn.active{color:var(--canvas-accent);background:var(--canvas-accent-soft)}.view-shell.canvas-view .switcher-trigger:hover,.view-shell.canvas-view .switcher-trigger[aria-expanded=true],.view-shell.canvas-view .folder-row.active,.view-shell.canvas-view .panel-footer button{color:var(--canvas-accent);background:var(--canvas-accent-soft);border-color:#12dbea52}.view-shell.canvas-view .canvas-node.selected{box-shadow:0 0 0 2px var(--canvas-accent),0 20px 50px #00000061}.announcement-trigger{position:relative;width:38px;height:38px;display:grid;place-items:center;color:var(--text-secondary);background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:8px;transition:color .18s ease,border-color .18s ease,transform .18s ease}.announcement-trigger:hover,.announcement-trigger.active{color:var(--accent);border-color:#12dbea66;transform:translateY(-1px)}.announcement-trigger svg{width:18px;height:18px}.announcement-badge{position:absolute;top:-7px;right:-9px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;color:#fff;font-size:10px;font-weight:800;line-height:1;background:#ef4452;border:2px solid var(--surface-sidebar);border-radius:10px}.announcement-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;justify-content:flex-end;background:#02040794;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.announcement-drawer{width:min(420px,calc(100vw - 24px));height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--text-primary);background:#111419;border-left:1px solid var(--border-strong);box-shadow:-28px 0 70px #0000006b}.announcement-head{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.announcement-head>div:first-child{display:grid;gap:4px}.announcement-head span{color:var(--accent);font-size:11px;font-weight:800}.announcement-head h2{margin:0;font-size:18px;letter-spacing:0}.announcement-head-actions{display:flex;align-items:center;gap:6px}.announcement-head-actions button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 9px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px}.announcement-head-actions button:hover{color:var(--text-primary);background:var(--surface-raised);border-color:var(--border-subtle)}.announcement-head-actions svg{width:15px;height:15px}.announcement-content{min-height:0;overflow-y:auto;padding:14px}.announcement-list{display:grid;gap:8px}.announcement-item{overflow:hidden;background:var(--surface-sidebar);border:1px solid var(--border-subtle);border-radius:8px}.announcement-item.unread{border-color:#12dbea3d}.announcement-item.expanded{background:var(--surface-panel);border-color:#12dbea5c}.announcement-summary{position:relative;width:100%;display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:5px 9px;padding:15px 36px 15px 17px;color:inherit;text-align:left}.announcement-summary>.announcement-unread-dot{grid-column:1;grid-row:1}.announcement-summary>.announcement-type{grid-column:2;grid-row:1}.announcement-summary>time{grid-column:3;grid-row:1}.announcement-summary>b,.announcement-summary>p{grid-column:2 / 4}.announcement-summary>b{grid-row:2}.announcement-summary>p{grid-row:3}.announcement-unread-dot{width:7px;height:7px;align-self:center;background:transparent;border-radius:50%}.announcement-item.unread .announcement-unread-dot{background:var(--accent);box-shadow:0 0 0 4px #12dbea14}.announcement-type{color:var(--accent);font-size:11px;font-weight:800}.announcement-summary time{color:var(--text-tertiary);font-size:11px}.announcement-summary>b{margin-top:2px;font-size:14px;line-height:1.45}.announcement-item.unread .announcement-summary>b{color:#f7fbff}.announcement-summary>p{margin:0;overflow:hidden;color:var(--text-secondary);font-size:12px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.announcement-summary>svg{position:absolute;top:50%;right:14px;width:15px;height:15px;color:var(--text-tertiary);transform:translateY(-50%);transition:transform .18s ease}.announcement-item.expanded .announcement-summary>svg{transform:translateY(-50%) rotate(180deg)}.announcement-detail{padding:0 17px 16px 33px;border-top:1px solid var(--border-subtle)}.announcement-detail>p{margin:14px 0;color:var(--text-secondary);font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.announcement-action,.announcement-state button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;color:#071416;font-size:12px;font-weight:800;background:var(--accent);border-radius:6px}.announcement-action svg,.announcement-state button svg{width:14px;height:14px}.announcement-state{min-height:280px;display:grid;align-content:center;justify-items:center;gap:9px;padding:30px;color:var(--text-tertiary);text-align:center}.announcement-state>svg{width:28px;height:28px}.announcement-state b{color:var(--text-primary);font-size:14px}.announcement-state p{margin:0 0 6px;font-size:12px;line-height:1.6}.announcement-state.error>svg{color:#ff7d86}.announcement-layer-enter-active,.announcement-layer-leave-active{transition:opacity .2s ease}.announcement-layer-enter-active .announcement-drawer,.announcement-layer-leave-active .announcement-drawer{transition:transform .24s var(--ease-out)}.announcement-layer-enter-from,.announcement-layer-leave-to{opacity:0}.announcement-layer-enter-from .announcement-drawer,.announcement-layer-leave-to .announcement-drawer{transform:translate(100%)}.spin{animation:announcement-spin .8s linear infinite}@keyframes announcement-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.announcement-drawer{width:100%}.announcement-head{padding:16px}.announcement-content{padding:10px}}@media(prefers-reduced-motion:reduce){.announcement-layer,.announcement-drawer,.announcement-trigger,.announcement-summary>svg{transition:none}.spin{animation:none}}