:root{--bg:#121212;--panel:#1b1b1b;--panel-2:#202020;--line:#303030;--muted:#8c8c8c;--text:#f6f6f6;--lime:#e4ff78;--pink:#fb62a9}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);letter-spacing:.01em;margin:0;font:14px/1.45 Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.promo-bar{background:var(--lime);color:#191919;white-space:nowrap;justify-content:center;align-items:center;gap:9px;height:48px;font-size:13px;display:flex}.promo-bar button{color:#111;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid #1b1b1b;padding:0 2px}.promo-digits{font-variant-numeric:tabular-nums;letter-spacing:.12em;background:#ffffff59;border-radius:9px;padding:3px 8px}.app-shell{min-height:calc(100vh - 48px);display:flex}.sidebar{background:#171717;border-right:1px solid #2a2a2a;flex-direction:column;flex:0 0 240px;width:240px;padding:20px 12px 18px;transition:width .25s;display:flex}.new-project{color:#181818;cursor:pointer;background:#f4f4f4;border:0;border-radius:10px;align-items:center;gap:9px;height:38px;margin:20px 0;padding:0 13px;font-size:14px;display:flex}.new-project span:first-child{font-size:20px;line-height:1}.primary-nav{gap:5px;display:grid}.nav-item{color:#d8d8d8;text-align:left;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:0 10px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#343434}.nav-icon{text-align:center;color:#d7d7d7;width:18px;font-size:18px}.recent-title{color:#777;margin:31px 8px 10px;font-size:12px}.recent-list{gap:3px;display:grid}.recent-list button{color:#d5d5d5;text-align:left;white-space:nowrap;text-overflow:ellipsis;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px;overflow:hidden}.recent-list button:hover{background:#252525}.sidebar-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding:0 5px;display:flex}.profile,.credits{align-items:center;gap:8px;display:flex}.profile-avatar{color:#fff;background:#2677ff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:grid}.credits{color:#d4d4d4}.credits span:first-child{color:#eee;font-size:21px}.sidebar.collapsed .sidebar-label,.sidebar.collapsed .recent-list,.sidebar.collapsed .recent-title{display:none}.sidebar.collapsed .new-project{justify-content:center;padding:0}.sidebar.collapsed .nav-item{justify-content:center}.main-content{width:min(1120px,100vw - 240px);margin:0 auto;padding:76px 60px 100px;overflow:hidden}.hero-section{max-width:760px;margin:0 auto}.hero-section h1{text-align:center;margin:18px 0 26px;font-size:24px;font-weight:500}.prompt-box{background:#1f1f1f;border:1px solid #383838;border-radius:21px;min-height:122px;padding:14px 16px 7px;box-shadow:0 15px 40px #0000001f}.prompt-box textarea{resize:none;color:#f0f0f0;background:0 0;border:0;outline:0;width:100%;height:55px;font:15px/1.4 inherit}.prompt-box textarea::placeholder{color:#727272}.prompt-actions{justify-content:space-between;align-items:center;display:flex}.attach-btn,.cube-btn,.send-btn{color:#c7c7c7;cursor:pointer;background:0 0;border:0}.attach-btn{font-size:24px}.prompt-right{align-items:center;gap:8px;display:flex}.cube-btn{font-size:21px}.send-btn{color:#aaa;background:#3a3a3a;border-radius:50%;width:33px;height:33px;font-size:21px}.send-btn:hover,.sticky-composer button:hover{background:var(--lime);color:#121212}.helper-block{gap:10px;padding:22px 16px 24px;display:grid}.helper-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.helper-label{color:#8b8b8b;margin-right:3px}.pill,.source-chip{color:#dedede;cursor:pointer;height:34px;font:inherit;white-space:nowrap;background:#202020;border:1px solid #3e3e3e;border-radius:19px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.pill:hover,.source-chip:hover{background:#2a2a2a;border-color:#5b5b5b}.source-toolbar{align-items:center;gap:5px;margin:3px 0 22px;display:flex}.source-chip{color:#8e8e8e;background:0 0;border-color:#0000;height:34px}.source-chip.active{color:#fff;background:#3b3b3b}.source-chip.plus-chip{padding:0 8px;font-size:22px}.category-tabs{scrollbar-width:none;border-bottom:1px solid #2e2e2e;align-items:flex-start;gap:20px;height:46px;display:flex;overflow:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{color:#929292;white-space:nowrap;cursor:pointer;background:0 0;border:0;height:46px;padding:0 2px;font:14px inherit;position:relative}.category-tab.active{color:#fff}.category-tab.active:after{content:"";background:#fff;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.featured-card{background:linear-gradient(105deg,#202020 0%,#191919 54%,#252525 100%);border:1px solid #3a3a3a;border-radius:16px;min-height:210px;margin-top:24px;display:flex;overflow:hidden}.featured-copy{width:40%;padding:24px 24px 18px}.featured-icon{color:#ff66ad;font-size:28px}.featured-copy h2{margin:8px 0 24px;font-size:17px;font-weight:500;line-height:1.5}.featured-copy h2 strong{font-weight:500}.featured-copy h2 span{color:#bbb}.mini-orbs{flex-wrap:wrap;gap:8px;margin-bottom:11px;display:flex}.mini-orbs span{color:#aaa;background:#2b2b2b;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.mini-orbs .orb-active{color:#fff;border:2px solid #f36baa}.muted{color:#777;font-size:12px}.featured-visual{flex:1;align-items:center;gap:16px;padding:16px 16px 16px 0;display:flex}.featured-art{color:#2b1d16;letter-spacing:.04em;border-radius:10px;flex:1;min-width:0;height:178px;padding:24px 18px;font-size:20px;font-weight:700;line-height:1.08;position:relative;overflow:hidden}.featured-art b{letter-spacing:0;font-size:13px}.art-one{background:linear-gradient(145deg,#f4efe7 0 58%,#aa815a 58%)}.art-one:after{content:"";background:linear-gradient(145deg,#8f6243,#d4b18d);border-radius:56% 40% 50% 42%;width:120px;height:85px;position:absolute;bottom:15px;right:10px;box-shadow:-22px -32px 0 -12px #4f3729}.art-two{color:#352b23;background:linear-gradient(150deg,#e9e2d0,#b6906a)}.art-two:after{content:"";opacity:.8;background:linear-gradient(90deg,#4e3425 0 42%,#d4b49a 42% 100%);border-radius:6px;height:46px;position:absolute;bottom:22px;left:30px;right:30px}.filter-row{color:#aaa;flex-wrap:wrap;align-items:center;gap:14px;padding:19px 5px 15px;font-size:13px;display:flex}.filter-label{color:#ececec;margin-right:3px}.filter-row label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.filter-row input{accent-color:var(--pink)}.upload-btn{color:#eee;cursor:pointer;background:#202020;border:1px solid #3e3e3e;border-radius:8px;margin-left:auto;padding:7px 11px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-card{cursor:pointer;min-width:0}.card-image{background:#2a2a2a;border-radius:13px;height:200px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.skill-card:hover .card-image img{transform:scale(1.035)}.card-type{color:#f1f1f1;background:#141414b3;border-radius:6px;padding:3px 7px;font-size:11px;position:absolute;bottom:9px;left:9px}.card-title{color:#f1f1f1;white-space:nowrap;text-overflow:ellipsis;margin:9px 5px 2px;font-size:15px;overflow:hidden}.card-subtitle{color:#868686;white-space:nowrap;text-overflow:ellipsis;margin:0 5px;font-size:12px;overflow:hidden}.card-meta{color:#8c8c8c;align-items:center;gap:8px;margin:6px 5px 0;font-size:12px;display:flex}.avatar-dot{background:linear-gradient(140deg,#fff,#5b8aff);border-radius:50%;width:16px;height:16px;display:inline-block}.section-block{margin-top:27px}.section-title{align-items:center;gap:6px;margin:0 5px 12px;display:flex}.section-title h2{margin:0;font-size:16px;font-weight:500}.section-title span{color:#bfbfbf;font-size:22px}.cards-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.toast{color:#111;opacity:0;pointer-events:none;z-index:1200;overflow-wrap:anywhere;background:#f2f2f2;border-radius:9px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;transition:all .25s;position:fixed;top:70px;left:50%;transform:translate(-50%,-18px)}.toast.show{opacity:1;transform:translate(-50%)}.sticky-composer{color:#7c7c7c;opacity:0;pointer-events:none;z-index:2;background:#222222f5;border:1px solid #353535;border-radius:25px;justify-content:space-between;align-items:center;width:min(620px,100vw - 300px);height:49px;padding:0 7px 0 18px;transition:all .25s;display:flex;position:fixed;bottom:24px;left:calc(50% + 85px);transform:translate(-50%);box-shadow:0 8px 26px #00000047}.sticky-composer.visible{opacity:1;pointer-events:auto}.sticky-composer button{color:#222;cursor:pointer;background:#eee;border:0;border-radius:50%;width:35px;height:35px;font-size:20px}.section-block.hidden{display:none}@media (max-width:900px){.sidebar{flex-basis:74px;width:74px}.sidebar-label,.recent-list,.recent-title{display:none}.new-project{justify-content:center;padding:0}.nav-item{justify-content:center}.main-content{width:calc(100vw - 74px);padding:58px 28px 90px}.sticky-composer{width:calc(100vw - 150px);left:calc(50% + 37px)}.featured-copy{width:44%}}@media (max-width:680px){.promo-bar{gap:5px;font-size:11px}.promo-digits{display:none}.main-content{padding:40px 16px 80px}.hero-section h1{font-size:22px}.helper-block{padding-inline:4px}.source-toolbar{overflow:auto}.featured-card{display:block}.featured-copy{width:100%;padding-bottom:14px}.featured-visual{padding:0 14px 14px}.featured-visual img{height:145px}.skills-grid,.cards-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-image{height:145px}.category-tabs{gap:16px}.filter-row{gap:10px}.upload-btn{margin-left:0}.sticky-composer{width:calc(100vw - 38px);left:50%}}.page-view:not(.active){display:none!important}.subpage-main{width:min(1120px,100vw - 240px);margin:0 auto;padding:28px 60px 90px;overflow:auto}.subpage-head{justify-content:space-between;align-items:center;height:37px;display:flex}.subpage-head h1,.title-with-icon h1{margin:0;font-size:21px;font-weight:500}.title-with-icon{align-items:center;gap:14px;display:flex}.head-icon{color:#c8c8c8;cursor:pointer;background:0 0;border:0;font-size:22px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.project-create-card,.project-card{text-align:left;color:#ededed;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0}.project-create-card{border:1px dashed #3b3b3b;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;height:171px;padding:0 20px;display:flex}.project-create-card:hover{background:#202020;border-color:#777}.create-symbol{color:#a9a9a9;align-self:center;font-size:32px;line-height:1}.project-thumb{border-radius:13px;height:171px;position:relative;overflow:hidden}.project-scene{background:linear-gradient(135deg,#c8d0ce,#9d7b63 63%,#5a4033)}.project-scene:before{content:"";background:linear-gradient(155deg,#f0d7c6,#9c6a55);border-radius:58% 55% 0 0;width:51%;height:84%;position:absolute;bottom:0;left:27%;box-shadow:60px 2px 0 15px #33272138}.project-scene:after{content:"";background:linear-gradient(105deg,#ffffff4d,#0000 40%,#12110e4d);position:absolute;inset:0}.project-scene span{z-index:1;color:#3f3028;writing-mode:vertical-rl;letter-spacing:.2em;font-family:serif;font-size:25px;position:absolute;top:44%;left:52%;transform:translate(-50%,-50%)}.project-card-title{white-space:nowrap;text-overflow:ellipsis;margin:10px 5px 0;font-size:14px;overflow:hidden}.project-card-date{color:#858585;margin:3px 5px;font-size:12px}.more-dot{float:right;color:#cfcfcf;letter-spacing:2px;cursor:pointer;background:0 0;border:0}.skills-page{padding-top:28px}.create-dropdown{color:#111;height:36px;font:inherit;cursor:pointer;background:#f3f3f3;border:0;border-radius:9px;padding:0 13px}.create-dropdown span{margin-left:6px}.section-tabs{border-bottom:1px solid #303030;gap:21px;height:34px;margin-top:17px;display:flex}.section-tabs button{color:#8e8e8e;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 10px}.section-tabs button.active{color:#f3f3f3;border-bottom:2px solid #f4f4f4}.skills-toolbar{justify-content:space-between;align-items:center;margin:20px 0 24px;display:flex}.skill-category-tabs{scrollbar-width:none;gap:9px;display:flex;overflow:auto}.skill-category-tabs::-webkit-scrollbar{display:none}.skill-category-tabs button{color:#c1c1c1;height:31px;font:inherit;white-space:nowrap;cursor:pointer;background:#1e1e1e;border:0;border-radius:17px;padding:0 14px}.skill-category-tabs button.active{color:#fff;background:#373737}.tool-icons{gap:15px;display:flex}.tool-icons button{color:#8f8f8f;cursor:pointer;background:0 0;border:0;font-size:22px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;display:grid}.library-grid .skill-card .card-image{border-radius:12px;height:226px}.library-grid .skill-card .card-title{font-size:14px}.library-grid .skill-card .card-subtitle{font-size:13px}.load-more{text-align:center;color:#6e6e6e;padding:34px 0 10px}.asset-page{background:#151515;grid-template-columns:380px minmax(0,1fr);width:calc(100vw - 240px);min-height:calc(100vh - 48px);display:grid}.asset-library-list{border-right:1px solid #303030;padding:21px 16px}.asset-library-list h1{margin:0 0 15px;font-size:21px;font-weight:500}.asset-tabs{border-bottom:1px solid #303030;gap:18px;height:33px;display:flex}.asset-tabs button{color:#858585;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.asset-tabs button.active{color:#eee;border-bottom:2px solid #eee}.asset-new-card{color:#ddd;cursor:pointer;background:0 0;border:1px dashed #3b3b3b;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:60px;margin:22px 0 12px;display:flex}.asset-new-card span:first-child{color:var(--lime)}.asset-kit-card{background:#232323;border:1px solid #3b3b3b;border-radius:13px;height:136px;padding:12px}.asset-kit-card h3{margin:0;font-size:13px;font-weight:500}.asset-kit-icon{color:#858585;background:#363636;border-radius:7px;place-items:center;width:80px;height:80px;margin-top:13px;font-size:30px;display:grid}.asset-editor{padding:21px 0 82px;position:relative;overflow:hidden}.asset-editor-head{justify-content:space-between;align-items:flex-start;height:48px;padding:0 16px;display:flex}.asset-editor-head input{color:#eee;background:0 0;border:0;outline:0;width:80%;font:24px/1.2 inherit}.asset-editor-head button{color:#868686;letter-spacing:3px;background:0 0;border:0;font-size:16px}.asset-upload{color:#8b8b8b;border:1px dashed #3b3b3b;border-radius:14px;align-items:center;gap:17px;height:97px;margin:0 0 27px;padding:0 38px;display:flex}.asset-upload strong{font-size:13px;font-weight:400;display:block}.asset-upload small{margin-top:5px;font-size:12px;display:block}.upload-icon{font-size:25px}.guide-label{padding:0 4px 8px;font-size:13px;display:block}.guide-input{color:#eee;background:#232323;border:0;border-radius:7px;outline:0;width:100%;height:32px;padding:0 10px}.guide-input::placeholder{color:#686868}.asset-row{border-top:1px solid #2e2e2e;justify-content:space-between;align-items:center;height:83px;padding:0 4px;font-size:14px;display:flex}.asset-row:first-of-type{margin-top:28px}.asset-row button{color:#c2c2c2;font:inherit;cursor:pointer;background:0 0;border:0}.asset-cta{color:#171717;height:38px;font:inherit;cursor:pointer;background:#f5f5f5;border:0;border-radius:10px;padding:0 14px;position:absolute;bottom:20px;right:0}.asset-cta span{margin-left:7px;font-size:18px}.canvas-view{color:#e8e8e8;z-index:5;background:#121212;flex-direction:column;display:flex;position:fixed;inset:0}.canvas-topbar{background:#171717;border-bottom:1px solid #252525;flex:0 0 40px;justify-content:space-between;align-items:center;height:40px;padding:0 11px;font-size:12px;display:flex}.canvas-title,.canvas-tabs,.canvas-account{align-items:center;gap:10px;display:flex}.canvas-title button,.canvas-tabs button,.canvas-account button{color:#b8b8b8;font:inherit;cursor:pointer;background:0 0;border:0}.canvas-mark{font-size:18px}.canvas-page-tab{color:#efefef;background:#303030;border-radius:8px;padding:7px 16px}.canvas-account{gap:14px}.canvas-account button{color:#eee;background:#282828;border-radius:8px;padding:7px 14px}.canvas-avatar{background:#407cff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.canvas-body{flex:1;grid-template-columns:400px minmax(0,1fr);min-height:0;display:grid}.canvas-chat{background:#161616;border-right:1px solid #282828;flex-direction:column;min-height:0;display:flex}.chat-title{border-bottom:1px solid #272727;flex:0 0 54px;justify-content:space-between;align-items:center;height:54px;padding:0 17px;font-size:14px;display:flex}.chat-title span{text-overflow:ellipsis;white-space:nowrap;max-width:255px;overflow:hidden}.chat-title div{gap:6px;display:flex}.chat-title button{color:#aaa;background:0 0;border:0;font-size:16px}.chat-scroll{color:#d0d0d0;padding:18px 19px 0;font-size:13px;line-height:1.6;overflow:auto}.chat-scroll p{margin:14px 0}.edit-prompt{color:#171717;width:100%;height:34px;font:inherit;cursor:pointer;background:#f2f2f2;border:0;border-radius:7px;margin-bottom:20px}.generation-label{color:#c8c8c8;margin-top:16px}.chat-thumb{border-radius:9px;width:116px;height:116px;margin:11px 0;overflow:hidden}.tiny-art{color:#f3ebdf;writing-mode:vertical-rl;background:linear-gradient(135deg,#d1b8a0,#52634d);place-items:center;width:100%;height:100%;font:20px serif;display:grid}.chat-composer{background:#202020;border:1px solid #3a3a3a;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:112px;margin:7px 9px 9px;padding:10px 10px 7px;display:flex}.chat-composer textarea{resize:none;color:#e7e7e7;background:0 0;border:0;outline:0;height:55px;font:13px/1.4 inherit}.chat-composer>div{align-items:center;gap:9px;display:flex}.chat-composer button:not([data-ui]){color:#bbb;font:inherit;cursor:pointer;background:0 0;border:0}.chat-composer .composer-send{background:#3a3a3a;border-radius:50%;width:31px;height:31px;margin-left:auto}.canvas-stage{background:#141414;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.canvas-art-main{aspect-ratio:1;background:linear-gradient(150deg,#cad3c8,#6a544b 54%,#27282a);width:min(64%,620px);position:relative;overflow:hidden;box-shadow:0 12px 40px #0000004d}.canvas-art-main:before{content:"";background:linear-gradient(110deg,#ffffff59,#0000 38%,#0a0a0a40);position:absolute;inset:0}.canvas-art-main:after{content:"";clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);background:linear-gradient(#9d7c67,#433d37);height:28%;position:absolute;bottom:0;left:10%;right:9%}.canvas-art-copy{z-index:2;color:#f2ece4;text-shadow:0 1px 5px #00000047;flex-direction:column;display:flex;position:absolute;top:12%;left:11%}.canvas-art-copy span{writing-mode:vertical-rl;letter-spacing:.18em;font:42px serif}.canvas-art-copy small{opacity:.8;writing-mode:vertical-rl;margin-top:12px;font-size:11px}.art-person{z-index:1;background:linear-gradient(145deg,#e7c6b8,#8f6659 70%);border-radius:48% 42% 18% 22%;width:40%;height:72%;position:absolute;bottom:15%;right:13%;transform:rotate(3deg);box-shadow:-38px 30px 0 -9px #3a2e2859}.art-person:before{content:"";background:#252729;border-radius:50%;width:71%;height:31%;position:absolute;top:-11%;right:3%}.art-person:after{content:"";background:#e1d6c9;border-radius:10px;width:135%;height:10%;position:absolute;bottom:12%;left:-45%;transform:rotate(-7deg)}.canvas-bottom-tools{background:#1d1d1d;border:1px solid #313131;border-radius:13px;display:flex;position:absolute;bottom:22px;left:50%;overflow:hidden;transform:translate(-50%)}.canvas-bottom-tools button{color:#eee;cursor:pointer;background:0 0;border:0;border-right:1px solid #303030;height:42px;padding:0 13px;font:13px inherit}.canvas-bottom-tools button:last-child{border-right:0}.canvas-zoom{color:#aaa;gap:14px;font-size:15px;display:flex;position:absolute;bottom:24px;right:18px}.canvas-zoom span:last-child{padding-top:3px;font-size:12px}@media (max-width:900px){.subpage-main{width:calc(100vw - 74px);padding-inline:28px}.project-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-page{grid-template-columns:300px minmax(0,1fr);width:calc(100vw - 74px)}.canvas-body{grid-template-columns:340px minmax(0,1fr)}.canvas-tabs{margin-left:20px}}@media (max-width:680px){.subpage-main{width:calc(100vw - 74px);padding:24px 16px 80px}.project-grid,.library-grid{grid-template-columns:1fr}.skills-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.asset-page{width:calc(100vw - 74px);display:block;overflow:auto}.asset-library-list{border-bottom:1px solid #303030;border-right:0}.asset-editor{padding:20px 16px 82px}.canvas-topbar{padding:0 6px}.canvas-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:175px;overflow:hidden}.canvas-tabs{display:none}.canvas-body{display:block}.canvas-chat{z-index:2;border-top:1px solid #333;border-right:1px solid #333;border-radius:0 14px 0 0;width:min(100%,360px);height:54%;position:absolute;bottom:0;left:0}.canvas-stage{height:100%}.canvas-art-main{width:68%}.canvas-bottom-tools{bottom:12px}.canvas-zoom{bottom:12px;right:8px}}:root{--canvas-comment-color:#8850ed;--ink:#f5f4ef;--subtle:#a6a39b;--ghost:#fff1;--hairline:#ffffff1f;--glow:#e4ff7833;--ease-expo:cubic-bezier(.16,1,.3,1)}html{background:#101010}body{color:var(--ink);background:radial-gradient(900px 540px at 76% -10%,#bcdc7114,#0000 66%),radial-gradient(700px 440px at 8% 18%,#786eff12,#0000 70%),#121212}body:before{content:"";pointer-events:none;z-index:20;opacity:.13;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 72%);mask-image:linear-gradient(#0000008c,#0000 72%)}.lucide{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em;display:block}.icon-slot{justify-content:center;align-items:center;line-height:0;display:inline-flex}.icon-slot .lucide{width:1em;height:1em}.promo-bar{letter-spacing:.045em;background:linear-gradient(100deg,#e8ff8a,#d9ff70 45%,#f2ffba);position:relative;overflow:hidden;box-shadow:0 1px #ffffff40}.promo-bar:after{content:"";pointer-events:none;animation:promo-sheen 8s var(--ease-expo) infinite;background:linear-gradient(115deg,#0000 28%,#ffffff61 48%,#0000 69%);position:absolute;inset:0;transform:translate(-100%)}.promo-copy{align-items:center;gap:8px;display:inline-flex}.promo-icon{font-size:14px}@keyframes promo-sheen{0%,65%{transform:translate(-100%)}83%,to{transform:translate(100%)}}.app-shell{isolation:isolate;position:relative}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#1b1b1bf2,#131313eb);box-shadow:12px 0 40px #0000001f}.sidebar:after{content:"";background:linear-gradient(#0000,#ffffff2e 28%,#0000 75%);width:1px;position:absolute;top:0;bottom:0;right:-1px}.tool-icons button,.canvas-title button,.canvas-tabs button,.canvas-account button{transition:color .22s ease,background .22s ease,transform .22s var(--ease-expo)}.tool-icons button:hover,.canvas-title button:hover,.canvas-tabs button:hover{color:#fff;transform:translateY(-1px)}.new-project{transition:transform .28s var(--ease-expo),box-shadow .28s ease,background .2s ease;box-shadow:0 6px 18px #00000029}.new-project:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 25px #00000047}.new-project .icon-slot{font-size:18px}.nav-item{transition:background .26s ease,color .26s ease,transform .26s var(--ease-expo)}.nav-item:hover{transform:translate(3px)}.nav-item.active{box-shadow:inset 0 0 0 1px #ffffff0d,0 7px 18px #0000001a}.nav-icon{font-size:17px}.nav-icon .lucide{stroke-width:1.7px}.credits .icon-slot{color:var(--lime);font-size:16px}.main-content{position:relative}.main-content:before{content:"LUMOVART / 01";color:#fff3;letter-spacing:.24em;font-size:9px;font-weight:600;position:absolute;top:24px;right:58px}.hero-section h1{letter-spacing:-.045em;text-wrap:balance;text-shadow:0 10px 45px #ffffff14;font-size:clamp(25px,3vw,40px);font-weight:450}.prompt-box{transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease-expo);background:linear-gradient(145deg,#252525eb,#181818eb);border-color:#ffffff29;position:relative;overflow:hidden;box-shadow:0 25px 60px #0000003d,inset 0 1px #ffffff0a}.prompt-box textarea,.prompt-actions{z-index:1;position:relative}.attach-btn,.cube-btn,.send-btn{transition:color .22s ease,background .22s ease,transform .25s var(--ease-expo)}.attach-btn:hover,.cube-btn:hover{color:#fff;transform:translateY(-1px)rotate(-4deg)}.send-btn{box-shadow:0 5px 15px #00000038}.send-btn:hover{transform:translateY(-2px)scale(1.04)}.helper-block{padding-top:26px}.pill,.source-chip,.upload-btn{transition:background .24s ease,border-color .24s ease,color .24s ease,transform .24s var(--ease-expo)}.pill:hover,.source-chip:hover,.upload-btn:hover{color:#f6ffd2;background:#e4ff7814;border-color:#e4ff7873;transform:translateY(-2px)}.pill .lucide,.source-chip .lucide,.upload-btn .lucide{font-size:14px}.category-tabs{-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.category-tab{letter-spacing:.04em;transition:color .22s ease,transform .22s var(--ease-expo)}.category-tab:hover{color:#fff;transform:translateY(-1px)}.featured-card{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,0,0);transition:transform .45s var(--ease-expo),border-color .35s ease,box-shadow .35s ease;position:relative;box-shadow:0 22px 70px #0000003d}.featured-card:before{content:"";pointer-events:none;background:radial-gradient(340px 210px at calc(50% + var(--mx,0%)) calc(50% + var(--my,0%)),#e4ff781f,transparent 68%);mix-blend-mode:screen;position:absolute;inset:0}.featured-card:hover{border-color:#e4ff784d;box-shadow:0 28px 90px #00000057}.featured-copy,.featured-visual{z-index:1;position:relative}.featured-icon{filter:drop-shadow(0 0 14px #fb62a999);font-size:25px}.featured-copy h2{letter-spacing:-.025em}.featured-copy h2 .icon-slot{vertical-align:-.12em;color:#ddd;transition:transform .3s var(--ease-expo);font-size:.8em;display:inline-flex}.featured-card:hover h2 .icon-slot{transform:translate(5px)}.mini-orbs span{transition:transform .28s var(--ease-expo),background .28s ease,color .28s ease}.mini-orbs span:hover{color:#fff;background:#393939;transform:translateY(-4px)rotate(8deg)}.featured-art{transition:transform .4s var(--ease-expo),filter .4s ease;transform:translate(0,0);box-shadow:0 8px 24px #00000038}.featured-card:hover .featured-art{filter:saturate(1.1)contrast(1.03);transform:translateY(-3px)}.filter-row{border-bottom:1px solid #ffffff0f}.upload-btn{align-items:center;gap:6px;display:inline-flex}.skill-card,.project-card,.asset-kit-card,.project-create-card{transition:transform .4s var(--ease-expo),filter .35s ease}.skill-card{transform:translateY(0)}.skill-card:hover{transform:translateY(-7px)}.card-image{transition:transform .4s var(--ease-expo),box-shadow .4s ease,border-color .35s ease;background:#242424;box-shadow:0 8px 30px #00000029}.card-image:after{content:"";pointer-events:none;opacity:.55;transition:opacity .35s ease,transform .5s var(--ease-expo);transform:translate3d(var(--mx,0%),var(--my,0%),0);background:linear-gradient(125deg,#fff3,#0000 28% 70%,#0003);position:absolute;inset:0}.skill-card:hover .card-image{box-shadow:0 18px 40px #00000052}.skill-card:hover .card-image:after{opacity:.9}.card-type{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid #ffffff1a;align-items:center;gap:5px;display:inline-flex}.card-type .lucide,.card-meta .lucide{font-size:12px}.card-title{letter-spacing:-.015em}.card-meta .icon-slot{opacity:.72}.section-title{border-left:2px solid #e4ff78b3;padding-left:9px}.section-title span{transition:transform .25s var(--ease-expo);font-size:16px;display:inline-flex}.section-title:hover span{transform:translate(4px)}.reveal{opacity:0;transition:opacity .7s var(--ease-expo) calc(var(--i,0) * 45ms),transform .7s var(--ease-expo) calc(var(--i,0) * 45ms);transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.page-view.active{animation:page-in .65s var(--ease-expo)}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subpage-main{background:radial-gradient(600px 360px at 66% -10%,#e4ff780b,#0000 72%)}.subpage-head h1,.asset-library-list h1{letter-spacing:-.045em;font-size:clamp(24px,3.2vw,34px)}.head-icon,.tool-icons button,.asset-editor-head button{justify-content:center;align-items:center;display:inline-flex}.head-icon .lucide{font-size:18px}.project-create-card{transition:border-color .3s ease,background .3s ease,transform .4s var(--ease-expo),box-shadow .3s ease;background:linear-gradient(150deg,#ffffff09,#ffffff03);border-style:dashed}.project-create-card:hover{background:#e4ff780d;border-color:#e4ff7880;transform:translateY(-5px);box-shadow:0 18px 40px #0000003d}.create-symbol{font-size:24px;display:inline-flex}.project-thumb{box-shadow:0 12px 35px #00000040}.more-dot{justify-content:center;align-items:center;display:inline-flex}.more-dot .lucide{font-size:17px}.create-dropdown{transition:transform .25s var(--ease-expo),box-shadow .25s ease;align-items:center;gap:7px;display:inline-flex;box-shadow:0 8px 22px #0000002e}.create-dropdown:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0000004d}.create-dropdown .lucide{font-size:15px}.tool-icons{gap:8px}.tool-icons button{border-radius:9px;width:34px;height:34px}.tool-icons button:hover{background:#292929}.library-grid .skill-card:hover .card-image{transform:translateY(-1px)}.asset-new-card{transition:border-color .3s ease,background .3s ease,transform .3s var(--ease-expo),box-shadow .3s ease}.asset-new-card:hover{background:#e4ff780d;border-color:#e4ff7880;transform:translateY(-3px);box-shadow:0 15px 30px #0003}.asset-new-card .lucide{color:var(--lime);font-size:18px}.asset-kit-card{box-shadow:0 12px 30px #00000029}.asset-kit-card:hover{border-color:#e4ff7852;transform:translateY(-4px)}.asset-kit-icon{place-items:center;display:grid}.asset-kit-icon .lucide{font-size:29px}.asset-editor-head button,.asset-row button{align-items:center;gap:6px;display:inline-flex}.asset-editor-head button:hover,.asset-row button:hover{color:#fff}.asset-upload{transition:border-color .3s ease,background .3s ease,transform .3s var(--ease-expo);background:linear-gradient(145deg,#ffffff08,#0000)}.asset-upload:hover{background:#e4ff780d;border-color:#e4ff786b;transform:translateY(-2px)}.upload-icon{color:var(--lime);font-size:25px;display:inline-flex}.asset-row button .lucide{font-size:14px}.asset-cta{transition:transform .28s var(--ease-expo),box-shadow .28s ease,background .2s ease;align-items:center;gap:7px;display:inline-flex;box-shadow:0 8px 24px #0000002e}.asset-cta:hover{background:var(--lime);transform:translateY(-3px);box-shadow:0 14px 30px #00000052}.asset-cta .lucide{font-size:16px}.canvas-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171717db}.canvas-mark{color:var(--lime);font-size:15px;display:inline-flex}.canvas-title button,.canvas-tabs button{justify-content:center;align-items:center;display:inline-flex}.canvas-title button:hover,.canvas-tabs button:hover{background:#292929;border-radius:6px}.canvas-account>span:first-child{align-items:center;gap:5px;display:inline-flex}.canvas-account>span:first-child .lucide{color:var(--lime);font-size:14px}.canvas-chat{background:linear-gradient(#171717,#141414)}.chat-title button{transition:color .2s ease,transform .2s var(--ease-expo);justify-content:center;align-items:center;display:inline-flex}.chat-title button:hover{color:#fff;transform:translateY(-1px)}.generation-label{align-items:center;gap:6px;display:flex}.generation-label .lucide{color:var(--pink);font-size:14px}.chat-composer{transition:border-color .3s,box-shadow .3s;box-shadow:0 10px 32px #0000002e,inset 0 1px #ffffff08}.chat-composer button:not([data-ui]){align-items:center;gap:5px;display:inline-flex}.chat-composer button:not([data-ui]):hover{color:#fff}.chat-composer .lucide{font-size:14px}.chat-composer .composer-send{transition:background .24s ease,transform .24s var(--ease-expo);justify-content:center}.chat-composer .composer-send:hover{background:var(--lime);color:#101010;transform:translateY(-2px)}.canvas-stage{background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:42px 42px}.canvas-art-main{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-expo),box-shadow .4s ease;box-shadow:0 22px 70px #00000057}.canvas-art-main:before{mix-blend-mode:screen}.canvas-art-main:after{box-shadow:0 -20px 50px #0000002e}.canvas-bottom-tools{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px #00000040}.canvas-bottom-tools button{align-items:center;gap:6px;transition:background .22s,color .22s;display:inline-flex}.canvas-bottom-tools button:hover{color:#fff;background:#303030}.canvas-bottom-tools .lucide{font-size:14px}.canvas-zoom{align-items:center}.canvas-zoom span{align-items:center;display:inline-flex}.canvas-zoom .lucide{font-size:14px}.sticky-composer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#ffffff24;box-shadow:0 16px 45px #00000052}.sticky-composer button{place-items:center;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.promo-bar{display:none!important}.app-shell{min-height:100vh}.sidebar.collapsed{flex-basis:64px;width:64px;padding-inline:12px}.sidebar.collapsed .new-project .icon-slot{font-size:21px}.sidebar.collapsed .nav-icon{width:auto;font-size:19px}.sidebar.collapsed .sidebar-bottom{flex-direction:column;justify-content:flex-end;align-items:center;gap:24px;padding:0 0 8px}.sidebar.collapsed .credits{flex-direction:column;order:1;gap:5px}.sidebar.collapsed .profile{flex-direction:column;order:2;gap:0}.sidebar.collapsed .profile-avatar{width:38px;height:38px;font-size:11px}.sidebar.collapsed .credits .icon-slot{font-size:21px}.sidebar.collapsed .credits .sidebar-label{font-size:12px;line-height:1;display:block}@media (max-width:900px){.sidebar.collapsed{flex-basis:64px;width:64px}.sidebar.collapsed~.main-content,.sidebar.collapsed~.subpage-main,.sidebar.collapsed~.asset-page{width:calc(100vw - 64px)}}.sidebar{transition:width .42s var(--ease-expo), flex-basis .42s var(--ease-expo), padding .42s var(--ease-expo)}.main-content,.subpage-main,.asset-page{transition:width .42s var(--ease-expo), padding .42s var(--ease-expo)}.sidebar.collapsed{flex-basis:68px!important;width:68px!important}.sidebar-bottom{min-height:40px;transition:min-height .42s var(--ease-expo),padding .42s var(--ease-expo);padding:0 5px;display:block;position:relative}.sidebar-bottom .profile,.sidebar-bottom .credits{width:auto;height:38px;transition:left .42s var(--ease-expo),right .42s var(--ease-expo),top .42s var(--ease-expo),width .42s var(--ease-expo),height .42s var(--ease-expo),transform .42s var(--ease-expo),gap .42s var(--ease-expo);margin:0;display:block;position:absolute}.sidebar-bottom .profile{width:98px;top:50%;left:5px;transform:translateY(-50%)}.sidebar-bottom .credits{width:47px;top:50%;right:5px;transform:translateY(-50%)}.sidebar-bottom .profile-avatar,.sidebar-bottom .profile .sidebar-label,.sidebar-bottom .credits .icon-slot,.sidebar-bottom .credits .sidebar-label{transition:left .42s var(--ease-expo),right .42s var(--ease-expo),top .42s var(--ease-expo),opacity .24s ease,transform .42s var(--ease-expo);position:absolute}.sidebar-bottom .profile-avatar{top:50%;left:0;transform:translateY(-50%)}.sidebar-bottom .profile .sidebar-label{white-space:nowrap;top:50%;left:36px;transform:translateY(-50%)}.sidebar-bottom .credits .icon-slot{top:50%;left:0;transform:translateY(-50%)}.sidebar-bottom .credits .sidebar-label{white-space:nowrap;top:50%;right:0;transform:translateY(-50%)}.sidebar.collapsed .sidebar-bottom{min-height:96px;padding:0}.sidebar.collapsed .sidebar-bottom .credits{width:24px;height:45px;top:21px;right:50%;transform:translate(50%)}.sidebar.collapsed .sidebar-bottom .credits .icon-slot{font-size:21px;top:0;left:50%;transform:translate(-50%)}.sidebar.collapsed .sidebar-bottom .credits .sidebar-label{opacity:1;font-size:12px;line-height:1;display:block;top:30px;left:50%;right:auto;transform:translate(-50%)}.sidebar.collapsed .sidebar-bottom .profile{width:38px;height:38px;top:72px;left:50%;transform:translate(-50%,-50%)}.sidebar.collapsed .sidebar-bottom .profile-avatar{width:38px;height:38px;font-size:11px;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar.collapsed .sidebar-bottom .profile .sidebar-label{opacity:0;pointer-events:none;display:block;top:100%;left:50%;transform:translate(-50%,8px)}.sidebar.collapsed .sidebar-bottom .credits,.sidebar.collapsed .sidebar-bottom .profile{flex-direction:initial;gap:0}@media (max-width:900px){.sidebar.collapsed{flex-basis:68px!important;width:68px!important}.sidebar.collapsed~.main-content,.sidebar.collapsed~.subpage-main,.sidebar.collapsed~.asset-page{width:calc(100vw - 68px)}}.sidebar-bottom{min-height:40px;transition:min-height .42s var(--ease-expo),gap .42s var(--ease-expo),padding .42s var(--ease-expo);justify-content:space-between;align-items:center;gap:8px;padding:0 5px;display:flex;position:relative}.sidebar-bottom .profile,.sidebar-bottom .credits{width:auto;height:auto;transition:transform .42s var(--ease-expo),opacity .24s ease,gap .42s var(--ease-expo);margin:0;position:static;transform:none}.sidebar-bottom .profile-avatar,.sidebar-bottom .profile .sidebar-label,.sidebar-bottom .credits .icon-slot,.sidebar-bottom .credits .sidebar-label{position:static;transform:none}.sidebar-bottom .profile .sidebar-label,.sidebar-bottom .credits .sidebar-label{opacity:1}.sidebar.collapsed .sidebar-bottom{flex-direction:column;justify-content:flex-end;align-items:center;gap:20px;min-height:112px;padding:0 0 8px}.sidebar.collapsed .sidebar-bottom .credits,.sidebar.collapsed .sidebar-bottom .profile{width:auto;height:auto;margin:0;position:static;transform:none}.sidebar.collapsed .sidebar-bottom .credits{flex-direction:column;order:1;gap:6px}.sidebar.collapsed .sidebar-bottom .profile{flex-direction:column;order:2;gap:0}.sidebar.collapsed .sidebar-bottom .credits .sidebar-label{opacity:1;font-size:12px;line-height:1;display:block}.sidebar.collapsed .sidebar-bottom .profile .sidebar-label{opacity:0;width:0;height:0;display:block;overflow:hidden}.sidebar.collapsed .sidebar-bottom .credits .icon-slot{font-size:21px}.sidebar.collapsed .sidebar-bottom .profile-avatar{width:38px;height:38px;font-size:11px}.sidebar.collapsed .sidebar-bottom .credits,.sidebar.collapsed .sidebar-bottom .profile{animation:sidebar-stack-in .42s var(--ease-expo) both}@keyframes sidebar-stack-in{0%{opacity:.35;transform:translateY(10px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.sidebar.collapsed .sidebar-bottom .profile .sidebar-label{display:none!important}.sidebar-bottom .profile,.sidebar-bottom .credits{align-items:center;gap:8px;display:flex}.sidebar.collapsed .sidebar-bottom .profile,.sidebar.collapsed .sidebar-bottom .credits{align-items:center;display:flex}.sidebar.collapsed .sidebar-bottom .profile{flex-direction:column;gap:0}.sidebar.collapsed .sidebar-bottom .credits{flex-direction:column;gap:6px}.sidebar.collapsed .sidebar-bottom{gap:28px;min-height:124px;padding-bottom:10px}.sidebar{padding-top:16px;padding-bottom:15px;transition:width .42s cubic-bezier(.36,.77,0,1),flex-basis .42s cubic-bezier(.36,.77,0,1),padding .42s cubic-bezier(.36,.77,0,1)}.new-project{border-radius:8px;height:36px}.sidebar.collapsed{flex-basis:60px!important;width:60px!important;padding:16px 12px 15px!important}.sidebar.collapsed~.main-content{width:min(1120px,100vw - 60px)!important}.sidebar.collapsed~.subpage-main,.sidebar.collapsed~.asset-page{width:calc(100vw - 60px)!important}body.sidebar-collapsed .sticky-composer{width:min(620px,100vw - 116px);left:calc(50% + 30px)}.sidebar.collapsed .new-project{border-radius:8px!important;width:36px!important;height:36px!important;margin:20px auto!important;padding:0!important}.sidebar.collapsed .primary-nav{gap:2px!important}.sidebar.collapsed .nav-item{border-radius:8px!important;justify-content:center!important;width:36px!important;height:36px!important;margin-inline:auto!important;padding:0!important}.sidebar.collapsed .nav-icon{font-size:19px}.sidebar-bottom{flex-shrink:0;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:0!important;height:39px!important;min-height:39px!important;padding:0!important}.sidebar-bottom .profile,.sidebar-bottom .credits{width:auto!important;height:39px!important;margin:0!important;padding:0!important;animation:none!important;position:static!important;transform:none!important}.sidebar-bottom .profile{flex-direction:row!important;align-items:center!important;gap:8px!important;display:flex!important}.sidebar-bottom .profile-avatar{width:28px!important;height:28px!important;font-size:10px!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.sidebar-bottom .profile .sidebar-label{white-space:nowrap;opacity:1!important;width:auto!important;height:auto!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.sidebar-bottom .credits{color:#ececec;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:2px!important;display:flex!important}.sidebar-bottom .credits .icon-slot{width:20px!important;height:20px!important;color:var(--text-primary)!important;place-items:center!important;font-size:20px!important;display:grid!important;position:static!important;transform:none!important}.sidebar-bottom .credits .icon-slot svg{width:20px;height:20px}.sidebar-bottom .credits .sidebar-label{opacity:1!important;width:auto!important;height:20px!important;font-size:13px!important;line-height:20px!important;display:block!important;position:static!important;transform:none!important}.sidebar.collapsed .sidebar-bottom{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:36px!important;height:99px!important;min-height:99px!important;padding:0!important}.sidebar.collapsed .sidebar-bottom .credits{flex-direction:column!important;flex:0 0 48px!important;order:1!important;justify-content:center!important;align-items:center!important;gap:0!important;width:36px!important;height:48px!important}.sidebar.collapsed .sidebar-bottom .credits .icon-slot{flex:0 0 36px!important;place-items:center!important;width:36px!important;height:36px!important}.sidebar.collapsed .sidebar-bottom .credits .sidebar-label{text-align:center!important;flex:0 0 16px!important;width:36px!important;height:16px!important;font-size:9px!important;line-height:16px!important}.sidebar.collapsed .sidebar-bottom .profile{flex-direction:row!important;flex:0 0 39px!important;order:2!important;justify-content:flex-start!important;align-items:center!important;gap:0!important;width:36px!important;height:39px!important;padding-left:4px!important}.sidebar.collapsed .sidebar-bottom .profile-avatar{flex:0 0 28px!important;width:28px!important;height:28px!important;font-size:10px!important;transform:none!important}.sidebar.collapsed .sidebar-bottom .profile .sidebar-label{opacity:0!important;display:none!important}@media (max-width:900px){.sidebar.collapsed{flex-basis:60px!important;width:60px!important}.sidebar.collapsed~.main-content,.sidebar.collapsed~.subpage-main,.sidebar.collapsed~.asset-page{width:calc(100vw - 60px)!important}}.sidebar-bottom{padding:0 4px 0 0!important}.sidebar.collapsed .sidebar-bottom{padding:0!important}.sidebar.collapsed .sidebar-bottom .credits{justify-content:flex-start!important}.sidebar.collapsed .sidebar-bottom .credits .icon-slot{margin-bottom:-6px!important}.sidebar.collapsed .sidebar-bottom .profile{align-items:flex-start!important;padding-top:4px!important}.sidebar{flex-shrink:0;align-self:flex-start;height:100vh;min-height:100vh;max-height:100vh;position:sticky;top:0;overflow:hidden}.canvas-chat .chat-scroll{flex:auto;min-height:0;overflow-y:auto}.canvas-chat .chat-composer{flex:none}.canvas-topbar{position:relative;overflow:visible}.canvas-menu{z-index:30;flex:none;position:relative}.canvas-menu-trigger{color:#e8e8e8;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s,color .2s;display:inline-flex;position:relative}.canvas-menu-trigger:hover,.canvas-menu-trigger[aria-expanded=true]{background:#343434}.canvas-menu-trigger .canvas-menu-logo,.canvas-menu-trigger .canvas-menu-icon{transition:opacity .15s cubic-bezier(.23,1,.32,1), transform .2s var(--ease-expo);margin:auto;display:block;position:absolute;inset:0}.canvas-menu-trigger .canvas-menu-logo{opacity:1}.canvas-menu-trigger .canvas-menu-icon,.canvas-menu-trigger:hover .canvas-menu-logo,.canvas-menu-trigger[aria-expanded=true] .canvas-menu-logo{opacity:0;transform:scale(.82)}.canvas-menu-trigger:hover .canvas-menu-icon,.canvas-menu-trigger[aria-expanded=true] .canvas-menu-icon{opacity:1;transform:scale(1)}.canvas-menu-panel{opacity:0;transform-origin:0 0;max-height:calc(100vh - 58px);transition:opacity .18s ease, transform .22s var(--ease-expo);position:absolute;top:42px;left:5px;overflow-y:auto;transform:translateY(-8px)scale(.98)}.canvas-menu-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.canvas-title{min-width:0}.canvas-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-topbar{justify-content:flex-start;gap:10px}.canvas-title{flex:0 auto}.canvas-tabs{margin-left:auto}.canvas-account{margin-left:8px}.canvas-topbar{gap:7px;padding-left:9px;padding-right:9px}.canvas-menu{height:26px}.canvas-menu-trigger{border-radius:8px;width:26px;height:26px}.canvas-menu-trigger .lucide{width:18px;height:18px}.canvas-menu-panel{max-height:calc(100vh - 48px);top:30px;left:0}.auth-gate{z-index:200;background:var(--surface-body);color:var(--text-primary);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-card{box-sizing:border-box;border:1px solid var(--line-visible);background:var(--surface-panel);text-align:center;border-radius:26px;width:min(100%,480px);margin:auto;padding:46px 42px 36px;position:relative;box-shadow:0 16px 60px #0000001f}.auth-brand{color:var(--text-primary);letter-spacing:-.045em;justify-content:center;align-items:center;gap:8px;margin-bottom:48px;font-size:26px;font-weight:700;display:flex}.auth-mark{width:32px;height:32px;color:inherit;letter-spacing:-.08em;background:0 0;border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.auth-card h2{color:var(--text-primary);letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,30px);font-weight:500;line-height:1.45}.auth-description{color:var(--text-secondary);margin:16px 0 36px;font-size:14px;line-height:1.7}.auth-description strong{overflow-wrap:anywhere;color:var(--text-primary);font-weight:500;display:block}.auth-card form{gap:14px;display:grid}.auth-language{color:var(--text-secondary);justify-content:flex-end;align-items:center;gap:2px;margin:-28px -24px 18px 30px;display:flex}.auth-card .auth-back{width:32px;height:32px;color:var(--text-secondary);position:absolute;top:18px;left:18px}.auth-code-status{min-height:20px;color:var(--text-secondary);margin:0;font-size:12px}.auth-error{min-height:20px;color:var(--ui-field-error);overflow-wrap:anywhere;margin:16px 0 0;font-size:13px;line-height:1.6}@media (max-width:520px){.auth-gate{padding:16px}.auth-card{padding:38px 24px 28px}.auth-brand{margin-bottom:36px}}@media (max-width:359px){.auth-card{padding-left:18px;padding-right:18px}}.project-cards-dynamic{display:contents}.project-card[data-loading=true]{opacity:.6;pointer-events:none}.project-empty{color:#777;text-align:center;grid-column:1/-1;padding:80px 24px}.save-status{color:#858585;margin-left:8px;font-size:11px}.save-status.is-saving{color:#e6ff73}.save-status.is-error{color:#ff8f87}.canvas-chat .chat-scroll.onboarding-mode{flex-direction:column;padding-top:18px;display:flex}.canvas-onboarding{width:100%;margin:auto 0;padding:8px 0 20px;transform:translateY(-68px)}.canvas-onboarding[hidden],.reference-preview[hidden],.sample-chat-content[hidden]{display:none!important}.onboarding-eyebrow{color:#777;letter-spacing:.18em;margin:0 0 9px;font-size:9px;font-weight:600}.canvas-onboarding h2{color:#ededed;letter-spacing:-.02em;margin:0 0 20px;font-size:17px;font-weight:500}.onboarding-actions{gap:10px;display:grid}.onboarding-action{color:#dcdcdc;cursor:pointer;width:100%;min-width:0;height:40px;transition:background .18s ease, border-color .18s ease, transform .18s var(--ease-expo), color .18s ease;background:0 0;border:1px solid #393939;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font:13px/1 inherit;display:flex;overflow:hidden}.onboarding-action:hover{color:#fff;background:#242424;border-color:#5b5b5b;transform:translateY(-1px)}.onboarding-action:active{transform:translateY(0)}.onboarding-action .onboarding-icon{color:#b5a0ff;flex:none;display:inline-flex}.onboarding-action:nth-child(2) .onboarding-icon{color:#7e9cff}.onboarding-action:nth-child(3) .onboarding-icon{color:#e5a52d}.onboarding-action .lucide{stroke-width:1.8px;width:16px;height:16px}.reference-preview{background:#1d1d1d;border:1px solid #353535;border-radius:12px;grid-template-columns:46px minmax(0,1fr) 24px;align-items:center;gap:10px;margin-top:14px;padding:8px;display:grid}.reference-preview-media{color:#a9a9a9;background:#292929;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.reference-preview-media img{object-fit:cover;width:100%;height:100%}.reference-preview-fallback{display:none}.reference-preview-copy{gap:4px;min-width:0;display:grid}.reference-preview-copy strong,.reference-preview-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-preview-copy strong{color:#e6e6e6;font-size:12px;font-weight:500}.reference-preview-copy span{color:#838383;font-size:10px}.reference-remove{color:#858585;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.reference-remove:hover{color:#f0f0f0;background:#303030}.reference-remove .lucide{width:14px;height:14px}.canvas-view.is-blank-project .canvas-art-main{opacity:0;pointer-events:none;transform:scale(.98)}.canvas-menu-panel.is-open{z-index:120;isolation:isolate;background-color:var(--ui-menu-bg)!important;opacity:1!important;background-image:none!important}.canvas-onboarding{text-align:center}.canvas-topbar{z-index:200}:is(.canvas-view:has(.canvas-menu-panel.is-open) .canvas-onboarding,.canvas-view:has(.canvas-menu-panel.is-open) .reference-preview){visibility:hidden}.chat-composer{background:#1f1f1f;border-color:#ffffff1f;border-radius:24px;justify-content:flex-start;gap:8px;min-height:174px;margin:7px 8px 8px;padding:8px;position:relative;overflow:visible;box-shadow:0 4px 8px -4px #00000014}.chat-composer:focus-within{border-color:#ffffff2e}.chat-composer textarea{field-sizing:content;scrollbar-width:thin;scrollbar-color:#555 transparent;color:#ededed;background:0 0;border:0;border-radius:0;flex:none;width:100%;height:auto;min-height:48px;max-height:min(180px,30dvh);margin:0;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.8;display:block;overflow:hidden auto}.chat-composer textarea:focus,.chat-composer textarea:focus-visible{box-shadow:none;outline:none}.chat-composer textarea::placeholder{color:#777}.composer-reference{flex-direction:column;flex:none;justify-content:center;align-self:flex-start;align-items:center;width:56px;height:68px;margin:0;line-height:1.1;background:var(--ui-field-bg-hover)!important;color:var(--ui-menu-muted)!important;border-radius:16px!important;gap:4px!important;padding:0!important;font-size:11px!important;display:flex!important}.composer-reference:hover{background:var(--ui-field-bg-active)!important;color:var(--text-primary)!important}.composer-reference .lucide{width:16px;height:16px}.composer-reference img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.composer-reference img:not([hidden])~#composerReferenceLabel{display:none}.composer-reference:has(img:not([hidden]))>.icon-slot{display:none}.composer-controls{flex:none;align-items:center;width:100%;min-width:0;min-height:32px;gap:3px!important;display:flex!important}.composer-control-button{white-space:nowrap;align-items:center;min-width:0;height:32px;overflow:hidden;color:var(--ui-menu-text)!important;border-radius:17px!important;gap:5px!important;padding:0 7px!important;display:inline-flex!important}.composer-control-button:hover,.composer-control-button[aria-expanded=true]{background:var(--nav-active)!important;color:var(--ui-menu-text)!important}.composer-control-button>span:not(.icon-slot){text-overflow:ellipsis;overflow:hidden}.composer-control-button .lucide{flex:none;width:16px;height:16px}.composer-type-trigger{flex:0 0 90px}.composer-type-trigger>span:nth-child(2){flex:none}.composer-settings-trigger{flex:0 0 118px}.composer-model-trigger{flex:0 113px}.composer-send{flex:0 0 42px;place-items:center;margin-left:auto;transition:background .18s,color .18s,transform .18s;background:var(--action-bg)!important;width:42px!important;height:32px!important;color:var(--action-text)!important;border-radius:16px!important;padding:0!important;display:grid!important}.composer-send:hover{transform:translateY(-1px);background:var(--action-hover)!important;color:var(--action-text)!important}.composer-send:disabled{opacity:.45;cursor:wait;transform:none}.composer-send .lucide{width:17px;height:17px}.chat-composer .composer-popover{z-index:500;opacity:0;transform-origin:0 100%;gap:0;transition:opacity .16s,transform .18s cubic-bezier(.22,1,.36,1);position:fixed;transform:translateY(7px)scale(.985);display:grid!important}.composer-popover:not([hidden]){opacity:1;transform:translateY(0)scale(1)}.composer-popover[hidden]{display:none!important}.chat-composer .composer-settings-popover{max-height:min(480px,100vh - 22px);overflow:auto}.composer-popover-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.composer-popover-heading h2{margin:0;font-size:14px;font-weight:500}.composer-popover-heading button{place-items:center;width:28px;height:28px;border-radius:50%!important;display:grid!important}.composer-popover-heading button:hover{background:var(--ui-menu-hover)!important}.composer-popover-heading .lucide{width:16px;height:16px}.composer-popover fieldset{border:0;min-width:0;margin:0;padding:0}.composer-popover legend{color:#d7d7d7;margin-bottom:10px;font-size:14px}.composer-popover legend .lucide{vertical-align:-2px;color:#777;width:14px;height:14px}.composer-choice-row{grid-template-columns:repeat(4,1fr);gap:8px!important;display:grid!important}.composer-size-fields{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:start;gap:0!important;display:grid!important}.composer-dimension-field{min-width:0}.composer-ratio-lock{color:#aaa;border:0;place-items:center;width:32px;height:32px;background:0 0!important;border-radius:8px!important;display:grid!important}.composer-ratio-lock:hover{color:#ededed}.composer-ratio-lock[aria-pressed=true]{color:#84adff}.composer-ratio-lock:disabled{opacity:.4;cursor:default}.composer-ratio-lock .lucide{width:14px;height:14px;color:inherit;transform:rotate(90deg)}.composer-field-error{color:#ff958e;margin:7px 0 0;font-size:11px}.composer-ratio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;display:grid!important}.composer-ratio{place-items:center;min-height:72px;line-height:12px;color:var(--ui-menu-text)!important;background:0 0!important;border:1px solid #353535!important;border-radius:12px!important;gap:4px!important;padding:8px!important;font-size:12px!important;display:grid!important}.composer-ratio:hover,.composer-ratio[aria-pressed=true]{border-color:var(--text-primary)!important;background:var(--surface-raised)!important}.composer-ratio-mark{border:1.5px solid;border-radius:4px;width:20px;height:20px;display:block}.composer-ratio[data-ratio="3:2"] .composer-ratio-mark,.composer-ratio[data-ratio="4:3"] .composer-ratio-mark,.composer-ratio[data-ratio="16:9"] .composer-ratio-mark,.composer-ratio[data-ratio="16:9(2k)"] .composer-ratio-mark,.composer-ratio[data-ratio="16:9(4k)"] .composer-ratio-mark{width:29px;height:20px}.composer-ratio[data-ratio="2:3"] .composer-ratio-mark,.composer-ratio[data-ratio="3:4"] .composer-ratio-mark,.composer-ratio[data-ratio="9:16"] .composer-ratio-mark,.composer-ratio[data-ratio^="9:16("] .composer-ratio-mark{width:18px;height:28px}.composer-ratio[data-ratio=auto] .composer-ratio-mark{border-style:dashed}.composer-count-hint,.composer-setting-hint{color:#777;margin:9px 0 0;font-size:11px}.composer-count-setting{margin-top:18px!important}@media (max-width:680px){.chat-composer{min-height:144px;margin:7px 8px 8px}.composer-settings-popover{max-height:calc(100vh - 18px)}}@media (prefers-reduced-motion:reduce){.composer-popover,.composer-send{transition:none}}.chat-composer .composer-settings-popover{max-height:min(480px,100vh - 16px)}.composer-settings-popover .composer-popover-heading{margin-bottom:10px}.composer-settings-popover .composer-popover-heading h2{letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:20px}.composer-settings-popover fieldset+fieldset{margin-top:16px}.composer-settings-popover legend{color:#e0e0e0;margin-bottom:11px;font-size:14px;font-weight:400;line-height:18px}.composer-settings-popover legend .lucide{color:#777;width:13px;height:13px}.composer-settings-popover .composer-choice-row,.composer-settings-popover .composer-ratio-grid{gap:8px!important}.composer-settings-popover .composer-ratio{min-height:72px;border-color:var(--line)!important;color:var(--ui-menu-text)!important;background:0 0!important;border-radius:12px!important;font:12px/16px Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif!important}.composer-settings-popover .composer-ratio:hover,.composer-settings-popover .composer-ratio[aria-pressed=true]{border-color:var(--text-primary)!important;background:0 0!important}.composer-settings-popover .composer-ratio-mark{border-width:1.5px;border-radius:3px;width:14px;height:14px}.composer-settings-popover .composer-ratio[data-ratio="3:2"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio="4:3"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio="16:9"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio="16:9(2k)"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio="16:9(4k)"] .composer-ratio-mark{width:22px;height:14px}.composer-settings-popover .composer-ratio[data-ratio="2:3"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio="3:4"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio="9:16"] .composer-ratio-mark,.composer-settings-popover .composer-ratio[data-ratio^="9:16("] .composer-ratio-mark{width:11px;height:20px}.composer-settings-popover .composer-count-setting{margin-top:16px!important}:root{--surface-body:#141414;--surface-canvas:#1a1a1a;--surface-panel:#1f1f1f;--surface-raised:#252525;--line-soft:#ffffff14;--line-visible:#ffffff24;--text-primary:#f5f4ef;--text-secondary:#f5f4efad;--text-tertiary:#f5f4ef6b}html{background:var(--surface-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--surface-body);color:var(--text-primary);font-feature-settings:"kern", "liga";text-rendering:optimizelegibility}body:before{opacity:.055;background-size:96px 96px;-webkit-mask-image:linear-gradient(#0000006b,#0000 64%);mask-image:linear-gradient(#0000006b,#0000 64%)}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #e4ff78db}.sidebar{border-right-color:var(--line-soft);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#161616}.sidebar:after{opacity:.45}.main-content,.subpage-main,.asset-page{background:var(--surface-body)}.main-content:before{color:var(--text-tertiary)}.subpage-main{padding-top:32px}.subpage-head h1,.title-with-icon h1,.asset-library-list h1{color:var(--text-primary);font-weight:500}.project-create-card,.project-card .project-thumb,.asset-kit-card{border-color:var(--line-visible);border-radius:12px}.project-create-card{background:linear-gradient(145deg,#ffffff09,#ffffff03)}.project-card-title{color:var(--text-primary);font-size:13px}.project-card-date{color:var(--text-tertiary)}.skills-toolbar,.filter-row,.skill-category-tabs button,.source-chip,.pill{border-color:var(--line-soft)}.skill-category-tabs button.active,.source-chip.active{background:#303030}.asset-page{background:var(--surface-body)}.asset-library-list,.asset-editor{border-color:var(--line-soft)}.asset-kit-card,.asset-upload,.guide-input{background:var(--surface-panel)}.canvas-view{background:var(--surface-canvas)}.canvas-topbar{border-bottom-color:var(--line-soft);background:#161616}.canvas-chat{border-right-color:var(--line-soft);background:#161616}.canvas-stage{background-color:var(--surface-canvas);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}.canvas-bottom-tools{border-color:var(--line-visible);box-shadow:0 16px 32px #00000038,inset 0 1px #ffffff06}.chat-title{border-bottom-color:var(--line-soft)}.chat-scroll{color:var(--text-secondary)}.canvas-bottom-tools{background:#1f1f1ff0;border-radius:12px}.canvas-zoom{color:var(--text-tertiary)}.hero-section h1{color:var(--text-primary)}.prompt-box,.featured-card{border-color:var(--line-visible)}.prompt-box{background:linear-gradient(145deg,#252525f0,#181818f5)}.card-image,.project-thumb{border:1px solid var(--line-soft)}.card-image:after{opacity:.42}@media (max-width:680px){.subpage-main{padding-top:24px}.canvas-stage{background-size:36px 36px}}.canvas-stage{isolation:isolate;display:block}.canvas-viewport{cursor:default;position:absolute;inset:0;overflow:hidden}.canvas-board{width:1400px;height:1000px;transform:translate(-50%,-50%) scale(var(--canvas-scale,.29));transform-origin:50%;background:#1b1b1b;border:1px solid #ffffff14;outline:none;position:absolute;top:50%;left:50%;box-shadow:0 30px 90px #00000070}.canvas-board:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.canvas-elements{position:absolute;inset:0}.canvas-element{cursor:grab;transform-origin:50%;background:#242424;border:0;border-radius:2px;padding:0;transition:box-shadow .18s,outline-color .18s;position:absolute;box-shadow:0 16px 32px #00000047}.canvas-element:active{cursor:grabbing}.canvas-element img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.canvas-element.is-selected{outline:2px solid var(--lime);outline-offset:5px;box-shadow:0 0 0 1px #e4ff7859,0 20px 44px #0000006b}.canvas-resize-handle{background:var(--lime);cursor:nwse-resize;border:2px solid #161616;border-radius:50%;width:16px;height:16px;display:none;position:absolute;bottom:-9px;right:-9px}.canvas-element.is-selected .canvas-resize-handle{display:block}.canvas-empty-state{color:#777;letter-spacing:.08em;pointer-events:none;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty-state[hidden]{display:none}.canvas-selection-toolbar{z-index:8;background:#242424;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 10px 26px #00000059}.canvas-selection-toolbar[hidden]{display:none}.canvas-selection-toolbar button,.canvas-zoom button{color:#c8c8c8;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.canvas-selection-toolbar button:hover,.canvas-zoom button:hover{color:#fff;background:#373737}.canvas-selection-toolbar button:last-child:hover{color:#ff8f8f}.canvas-selection-toolbar .lucide,.canvas-zoom .lucide{width:15px;height:15px}.canvas-bottom-tools button.is-active{background:#383838}.canvas-minimap{z-index:10;cursor:crosshair;touch-action:none;background:#1f1f1f;border:1px solid #ffffff14;border-radius:10px;width:200px;height:132px;padding:0;position:absolute;bottom:52px;right:8px;overflow:hidden}.canvas-minimap:focus-visible{outline-offset:2px;outline:1px solid #777}.canvas-minimap:active{cursor:grabbing}.canvas-minimap-shape{fill:#383838}.canvas-minimap-shape.is-pending{fill:#3c3c3c}.canvas-minimap-viewport{fill:#ffffff04;stroke:#696969;stroke-width:1px;cursor:grab}.canvas-minimap-content{background:#202020;border:1px solid #ffffff1a;width:100%;height:100%;position:relative;overflow:hidden}.canvas-minimap-item{background:#e4ff7840;border:1px solid #e4ff78c7;min-width:2px;min-height:2px;display:block;position:absolute}.canvas-zoom{gap:5px}.canvas-zoom>span:not([role=separator]){justify-content:center;min-width:34px;margin-left:7px}.canvas-zoom>span:last-child{color:#b9b9b9;font-size:12px}.sample-chat-content{flex-direction:column;gap:12px;padding-bottom:12px;display:flex}.sample-chat-content[hidden]{display:none}.chat-generation-card{padding:8px 0 2px}.chat-generation-meta{color:#858585;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.chat-generation-meta>span:first-child{color:#bdbdbd;align-items:center;gap:6px;display:inline-flex}.chat-generation-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #e4ff7880}.chat-thumb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.chat-result-thumb{aspect-ratio:1;cursor:pointer;background:#252525;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:0;position:relative;overflow:hidden}.chat-result-thumb:hover{border-color:#e4ff78cc}.chat-result-thumb img{object-fit:cover;width:100%;height:100%;display:block}.generation-progress{color:#999;margin:0;padding:8px 0 2px;font-size:12px}.generation-progress[data-state=success]{color:#bfcf9b}.generation-progress[data-state=error]{color:#e89999}@media (max-width:900px){.canvas-minimap{transform-origin:100% 100%;bottom:61px;right:10px;transform:scale(.82)}.canvas-board{transform:translate(-50%,-50%) scale(calc(var(--canvas-scale,.29) * .82))}}.canvas-view .canvas-stage{isolation:isolate;background-color:#151515;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:42px 42px;display:block;position:relative;overflow:clip}.canvas-view .canvas-world-pan{pointer-events:none;z-index:2;width:1400px;height:1000px;position:absolute}.canvas-view .canvas-world-layer{transform-origin:50%;pointer-events:none;will-change:transform;position:absolute;inset:0}.canvas-view .canvas-world-layer .canvas-world-image{pointer-events:auto}.canvas-view .canvas-art-main.canvas-world-image{aspect-ratio:1;object-fit:contain;transform-origin:50%;z-index:1;background:0 0;border:1px solid #ffffff14;border-radius:2px;width:420px;max-width:none;height:420px;margin:0;transition:none;position:absolute;top:50%;left:calc(50% - 215px);box-shadow:0 24px 54px #0000004d}.canvas-view .canvas-art-main.canvas-world-image:before,.canvas-view .canvas-art-main.canvas-world-image:after{content:none}.canvas-view .canvas-art-main.canvas-world-image:nth-of-type(2){left:calc(50% + 215px)}.canvas-view .canvas-art-main.canvas-world-image:nth-of-type(n+3){top:calc(50% + 215px)}.canvas-view .canvas-empty-state{z-index:1}.canvas-view .canvas-bottom-tools,.canvas-view .canvas-zoom{z-index:10;gap:4px;bottom:8px;right:8px}.canvas-view .canvas-zoom button{place-items:center;display:grid}.canvas-view .canvas-stage{touch-action:none;overscroll-behavior:contain}.canvas-view .canvas-stage:focus{outline:none}.canvas-view button:focus-visible,.canvas-view a:focus-visible{outline-offset:2px;outline:2px solid #ffffff7a}.canvas-view .chat-composer textarea:focus,.canvas-view .chat-composer textarea:focus-visible{outline:none}.canvas-view .canvas-menu-panel{max-height:calc(100vh - 48px)}.canvas-view .chat-thumb-grid .chat-result-thumb{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.canvas-view .canvas-art-main.canvas-world-image{cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.canvas-view .canvas-art-main.canvas-world-image:active{cursor:default}.canvas-view .canvas-art-main.canvas-world-image.is-selected{outline:none;box-shadow:0 24px 54px #0000006b}.canvas-view .chat-thumb-grid{grid-template-columns:repeat(2,116px);gap:7px;width:239px}.canvas-view .chat-thumb-grid .chat-result-thumb{aspect-ratio:1;width:116px;height:116px}.canvas-view .chat-composer,.canvas-view .composer-control-button,.canvas-view .composer-send{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.canvas-view .composer-controls{align-items:center;gap:3px!important}.canvas-view .composer-control-button{letter-spacing:0;height:32px;min-height:32px;font-weight:400;line-height:20px;transition:background .16s,color .16s;color:var(--ui-menu-text)!important;background:0 0!important;border-radius:16px!important;gap:6px!important;padding:0 8px!important;font-size:13px!important}.canvas-view .composer-control-button .lucide{stroke-width:1.8px;width:18px;height:18px}.canvas-view .composer-control-button>svg:not(.lucide){flex:0 0 18px;width:18px;height:18px}.canvas-view .composer-model-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.canvas-view .composer-chevron{transform-origin:50%;flex:0 0 16px;transition:transform .18s cubic-bezier(.2,.8,.2,1);transform:rotate(0)}.canvas-view .composer-chevron.is-open{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.canvas-view .composer-chevron{transition:none}}.canvas-view .composer-control-button:hover,.canvas-view .composer-control-button[aria-expanded=true]{background:var(--nav-active)!important;color:var(--ui-menu-text)!important}.canvas-view .composer-type-trigger{flex:0 0 90px}.canvas-view .composer-settings-trigger{flex:0 0 118px}.canvas-view .composer-model-trigger{flex:auto;min-width:0}.canvas-view .composer-send{flex:0 0 48px;justify-content:center;align-items:center;min-height:32px;margin-left:auto;font-size:13px;font-weight:500;line-height:20px;transition:background .16s,color .16s,transform .16s;box-shadow:0 1px 1px #0000001f;background:var(--action-bg)!important;width:48px!important;height:32px!important;color:var(--action-text)!important;border-radius:16px!important;gap:5px!important;padding:0 8px!important;display:inline-flex!important}.canvas-view .composer-send:hover{transform:translateY(-1px);background:var(--action-hover)!important;color:var(--action-text)!important}.canvas-view .composer-send .lucide{stroke-width:2.2px;width:16px;height:16px}.canvas-view .composer-send-cost{line-height:20px}.canvas-view .chat-composer .composer-popover{transform-origin:0 100%}.canvas-view .chat-composer .composer-settings-popover{transform-origin:bottom}@media (max-width:680px){.canvas-view .composer-type-trigger{flex-basis:80px}.canvas-view .composer-settings-trigger{flex-basis:116px}.canvas-view .composer-send{flex-basis:48px;width:48px!important}}.canvas-view .composer-settings-popover legend{align-items:center;gap:6px;display:flex}.canvas-view .composer-settings-popover .composer-info-trigger{cursor:help;flex:0 0 18px;place-items:center;width:18px;height:18px;position:relative;color:var(--ui-menu-muted)!important;background:0 0!important;border:0!important;border-radius:50%!important;padding:0!important;display:inline-grid!important}.canvas-view .composer-settings-popover .composer-info-trigger:hover,.canvas-view .composer-settings-popover .composer-info-trigger:focus-visible{outline:none;color:var(--text-primary)!important}.canvas-view .composer-settings-popover .composer-info-trigger .lucide{color:currentColor;width:15px;height:15px;vertical-align:initial;display:block}.canvas-view .composer-info-tooltip-portal{z-index:1000;box-sizing:border-box;color:#f5f5f5;text-align:left;white-space:normal;pointer-events:none;background:#000;border-radius:8px;width:304px;max-width:calc(100vw - 24px);padding:10px 12px;font:400 14px/22px Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;animation:.14s both composer-info-tooltip-in;position:fixed;transform:translate(-50%,-100%)}@keyframes composer-info-tooltip-in{0%{opacity:0;transform:translate(-50%,calc(5px - 100%))}to{opacity:1;transform:translate(-50%,-100%)}}@media (prefers-reduced-motion:reduce){.canvas-view .composer-info-tooltip-portal{animation:none}}.canvas-view .chat-history-message{border-bottom:1px solid #ffffff0f;padding:9px 0 11px}.canvas-view .chat-history-message:last-child{border-bottom:0}.canvas-view .chat-user-copy,.canvas-view .chat-assistant-copy{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.canvas-view .chat-user-copy{color:#ededed;font-size:13px;line-height:1.55}.canvas-view .chat-assistant-copy{color:#aaa;margin:2px 0 8px;font-size:12px;line-height:1.45}.canvas-view .chat-history-message-user{border-left:2px solid #e4ff78b3;padding-left:10px}.canvas-view .chat-history-message-assistant .chat-thumb-grid{margin-top:8px}.canvas-view .chat-history-message-assistant .chat-result-thumb{object-fit:cover;width:116px;height:116px;display:block}.canvas-view .chat-history-message-assistant .chat-generation-meta{margin-bottom:4px}.canvas-view .generation-history{gap:28px;padding:8px 0 20px}.canvas-view .generation-result{min-width:0}.canvas-view .generation-references{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.canvas-view .generation-reference-thumb{object-fit:cover;background:#252525;border-radius:4px;width:20px;height:24px;display:block}.canvas-view .generation-result-heading{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.canvas-view .generation-result-prompt{color:#ededed;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:400;line-height:1.6}.canvas-view .generation-result-details{color:#999;white-space:nowrap;align-items:center;gap:4px;font-size:12px;line-height:1.6;display:inline-flex}.canvas-view .generation-result-details svg{flex:0 0 12px}.canvas-view .generation-result-images{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.canvas-view .generation-result-thumb{object-fit:cover;background:#252525;border:0;border-radius:4px;width:86px;height:100px;display:block}.canvas-view .generation-result-placeholder{background:#303030;border-radius:4px;width:86px;height:100px;position:relative;overflow:hidden}.canvas-view .generation-result-placeholder:after{content:"";background:linear-gradient(90deg,#0000,#ffffff09,#ffffff0f,#0000);animation:1.8s ease-in-out infinite generation-placeholder-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes generation-placeholder-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.canvas-view .generation-result-placeholder:after{animation:none;transform:none}}.canvas-view .generation-result-status{color:#999;margin:10px 0 0;font-size:12px}.canvas-view .generation-result-status.is-error{color:#e67d79}.canvas-view .generation-result-actions{align-items:center;gap:8px;margin:16px 0 0 -4px;padding-top:4px;display:flex}.canvas-view .generation-result-actions .ui-icon-button{color:#969696;background:0 0;border:0;border-radius:6px;width:24px;min-width:24px;height:24px;padding:4px;position:relative}.canvas-view .generation-result-actions .ui-icon-button:hover:not(:disabled),.canvas-view .generation-result-actions .ui-icon-button:focus-visible{color:#ededed;background:#292929}.canvas-view .generation-result-actions .ui-icon-button[aria-pressed=true]{color:#ededed}.canvas-view .generation-result-actions .ui-icon-button[aria-pressed=true] svg{fill:currentColor}.canvas-view .generation-result-actions .ui-icon-button:disabled{opacity:.35;cursor:default}.canvas-view .generation-result-actions [data-tooltip]:after{content:attr(data-tooltip);z-index:20;color:#eee;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#080808;border-radius:7px;width:max-content;max-width:240px;padding:6px 10px;font-size:12px;line-height:1.5;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 12px #0003}.canvas-view .generation-result-actions [data-tooltip]:hover:after,.canvas-view .generation-result-actions [data-tooltip]:focus-visible:after{opacity:1;visibility:visible}.canvas-view{--canvas-chat-width:400px;--canvas-menu-slot:52px}.canvas-view .canvas-topbar{grid-template-columns:var(--canvas-menu-slot) calc(var(--canvas-chat-width) - var(--canvas-menu-slot)) minmax(0, 1fr) auto;justify-content:initial;grid-template-rows:40px;gap:0;padding:0;display:grid}.canvas-view .canvas-menu{width:var(--canvas-menu-slot);z-index:30;grid-area:1/1;justify-content:center;align-items:center;height:40px;display:flex}.canvas-view .canvas-menu-trigger{width:36px;height:36px}.canvas-view .canvas-title{grid-area:1/2;grid-template-columns:minmax(0,1fr) 16px 30px 30px;align-items:center;gap:6px;min-width:0;height:40px;padding:0 8px 0 0;display:grid}.canvas-view .canvas-project-title,.canvas-view .canvas-project-title-editor{box-sizing:border-box;color:#f2f2f2;text-align:left;width:100%;min-width:0;max-width:207px;height:24px;box-shadow:none;border:0;border-radius:8px;grid-area:1/1;justify-content:flex-start;justify-self:start;align-items:center;margin:0;padding:0 6px;font:500 13px/20px Inter,ui-sans-serif,system-ui,sans-serif;display:flex;transform:none}.canvas-view .canvas-project-title{cursor:text;background:0 0}.canvas-view .canvas-project-title:hover,.canvas-view .canvas-project-title-editor{background:#2a2a2a}.canvas-view .canvas-project-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font:inherit;text-align:left;overflow:hidden}.canvas-view .canvas-project-title-editor{overflow:hidden}.canvas-view .canvas-project-title-input,.canvas-view .canvas-project-title-input:focus,.canvas-view .canvas-project-title-input:focus-visible{width:100%;min-width:0;height:20px;color:inherit;font:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0}.canvas-view .canvas-project-title-chevron{grid-area:1/2;justify-self:center}.canvas-view .chat-maximize-toggle{grid-area:1/3}.canvas-view .topbar-chat-toggle{grid-area:1/4}.canvas-view .chat-maximize-toggle,.canvas-view .topbar-chat-toggle{color:#d2d2d2;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .18s,color .18s;display:inline-flex;transform:none}.canvas-view .chat-maximize-toggle:hover,.canvas-view .chat-maximize-toggle.is-active,.canvas-view .topbar-chat-toggle:hover{color:#fff;background:#303030}.canvas-view .chat-maximize-toggle .lucide,.canvas-view .topbar-chat-toggle .lucide{width:18px;height:18px}.canvas-view .canvas-tabs{grid-area:1/3;justify-self:end;margin:0}.canvas-view .canvas-account{grid-area:1/4;margin:0;padding:0 8px}.canvas-view .canvas-body{grid-template-columns:var(--canvas-chat-width) minmax(0, 1fr);display:grid;position:relative}.canvas-view .canvas-chat{min-width:0;overflow:hidden}.canvas-view .canvas-topbar.chat-topbar-maximized{grid-template-columns:var(--canvas-menu-slot) minmax(0, 1fr) auto auto}.canvas-view .canvas-body.chat-is-maximized{background:#161616;grid-template-columns:minmax(0,1fr)}.canvas-view .canvas-body.chat-is-maximized .canvas-chat{border:0;border-radius:0;justify-self:center;width:min(720px,100%);height:100%;margin:0;position:relative}.canvas-view .canvas-body.chat-is-maximized .canvas-stage{display:none}.canvas-view .canvas-topbar.chat-topbar-collapsed{grid-template-columns:var(--canvas-menu-slot) 36px minmax(0, 1fr) auto}.canvas-view .canvas-topbar.chat-topbar-collapsed .canvas-title{grid-template-columns:30px;padding:0}.canvas-view .canvas-topbar.chat-topbar-collapsed .topbar-chat-toggle{grid-column:1}.canvas-view .canvas-body.chat-is-collapsed{grid-template-columns:0 minmax(0,1fr)}.canvas-view .canvas-body.chat-is-collapsed .canvas-chat{visibility:hidden;pointer-events:none;border:0;width:0}@media (max-width:900px){.canvas-view{--canvas-chat-width:340px}}@media (max-width:680px){.canvas-view{--canvas-chat-width:min(360px, 100vw)}.canvas-view .canvas-topbar,.canvas-view .canvas-topbar.chat-topbar-maximized{grid-template-columns:var(--canvas-menu-slot) minmax(0, 1fr) auto}.canvas-view .canvas-topbar.chat-topbar-collapsed{grid-template-columns:var(--canvas-menu-slot) 36px minmax(0, 1fr) auto}.canvas-view .canvas-tabs{display:none}.canvas-view .canvas-account{grid-column:3;padding:0 4px;display:flex}.canvas-view .chat-topbar-collapsed .canvas-account{grid-column:4}.canvas-view .canvas-account>span,.canvas-view .canvas-account>button:last-child{display:none}.canvas-view .canvas-body{display:block}.canvas-view .canvas-body.chat-is-maximized{display:grid}}.project-card:hover{transform:none}.project-card-heading{align-items:center;gap:8px;min-width:0;margin:10px 0 0 5px;display:flex}.project-card-heading .project-card-title{flex:1;min-width:0;margin:0;font-size:14px;line-height:24px;text-decoration:none}.project-card-date{margin-top:3px}.recent-project-row{border-radius:8px;align-items:center;gap:4px;min-width:0;padding:4px 6px 4px 8px;display:flex}.recent-project-row:hover,.recent-project-row:focus-within{background:#2b2b2b}.recent-project-row:has(.project-actions.is-open){background:#2b2b2b}.recent-project-link{text-overflow:ellipsis;white-space:nowrap;color:#e5e5e5;flex:1;min-width:0;padding:4px 0;text-decoration:none;display:block;overflow:hidden}.project-actions{flex:none;align-items:center;display:flex}.project-actions .project-actions-trigger,.recent-list .project-actions-trigger{opacity:0;pointer-events:none;transition:opacity .12s,color .12s}.project-actions-trigger .lucide{width:16px;height:16px}.project-card:hover .project-actions-trigger,.project-card:focus-within .project-actions-trigger,.recent-project-row:hover .project-actions-trigger,.recent-project-row:focus-within .project-actions-trigger,.project-actions.is-open .project-actions-trigger,.project-actions-trigger:focus-visible{opacity:1;pointer-events:auto}.project-actions-menu{z-index:400;max-width:calc(100vw - 16px);animation:.12s project-menu-in;position:fixed}.project-action-error{color:#ff8e82;overflow-wrap:anywhere;margin:8px 6px;font-size:12px;line-height:1.5}.project-rename-dialog{color:#eee;width:min(380px,100vw - 32px);font:inherit;background:#1f1f1f;border:1px solid #363636;border-radius:16px;padding:24px;box-shadow:0 24px 64px #0006}.project-rename-dialog::backdrop{background:#00000080}.project-rename-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.project-rename-heading h2{margin:0;font-size:17px;font-weight:500;line-height:24px}.project-rename-dialog label{color:#aaa;margin:0 0 8px;font-size:13px;display:block}.project-rename-footer{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}@keyframes project-menu-in{0%{opacity:0}to{opacity:1}}@media (hover:none){.project-actions .project-actions-trigger{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.project-actions-menu{animation:none}.project-actions-trigger{transition:none}}.canvas-view .canvas-page-tab{box-sizing:border-box;color:#efefef;white-space:nowrap;background:#303030;border-radius:8px;align-items:center;gap:7px;height:32px;padding:0 14px;font-size:12px;line-height:1;display:inline-flex}.canvas-view .canvas-page-tab .lucide{stroke-width:1.8px;width:16px;height:16px}.canvas-view .reference-strip-shell{flex:0 0 68px;width:100%;min-width:0;position:relative}.canvas-view .reference-strip{box-sizing:border-box;scrollbar-width:none;overscroll-behavior-x:contain;align-items:center;gap:8px;width:100%;min-width:0;height:68px;padding:0 2px 2px;display:flex;overflow:auto hidden}.canvas-view .reference-strip::-webkit-scrollbar{display:none}.canvas-view .reference-thumb{background:#292929;border-radius:16px;flex:0 0 108px;width:108px;height:68px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.canvas-view .reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.canvas-view .reference-image-preview{width:100%;height:100%}.canvas-view .reference-image-preview-status{border-radius:inherit;width:100%;height:100%;color:var(--text-secondary);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;font-size:11px;display:flex}.canvas-view .reference-thumb-remove{color:#f1f1f1;opacity:0;cursor:pointer;background:#141414e6;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;transition:opacity .15s,transform .15s,background .15s;display:grid;position:absolute;top:8px;right:8px;transform:scale(.9)}.canvas-view .reference-thumb:hover .reference-thumb-remove,.canvas-view .reference-thumb:focus-within .reference-thumb-remove{opacity:1;transform:scale(1)}.canvas-view .reference-thumb-remove:hover{background:#303030}.canvas-view .reference-thumb-remove .lucide{width:14px;height:14px}.canvas-view .reference-strip .composer-reference{flex:0 0 68px;width:68px;height:68px;margin:0;border-radius:16px!important}.canvas-view .reference-strip-nav{z-index:2;color:#171717;cursor:pointer;background:#f8f8f8f5;border:1px solid #0000001f;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:18px;box-shadow:0 2px 7px #0003}.canvas-view .reference-strip-nav.is-left{left:8px;transform:rotate(180deg)}.canvas-view .reference-strip-nav.is-right{right:8px}.canvas-view .reference-strip-nav .lucide{stroke-width:2px;width:18px;height:18px}.canvas-view .canvas-stage.is-reference-picking .canvas-world-image{cursor:crosshair}.canvas-view .canvas-stage.is-reference-picking .canvas-world-image:hover{outline-offset:5px;filter:brightness(1.08);outline:2px solid #e4ff78e6}.composer-count-setting .composer-choice-row{grid-template-columns:repeat(5,minmax(0,1fr))}.canvas-generation-placeholder{pointer-events:auto;cursor:default;touch-action:none;background:#303030;border-radius:2px;position:absolute;overflow:hidden}.canvas-generation-placeholder:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff13 50%,#0000 100%);animation:1.8s ease-in-out infinite canvas-generation-shimmer;position:absolute;inset:0;transform:translate(-100%)}.canvas-generation-placeholder.is-selected{outline-offset:2px;outline:2px solid #929292}.canvas-generation-placeholder:active{cursor:default}.canvas-generation-label{color:#999;white-space:nowrap;transform-origin:bottom;pointer-events:none;background:#0000002e;border-radius:20px;padding:5px 13px;font-size:13px;line-height:20px;display:block;position:absolute;left:50%}@keyframes canvas-generation-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.canvas-generation-placeholder:before{animation:none;transform:none}}.canvas-view .reference-upload .reference-image-preview img{opacity:.38}.canvas-view .reference-upload-overlay{color:#f2f2f2;background:#14141433;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex;position:absolute;inset:0}.canvas-view .reference-upload-overlay button{color:#f2f2f2;cursor:pointer;background:#444;border:0;border-radius:8px;padding:2px 10px;font-size:11px}.canvas-view .reference-upload .reference-thumb-remove{z-index:2;top:4px;right:4px}.canvas-view .reference-upload-spinner{width:16px;height:16px;animation:1.1s linear infinite reference-upload-spin}.canvas-view .reference-upload-error{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes reference-upload-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.canvas-view .reference-upload-spinner{animation:none}}.auth-submit{width:100%;margin-top:4px}.auth-resend{justify-self:center;margin-top:4px}.project-rename-footer .ui-button{min-width:64px}.canvas-view .generation-result-placeholder.is-error:after,.canvas-generation-placeholder.is-error:before{content:none}.canvas-generation-label:has(.canvas-image-retry){pointer-events:auto}.canvas-image-retry{color:inherit;font:inherit;white-space:nowrap;background:0 0;padding:0;display:block}.canvas-view .canvas-page-navigation{grid-area:1/3;justify-self:end;align-items:center;gap:4px;min-width:0;max-width:100%;padding:0 6px;display:flex}.canvas-page-navigation>.ui-icon-button{flex-shrink:0}@media (max-width:680px){.canvas-view .canvas-topbar{flex-basis:80px;grid-template-rows:40px 40px;height:80px}.canvas-view .canvas-page-navigation{border-top:1px solid var(--line-soft);grid-area:2/1/auto/-1;justify-self:stretch}}.canvas-import-reading{z-index:15;color:var(--muted);font-size:13px;position:absolute;top:16px;left:16px}.canvas-view .canvas-stage.is-hand-mode,.canvas-view .canvas-stage.is-hand-mode .canvas-world-image,.canvas-view .canvas-stage.is-hand-mode .canvas-generation-placeholder,.canvas-view .canvas-stage.is-hand-mode [data-canvas-import]{cursor:grab}.canvas-view .canvas-stage.is-hand-mode.is-panning,.canvas-view .canvas-stage.is-hand-mode.is-panning *{cursor:grabbing;-webkit-user-select:none;user-select:none}.chat-composer.is-agent-mode{min-height:120px}.chat-composer .reference-strip-shell[hidden],.chat-composer.is-agent-mode .composer-reference[hidden]{display:none}.chat-composer.is-agent-mode .composer-controls{margin-top:auto;gap:8px!important}.composer-trailing-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.chat-composer.is-agent-mode .composer-type-trigger{flex:none}.chat-composer.is-agent-mode textarea{min-height:64px}.canvas-stage{container-type:inline-size}
:root{--action-bg:#f4f4f4;--action-hover:#fff;--action-text:#171717;--surface-sidebar:#191919;--surface-projects:#151515;--surface-empty:#252525;--surface-hover:#383838;--border-empty:#383838;--border-dashed:#555;--nav-text:#e5e5e5;--nav-active-text:#f5f5f5;--nav-hover:#ffffff0f;--nav-active:#ffffff1c;--muted-label:#999;--focus-ring:#aaa}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--action-bg:#262626;--action-hover:#111;--action-text:#fff;--bg:#fafafa;--panel:#fff;--panel-2:#f0f0f0;--line:#dedede;--muted:#707070;--text:#202020;--lime:#627926;--ink:#202020;--subtle:#666;--ghost:#0000000a;--hairline:#0000001f;--surface-body:#fafafa;--surface-canvas:#f0f0f0;--surface-panel:#fff;--surface-raised:#f0f0f0;--surface-sidebar:#f4f4f4;--surface-projects:#fafafa;--surface-empty:#ededed;--surface-hover:#e7e7e7;--border-empty:#dedede;--border-dashed:#b8b8b8;--line-soft:#00000014;--line-visible:#00000024;--text-primary:#202020;--text-secondary:#606060;--text-tertiary:#707070;--nav-text:#303030;--nav-active-text:#171717;--nav-hover:#0000000a;--nav-active:#00000014;--muted-label:#707070;--focus-ring:#666;--ui-menu-bg:#fff;--ui-menu-border:#0000001a;--ui-menu-text:#242424;--ui-menu-muted:#707070;--ui-menu-hover:#f0f0f0;--ui-menu-shadow:0 16px 24px -8px #0000001f, 0 4px 8px -4px #00000014;--ui-field-bg:#f0f0f0;--ui-field-bg-hover:#e9e9e9;--ui-field-bg-active:#e3e3e3;--ui-field-text:#202020;--ui-field-muted:#686868;--ui-field-focus:#737373;--ui-field-error:#b42318}html[data-theme=light] :is(.canvas-topbar,.canvas-chat,.canvas-body.chat-is-maximized){background:var(--surface-body)}html[data-theme=light] :is(.canvas-view,.chat-scroll){color:var(--text-primary)}html[data-theme=light] :is(.prompt-box,.chat-composer,.featured-card,.asset-kit-card,.project-rename-dialog,.auth-card){background:var(--surface-panel);border-color:var(--line-visible);color:var(--text-primary);box-shadow:0 4px 18px #0000000d}html[data-theme=light] .chat-composer:focus-within{border-color:var(--ui-field-focus);box-shadow:none}html[data-theme=light] .featured-card:before{display:none}html[data-theme=light] :is(.category-tabs,.section-tabs,.asset-tabs,.asset-library-list,.asset-row,.canvas-chat,.canvas-topbar,.chat-title,.filter-row,.chat-history-message){border-color:var(--line-soft)}html[data-theme=light] :is(.nav-icon,.recent-project-link,.recent-list button,.credits,.credits span:first-child,.sidebar-bottom .credits,.sidebar-bottom .credits .icon-slot,.project-card,.project-create-card,.card-title,.filter-label,.head-icon,.more-dot,.featured-copy h2 .icon-slot,.category-tab.active,.section-tabs button.active,.asset-tabs button.active,.asset-editor-head input,.asset-new-card,.canvas-title button,.canvas-tabs button,.canvas-account button,.canvas-menu-trigger,.canvas-onboarding h2,.generation-result-prompt,.chat-user-copy,.canvas-project-title,.canvas-project-title-editor,.chat-maximize-toggle,.topbar-chat-toggle,.composer-control-button,.reference-preview-copy strong,.composer-popover legend,.auth-card h2,.auth-card label,.auth-card .auth-switch,.auth-verified strong,.project-actions .project-actions-trigger,.recent-list .project-actions-trigger){color:var(--text-primary)}html[data-theme=light] :is(.attach-btn,.cube-btn,.helper-label,.muted,.filter-row,.source-chip,.category-tab,.featured-copy h2 span,.section-title span,.card-subtitle,.card-meta,.tool-icons button,.project-card-date,.section-tabs button,.skill-category-tabs button,.load-more,.asset-tabs button,.asset-editor-head button,.asset-upload,.asset-row button,.asset-kit-icon,.chat-title button,.generation-label,.chat-generation-meta,.chat-generation-meta>span:first-child,.generation-progress,.generation-result-details,.generation-result-status,.chat-assistant-copy,.reference-preview-copy span,.reference-remove,.composer-reference,.composer-count-hint,.composer-setting-hint,.composer-ratio-lock,.composer-settings-popover legend .lucide,.composer-info-trigger,.canvas-empty-state,.onboarding-eyebrow,.save-status,.project-empty,.canvas-zoom,.canvas-zoom>span:last-child,.canvas-zoom button,.canvas-selection-toolbar button,.canvas-bottom-tools button,.generation-result-actions .ui-icon-button,.auth-description,.auth-kicker,.auth-card .auth-switch,.auth-notice,.auth-verified small,.auth-verified button,.project-rename-dialog label,.project-rename-heading .project-rename-close){color:var(--text-secondary)}html[data-theme=light] :is(.prompt-box textarea,.chat-composer textarea,.guide-input){color:var(--ui-field-text)}html[data-theme=light] :is(.prompt-box textarea,.chat-composer textarea,.guide-input)::placeholder{color:var(--ui-field-muted)}html[data-theme=light] .guide-input{background:var(--ui-field-bg);border-color:var(--line-visible)}html[data-theme=light] .chat-composer textarea{scrollbar-color:#bbb transparent}html[data-theme=light] :is(.section-tabs button.active,.asset-tabs button.active){border-color:var(--text-primary)}html[data-theme=light] .category-tab.active:after{background:var(--text-primary)}html[data-theme=light] :is(.pill,.source-chip,.upload-btn,.skill-category-tabs button,.mini-orbs span,.canvas-page-tab,.canvas-account button,.composer-reference,.auth-verified,.auth-card .auth-send,.project-rename-dialog button,.canvas-project-title-editor,.asset-kit-icon){background:var(--surface-raised);color:var(--text-primary);border-color:var(--line-visible)}html[data-theme=light] :is(.pill:hover,.source-chip:hover,.source-chip.active,.upload-btn:hover,.skill-category-tabs button.active,.mini-orbs span:hover,.tool-icons button:hover,.nav-item:hover,.canvas-menu-trigger:hover,.canvas-menu-trigger[aria-expanded=true],.canvas-title button:hover,.canvas-tabs button:hover,.recent-project-row:hover,.recent-project-row:focus-within,.recent-project-row:has(.project-actions.is-open),.canvas-project-title:hover,.chat-maximize-toggle:hover,.chat-maximize-toggle.is-active,.topbar-chat-toggle:hover,.composer-control-button:hover,.composer-control-button[aria-expanded=true],.composer-reference:hover,.reference-remove:hover,.canvas-bottom-tools button:hover,.canvas-bottom-tools button.is-active,.canvas-selection-toolbar button:hover,.canvas-zoom button:hover,.generation-result-actions .ui-icon-button:hover:not(:disabled),.generation-result-actions .ui-icon-button:focus-visible,.auth-send:hover:not(:disabled),.project-rename-footer button:hover,.project-rename-heading .project-rename-close:hover){background:var(--surface-hover);color:var(--text-primary)}html[data-theme=light] :is(.category-tab:hover,.attach-btn:hover,.cube-btn:hover,.chat-title button:hover,.asset-editor-head button:hover,.asset-row button:hover,.auth-switch:hover,.generation-result-actions .ui-icon-button[aria-pressed=true],.composer-ratio-lock:hover){color:var(--text-primary)}html[data-theme=light] :is(.new-project,.create-dropdown,.asset-cta,.edit-prompt,.composer-send,.sticky-composer button){color:#fff;background:#262626}html[data-theme=light] :is(.new-project:hover,.create-dropdown:hover,.asset-cta:hover,.composer-send:hover,.sticky-composer button:hover){color:#fff;background:#111}html[data-theme=light] .send-btn{color:#555;background:#e5e5e5}html[data-theme=light] .send-btn:hover{color:#fff;background:#262626}html[data-theme=light] .onboarding-action{border-color:var(--line-visible);color:var(--text-primary)}html[data-theme=light] .onboarding-action:hover{border-color:var(--ui-field-focus);background:var(--surface-raised)}html[data-theme=light] :is(.asset-new-card,.asset-upload,.project-create-card){border-color:var(--border-dashed);background:0 0}html[data-theme=light] :is(.asset-new-card:hover,.asset-upload:hover,.project-create-card:hover){background:var(--surface-raised);border-color:var(--ui-field-focus)}html[data-theme=light] :is(.canvas-view .canvas-menu-panel,.canvas-view .composer-popover,.canvas-view .composer-settings-popover,.project-actions-menu){background:var(--ui-menu-bg);color:var(--ui-menu-text);border-color:var(--ui-menu-border);box-shadow:var(--ui-menu-shadow)}html[data-theme=light] :is(.composer-settings-popover .composer-choice,.composer-settings-popover .composer-ratio){color:var(--ui-menu-text);border-color:var(--line-visible)}html[data-theme=light] :is(.composer-settings-popover .composer-choice:hover,.composer-settings-popover .composer-choice[aria-pressed=true],.composer-settings-popover .composer-ratio:hover,.composer-settings-popover .composer-ratio[aria-pressed=true]){background:var(--surface-raised);border-color:var(--text-primary);color:var(--text-primary)}html[data-theme=light] .composer-ratio-lock[aria-pressed=true]{color:#235eb8}html[data-theme=light] :is(.ui-menu-item:focus-visible,.canvas-view button:focus-visible,.canvas-view a:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline-color:var(--focus-ring)}html[data-theme=light] .canvas-view .canvas-stage{background-color:var(--surface-canvas);background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}html[data-theme=light] :is(.canvas-bottom-tools,.canvas-selection-toolbar,.canvas-minimap,.sticky-composer){background:var(--surface-panel);border-color:var(--line-visible);color:var(--text-secondary);box-shadow:var(--ui-menu-shadow)}html[data-theme=light] .canvas-bottom-tools button{border-color:var(--line-soft)}html[data-theme=light] .canvas-minimap-shape{fill:#c9c9c9}html[data-theme=light] .canvas-minimap-shape.is-pending{fill:#d5d5d5}html[data-theme=light] .canvas-minimap-viewport{fill:#00000005;stroke:#777}html[data-theme=light] :is(.canvas-generation-placeholder,.canvas-view .generation-result-placeholder){background:#e2e2e2}html[data-theme=light] .canvas-generation-placeholder:before{background:linear-gradient(90deg,#0000,#ffffff61,#0000)}html[data-theme=light] .canvas-view .generation-result-placeholder:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000)}html[data-theme=light] :is(.reference-preview,.reference-preview-media,.reference-thumb,.chat-result-thumb,.generation-reference-thumb,.generation-result-thumb,.card-image){background:var(--surface-empty);border-color:var(--line-soft)}html[data-theme=light] .canvas-view .canvas-art-main.canvas-world-image{border-color:var(--line-visible);box-shadow:0 12px 28px #0000001a}html[data-theme=light] :is(.canvas-view .canvas-art-main.canvas-world-image.is-selected,.canvas-view .canvas-stage.is-reference-picking .canvas-world-image:hover){outline-color:#627926}html[data-theme=light] .auth-gate{background:#f5f5f5e6}html[data-theme=light] :is(.auth-error,.project-action-error,.save-status.is-error,.composer-field-error,.generation-progress[data-state=error],.canvas-view .generation-result-status.is-error,.project-actions-menu .project-action-delete,.project-actions-menu .ui-menu-item.project-action-delete){color:var(--ui-field-error)}html[data-theme=light] :is(.save-status.is-saving,.generation-progress[data-state=success]){color:#4c681d}html[data-theme=light] .canvas-generation-label{color:var(--text-secondary);background:#ffffffa6}
:root{--ui-menu-width:200px;--ui-menu-compact-width:140px;--ui-menu-font-size:13px;--ui-menu-line-height:20px;--ui-menu-icon-size:18px;--ui-menu-gap:8px;--ui-menu-bg:#1f1f1f;--ui-menu-border:#ffffff14;--ui-menu-radius:12px;--ui-menu-padding:4px;--ui-menu-item-radius:8px;--ui-menu-item-height:32px;--ui-menu-text:#f1f1f1;--ui-menu-muted:#858585;--ui-menu-hover:#303030;--ui-menu-shadow:0 16px 24px -8px #00000047, 0 4px 8px -4px #0000002e, 0 1px 1px #0000001f;--ui-field-bg:#252525;--ui-field-bg-hover:#2b2b2b;--ui-field-bg-active:#303030;--ui-field-text:#f1f1f1;--ui-field-muted:#aaa;--ui-field-focus:#777;--ui-field-error:#ff958e;--ui-control-sm:32px;--ui-control-md:40px;--ui-control-lg:48px;--ui-control-radius:8px;--ui-control-large-radius:12px;--ui-control-font:13px}.ui-button,.ui-text-field,.ui-text-area{box-sizing:border-box;min-width:0;font:inherit}.ui-button{cursor:pointer;border:0}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:default}.ui-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ui-icon-button{color:inherit;background:0 0;border:0;place-items:center;display:inline-grid}.ui-button[data-variant]:not([data-variant=plain]){--control-height:var(--ui-control-md);min-height:var(--control-height);border-radius:var(--ui-control-radius);font-size:var(--ui-control-font);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:400;line-height:20px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.ui-button[data-variant][data-size=sm]{--control-height:var(--ui-control-sm)}.ui-button[data-size=sm]:not([data-variant=plain]){padding-inline:6px}.ui-button[data-size=lg]:not([data-variant=plain]){--control-height:var(--ui-control-lg);border-radius:var(--ui-control-large-radius);padding-inline:16px;font-size:16px}.ui-icon-button[data-variant]:not([data-variant=plain]){width:var(--control-height);height:var(--control-height);flex-shrink:0;padding:0}.ui-icon-button>svg{flex-shrink:0}.ui-button[data-variant=primary][data-size]{background:var(--action-bg);color:var(--action-text);font-weight:500}.ui-button[data-variant=primary][data-size]:hover:not(:disabled):not([aria-disabled=true]){background:var(--action-hover)}.ui-button[data-variant=secondary][data-size]{background:var(--surface-raised);color:var(--text-primary)}.ui-button[data-variant=secondary][data-size]:hover:not(:disabled):not([aria-disabled=true]){background:var(--surface-hover)}.ui-button[data-variant=ghost][data-size]{color:var(--text-secondary);background:0 0}.ui-button[data-variant=ghost][data-size][data-emphasis=strong]:not(:disabled):not([aria-disabled=true]){color:var(--text-primary)}.ui-button[data-variant=ghost][data-size]:hover:not(:disabled):not([aria-disabled=true]){background:var(--ui-menu-hover);color:var(--text-primary)}.ui-button[data-variant=transparent][data-size]{color:var(--text-secondary);background:0 0}.ui-button[data-variant=transparent][data-size]:is(:hover,:focus-visible,[aria-expanded=true]):not(:disabled):not([aria-disabled=true]){color:var(--text-primary)}.ui-button[data-variant=outline][data-size]{border-color:var(--line-visible);color:var(--text-primary);background:0 0}.ui-button[data-variant=outline][data-size]:is(:hover,[aria-pressed=true]):not(:disabled){border-color:var(--text-primary);background:var(--surface-raised)}.ui-button[data-variant]:not([data-variant=plain]):active:not(:disabled):not([aria-disabled=true]){filter:brightness(.94)}.ui-button[data-variant]:not([data-variant=plain]):disabled{opacity:.5}[data-ui=field]{width:100%;color:var(--ui-field-text)}[data-ui=field]:not([data-variant=bare]){--field-surface:var(--ui-field-bg);--field-ring:0 0 0 0 transparent;min-height:var(--ui-control-md);border-radius:var(--ui-control-radius);background:var(--field-surface);font-size:var(--ui-control-font);border:1px solid #0000;outline:none;padding:9px 12px;line-height:20px;transition:background-color .15s,border-color .15s,box-shadow .15s}[data-ui=field][data-size=sm]:not([data-variant=bare]){min-height:var(--ui-control-sm);padding:5px 8px}[data-ui=field][data-size=lg]:not([data-variant=bare]){min-height:var(--ui-control-lg);border-radius:var(--ui-control-large-radius);padding:12px 16px;font-size:16px;line-height:22px}[data-ui=field][data-variant=outline]{border-color:var(--line-visible)}[data-ui=field]:not([data-variant=bare]):hover:not(:disabled){--field-surface:var(--ui-field-bg-hover)}[data-ui=field]:not([data-variant=bare]):focus{border-color:var(--ui-field-focus);--field-ring:0 0 0 1px var(--ui-field-focus);box-shadow:var(--field-ring);outline:none}[data-ui=field]:not([data-variant=bare])[aria-invalid=true]{border-color:var(--ui-field-error)}[data-ui=field]:not([data-variant=bare])[aria-invalid=true]:focus{--field-ring:0 0 0 1px var(--ui-field-error)}[data-ui=field]:not([data-variant=bare]):-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:var(--ui-field-text);caret-color:var(--ui-field-text);box-shadow:inset 0 0 0 1000px var(--field-surface), var(--field-ring)}[data-ui=field]:not([data-variant=bare]):is(:autofill,:autofill){-webkit-text-fill-color:var(--ui-field-text);caret-color:var(--ui-field-text);box-shadow:inset 0 0 0 1000px var(--field-surface), var(--field-ring)}[data-ui=field]:not([data-variant=bare]):disabled{opacity:.5;cursor:not-allowed}[data-ui=field]::placeholder{color:var(--ui-field-muted)}[data-ui=field][data-variant=bare]{background:0 0;border:0}[data-ui=field][data-variant=bare]:focus-visible{outline:1px solid var(--ui-field-focus);outline-offset:0}.ui-text-area{resize:vertical}.ui-text-field-group{box-sizing:border-box;height:var(--ui-control-sm);border-radius:var(--ui-control-radius);background:var(--ui-field-bg);color:var(--ui-field-muted);font-size:var(--ui-control-font);border:0;align-items:center;gap:4px;padding:6px 8px;line-height:20px;transition:background-color .15s;display:flex}.ui-text-field-group:hover{background:var(--ui-field-bg-hover)}.ui-text-field-group:focus-within{background:var(--ui-field-bg-active)}.ui-text-field-group:has([aria-invalid=true]){color:var(--ui-field-error)}.ui-text-field-group .ui-text-field{width:100%;color:var(--ui-field-text);background:0 0;border:0;padding:0}.ui-text-field-group .ui-text-field:focus,.ui-text-field-group .ui-text-field:focus-visible{box-shadow:none;outline:none}.ui-checkbox{accent-color:var(--text-primary)}.ui-menu-surface{box-sizing:border-box;width:min(var(--ui-menu-width), calc(100vw - 16px));padding:var(--ui-menu-padding);border:1px solid var(--ui-menu-border);border-radius:var(--ui-menu-radius);background:var(--ui-menu-bg);color:var(--ui-menu-text);box-shadow:var(--ui-menu-shadow);font:400 var(--ui-menu-font-size)/var(--ui-menu-line-height) Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}.ui-menu-surface[data-size=compact]{--ui-menu-width:var(--ui-menu-compact-width)}.ui-menu-surface[data-size=wide]{--ui-menu-width:300px;padding:12px}.ui-menu-surface:focus{outline:none}.ui-anchored-menu,.ui-anchored-submenu{z-index:520;overscroll-behavior:contain;max-height:calc(100dvh - 16px);position:fixed;overflow-y:auto}.ui-anchored-submenu{z-index:521}.ui-menu-item{box-sizing:border-box;width:100%;min-height:var(--ui-menu-item-height);grid-template-columns:var(--ui-menu-icon-size) minmax(0,1fr) auto;align-items:center;gap:var(--ui-menu-gap);border-radius:var(--ui-menu-item-radius);height:auto;color:var(--ui-menu-text);font:400 var(--ui-menu-font-size)/var(--ui-menu-line-height) Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;padding:6px 8px;text-decoration:none;display:grid}.ui-menu-item[data-leading-icon=false]{grid-template-columns:minmax(0,1fr) auto}.ui-menu-item:hover:not(:disabled):not([aria-disabled=true]),.ui-menu-item:is([aria-checked=true],[aria-expanded=true],.is-selected){background:var(--ui-menu-hover)}.ui-menu-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;background:var(--ui-menu-hover)}.ui-menu-item:disabled{color:var(--ui-menu-muted);cursor:default;opacity:1}.ui-menu-item[data-tone=danger]{color:var(--ui-field-error)}.ui-menu-item>:is(svg,.lucide){width:var(--ui-menu-icon-size);height:var(--ui-menu-icon-size);stroke-width:1.8px}.ui-menu-item>span{min-width:0}.ui-menu-item small{color:var(--ui-menu-muted);grid-column:2/-1;font-size:11px;line-height:16px;display:block}.ui-menu-item:has(small){row-gap:0;min-height:52px}.ui-menu-divider{background:var(--ui-menu-border);height:1px;margin:4px 8px}@media (prefers-reduced-motion:reduce){.ui-button,[data-ui=field],.ui-text-field-group{transition:none}}.ui-button[data-variant][data-shape=pill]{border-radius:999px}.ui-menu-surface[hidden]{display:none!important}.ui-toolbar{border:1px solid var(--ui-menu-border);background:var(--ui-menu-bg);width:max-content;max-width:100%;color:var(--ui-menu-text);box-shadow:var(--ui-menu-shadow);scrollbar-width:none;border-radius:14px;align-items:center;gap:4px;padding:6px;display:flex;overflow-x:auto}.ui-toolbar::-webkit-scrollbar{display:none}.ui-toolbar-divider{background:var(--ui-menu-border);flex-shrink:0;align-self:stretch;width:1px;margin:-6px 2px}.ui-toolbar .ui-icon-button>svg{width:var(--ui-menu-icon-size);height:var(--ui-menu-icon-size)}.ui-field-surface{border:1px solid var(--ui-menu-border);background:var(--ui-menu-bg);color:var(--ui-menu-text);border-radius:14px}.ui-field-surface:not([data-focus-highlight=false]):has([data-ui=field]:focus-visible){border-color:var(--ui-field-focus)}.ui-field-surface [data-ui=field][data-variant=bare]:focus-visible{outline:none}.ui-dialog{color:var(--text-primary);background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:0 24px 80px #0004}.ui-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0007}.ui-dialog[data-size=wide]{box-sizing:border-box;width:min(1320px,100vw - 80px);max-width:none;height:min(860px,100dvh - 80px);max-height:none;margin:auto;inset:0;overflow:hidden}.ui-settings-dialog[open]{grid-template-columns:minmax(180px,16.5%) minmax(0,1fr);display:grid}.ui-settings-close{z-index:1;position:absolute;top:14px;right:14px}.ui-settings-close svg{width:20px;height:20px}.ui-settings-sidebar{background:inherit;padding:24px 8px}.ui-settings-sidebar h1{margin:0 14px 18px;font-size:14px;font-weight:400;line-height:22px}.ui-settings-sidebar nav{flex-direction:column;gap:2px;display:flex}.ui-settings-sidebar .ui-button.ui-settings-nav-item{border-radius:10px;justify-content:flex-start;gap:10px;width:100%;min-height:38px;padding:8px 14px;font-size:15px}.ui-settings-sidebar .ui-settings-nav-item svg{flex-shrink:0;width:18px;height:18px}.ui-settings-sidebar .ui-settings-nav-item[aria-current=page]{color:var(--text-primary);background:var(--ui-menu-hover)}.ui-settings-scroll{overscroll-behavior:contain;scrollbar-width:thin;min-width:0;overflow-y:auto}.ui-settings-content{width:min(67%,1000px);margin:0 auto;padding:26px 0 72px;font-size:14px}.ui-select-menu-panel{z-index:520;position:fixed}.ui-button.ui-select-menu-trigger[data-variant=transparent]{font-size:inherit;font-weight:inherit;justify-content:flex-start;gap:7px;padding-inline:0}.ui-button.ui-select-menu-trigger[data-variant=secondary]{justify-content:space-between;gap:7px;width:100%}@media (max-width:900px){.ui-settings-dialog[open]{grid-template-columns:180px minmax(0,1fr)}.ui-settings-content{width:calc(100% - 64px)}}@media (max-width:600px){.ui-dialog[data-size=wide]{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.ui-settings-dialog[open]{flex-direction:column;display:flex}.ui-settings-sidebar{padding:18px 14px 8px}.ui-settings-sidebar h1{margin:0 48px 14px 6px}.ui-settings-sidebar nav{flex-direction:row;gap:4px}.ui-settings-sidebar .ui-button.ui-settings-nav-item{flex:1;justify-content:flex-start;padding-inline:10px}.ui-settings-scroll{flex:1}.ui-settings-content{width:auto;padding:24px 20px 48px}}.ui-toolbar[data-variant=bare]{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.ui-toolbar[data-variant=bare] .ui-toolbar-divider{background:var(--line-visible);align-self:center;height:12px;margin:0 8px}.ui-button[data-variant=ghost][data-size][aria-pressed=true]{background:var(--ui-menu-hover);color:var(--text-primary)}.ui-tooltip-trigger{position:relative}.ui-tooltip{z-index:600;color:#fff;white-space:nowrap;pointer-events:none;background:#050505;border-radius:7px;width:max-content;padding:6px 9px;font:400 13px/20px system-ui,sans-serif;display:block;position:fixed}.ui-tabs{scrollbar-width:none;align-items:center;gap:4px;min-width:0;padding:3px;display:flex;overflow-x:auto}.ui-tabs::-webkit-scrollbar{display:none}.ui-tabs>.ui-button{min-width:96px;color:var(--text-secondary);flex:none;gap:8px}.ui-tabs>.ui-button[aria-selected=true]{background:var(--ui-menu-hover);color:var(--text-primary)}.ui-tabs>.ui-button .lucide{flex:none;width:16px;height:16px}:root{--ui-status-success:#2cbb70}