:root{--bg:#101010;--panel:#1b1d1f;--panel-2:#23272b;--line:rgba(255,255,255,.08);--muted:#8b9098;--text:#f6f6f4;--cyan:#35b9fa;--blue:#6b9cff;--pink:#ffb39d;--radius:18px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app-shell{height:100%;display:flex;overflow:hidden;background:#101010}.promo-bar{position:fixed;inset:0 0 auto 0;height:38px;z-index:20;display:flex;align-items:center;justify-content:center;background:linear-gradient(100deg,#1e56bf 0%,#203d91 42%,#273377 72%,#e5a65a 120%);font-size:12px;color:#f8f9ff}.promo-copy{display:flex;align-items:center;gap:7px;white-space:nowrap}.promo-time{display:flex;gap:3px}.promo-time b{font-size:11px;line-height:19px;padding:0 4px;border-radius:3px;background:rgba(255,255,255,.84);color:#27345e}.promo-time i{font-style:normal;opacity:.85}.promo-copy .arrow{font-size:18px;margin-left:3px}.promo-close{position:absolute;right:17px;color:#fff;background:transparent;font-size:21px;opacity:.7}.sidebar{width:240px;flex:0 0 240px;background:#171717;border-right:1px solid rgba(255,255,255,.035);padding:56px 12px 16px;display:flex;flex-direction:column;z-index:10}.brand-row{height:53px;display:flex;align-items:center;gap:8px;padding:0 7px 16px;font-size:16px}.brand-symbol{position:relative;width:28px;height:27px;transform:skew(-9deg)}.brand-symbol span{position:absolute;display:block;clip-path:polygon(0 50%,100% 0,62% 100%)}.brand-symbol span:first-child{width:25px;height:24px;left:0;top:0;background:linear-gradient(140deg,#4cd8ff,#3c83ff)}.brand-symbol span:last-child{width:20px;height:19px;left:8px;top:6px;background:linear-gradient(140deg,#fff,#d1e3ff);opacity:.92}.brand-row strong{font-size:16px;letter-spacing:-.6px}.sidebar-collapse{margin-left:auto;background:none;color:#858585;font-size:15px}.primary-nav{display:grid;gap:3px;padding-top:17px}.nav-item{height:39px;border-radius:9px;background:transparent;color:#d7d7d7;display:flex;align-items:center;gap:12px;padding:0 11px;font-size:14px;text-align:left;transition:.2s}.nav-item:hover{background:#242424}.nav-item.active{background:#303030;color:#fff}.nav-icon{font-size:19px;width:17px;text-align:center;color:#bfc6ce}.nav-icon.sparkle{font-size:22px;color:#fff}.side-section{padding-top:29px}.section-label{font-size:13px;color:#e4e4e4;padding:0 8px 13px}.side-link{width:100%;height:31px;padding:0 7px;display:flex;justify-content:space-between;align-items:center;background:transparent;color:#656565;text-align:left;font-size:12px}.side-link b{font-weight:400;font-size:17px;opacity:0;transition:.2s}.side-link:hover b{opacity:1;color:#aaa}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);padding-top:14px;display:grid;gap:3px}.side-action{background:transparent;color:#8d8d8d;text-align:left;padding:9px 8px;border-radius:8px;font-size:12px}.side-action:hover{background:#242424;color:#ddd}.side-action span{display:inline-block;width:21px;color:#afb4bc}.main-area{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:38px;background:#101010}.topbar{height:58px;flex:0 0 58px;padding:0 20px 0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.035);background:rgba(16,16,16,.88)}.breadcrumb{font-size:13px;color:#b7b7b7}.breadcrumb .slash{color:#4b4b4b;padding:0 8px}.breadcrumb #pageTitle{color:#f3f3f3}.top-actions{display:flex;align-items:center;gap:9px}.top-pill,.top-icon,.points-pill{height:36px;background:#151515;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e5e5e5}.top-pill{padding:0 13px;font-size:12px}.top-pill span{margin-right:8px}.top-icon{position:relative;width:36px;font-size:17px}.top-icon:hover,.top-pill:hover,.points-pill:hover{background:#252525}.notification-dot{position:absolute;right:7px;top:7px;width:5px;height:5px;background:#f07c70;border-radius:50%}.points-pill{padding:0 9px;display:flex;align-items:center;gap:5px;font-size:12px}.points-pill>span{color:#4cc8ff}.points-pill b{color:#38b9fd}.points-pill em{font-style:normal;color:#bbb}.points-pill small{color:#399cf1;padding-left:3px;font-size:10px}.avatar,.mini-avatar{background:linear-gradient(135deg,#6ea8ff,#7c5ee9);color:white;display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar{width:31px;height:31px;border:2px solid #242424;font-size:13px}.main-area>.page-view{flex:1;overflow:auto;display:none;scrollbar-color:#3c3c3c transparent}.page-view.active{display:block}.hero-create{position:relative;min-height:406px;padding:58px 28px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.dot-grid{position:absolute;z-index:0;top:-116px;left:26%;width:50%;height:330px;opacity:.42;background-image:radial-gradient(rgba(87,132,156,.33) 1px,transparent 1px);background-size:12px 12px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 72%)}.hero-create:after{content:"";position:absolute;top:0;left:14%;right:14%;height:230px;background:radial-gradient(ellipse at center,rgba(20,71,107,.18),transparent 67%);pointer-events:none}.hero-create h1,.mode-switch,.composer-wrap{position:relative;z-index:1}.hero-create h1{font-family:"STKaiti","KaiTi",serif;font-size:30px;letter-spacing:2px;margin:7px 0 26px;color:#f5f5ef}.hero-create h1 span{color:#fff}.mode-switch{width:319px;height:40px;border-radius:22px;padding:3px;display:flex;background:#2c3034;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.mode-btn{flex:1;border-radius:20px;background:transparent;color:#c9cacc;font-size:13px;transition:.2s}.mode-btn.active{background:linear-gradient(105deg,#fff7f0 0%,#f8fbff 76%);color:#1b6d91;box-shadow:0 1px 2px #0005}.composer-wrap{width:min(100%,840px);margin-top:36px}.composer{min-height:157px;border-radius:20px;background:#1d262b;border:1px solid rgba(255,255,255,.075);box-shadow:0 10px 35px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.03);padding:16px 16px 12px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}.composer:focus-within{border-color:rgba(63,189,241,.45);box-shadow:0 12px 35px rgba(0,0,0,.27),0 0 0 3px rgba(44,183,234,.07)}.upload-tile{align-self:flex-start;width:50px;height:58px;background:linear-gradient(150deg,#303c43,#253036);border-radius:3px;color:#9fa8ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transform:rotate(-7deg);margin:1px 0 0 4px;transition:.2s}.upload-tile:hover{background:#3a4b54;color:#fff;transform:rotate(0)}.upload-tile span{font-size:24px;line-height:18px}.upload-tile small{font-size:9px;color:#89939a}.composer textarea{resize:none;min-height:48px;flex:1;margin:-58px 0 10px 76px;background:transparent;border:0;color:#e4e7e9;font-size:13px;line-height:1.55;padding:4px 0}.composer textarea::placeholder{color:#687278}.composer-footer{display:flex;align-items:center;justify-content:space-between}.composer-tools{display:flex;align-items:center;gap:4px}.tool-select{display:flex;align-items:center;gap:5px;background:transparent;color:#c5cace;font-size:12px;padding:5px 6px;border-radius:6px}.tool-select:hover{background:#2b373d;color:#fff}.tool-select b{font-size:14px;color:#73c8ec;font-weight:400}.tool-glyph{color:#2fb8f5}.composer-actions{display:flex;align-items:center;gap:10px}.mic-btn{background:transparent;color:#8e999f;font-size:17px}.send-btn{width:31px;height:31px;border-radius:50%;background:#555f64;color:#c7d2d8;font-size:21px;line-height:26px;transition:.2s}.send-btn.ready,.send-btn:hover{background:linear-gradient(135deg,#47caf8,#5b95ff);color:white;box-shadow:0 3px 14px #2785bb66}.suggestion-row{display:flex;justify-content:center;gap:9px;padding-top:15px}.suggestion{height:37px;padding:0 14px;border-radius:19px;border:1px solid rgba(255,255,255,.075);background:#1b1b1b;color:#ddd;font-size:12px}.suggestion:hover{border-color:#416175;background:#222d33}.suggestion span{color:#fff;margin-right:4px}.suggestion i{font-style:normal;color:#39b9fa;font-size:10px;background:#24343b;padding:2px 4px;border-radius:4px;margin-left:5px}.content-section{padding:0 40px}.section-heading,.gallery-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2,.gallery-heading h2{font-size:15px;margin:0;font-weight:600}.heading-link{background:none;color:#90979c;font-size:12px}.heading-link:hover{color:#fff}.feature-strip{display:grid;grid-template-columns:1.28fr 1.25fr 1.26fr 1fr;gap:0;height:176px;margin-top:18px;border-radius:15px;overflow:hidden;background:#1c1c1c}.feature-card{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(0,0,0,.46);background:#27343e;cursor:pointer}.feature-card:last-child{border-right:0}.feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 65%)}.feature-card:hover .feature-visual{transform:scale(1.05)}.feature-visual{position:absolute;inset:0;transition:.5s;background:radial-gradient(circle at 64% 26%,#edf6ff 0 3%,transparent 4%),linear-gradient(135deg,#273d4c,#10191f 58%,#5d695d)}.feature-card:nth-child(2) .feature-visual{background:radial-gradient(ellipse at 45% 40%,#c5d3d8 0 2%,#4f6269 3%,transparent 4%),linear-gradient(120deg,#0b1a21,#637a7c 45%,#11191d)}.feature-card:nth-child(3) .feature-visual{background:radial-gradient(circle at 22% 30%,#d9e9b2 0 9%,transparent 10%),linear-gradient(120deg,#274840,#9caa82 52%,#1b2723)}.feature-card:nth-child(4) .feature-visual{background:linear-gradient(130deg,#523e3d 0 35%,#dfc8a1 36% 62%,#4b7792 63%)}.feature-card:nth-child(1) .feature-visual:before{content:"MANGO\A GLASS";white-space:pre;position:absolute;right:11%;top:18%;font-size:18px;line-height:1.1;font-weight:800;color:#f3f1e9}.feature-card:nth-child(2) .feature-visual:before{content:"CLI";position:absolute;left:48%;top:27%;font-size:41px;font-weight:800;color:#eaf3f1;letter-spacing:4px}.feature-card:nth-child(3) .feature-visual:before{content:"Seedance 2.5";position:absolute;left:6%;top:12%;font-size:17px;font-weight:700;color:#e9f0d5}.feature-card:nth-child(4) .feature-visual:before{content:"即梦片场";position:absolute;left:12%;top:34%;font-size:27px;font-weight:800;color:#f8ecce}.feature-copy{position:absolute;z-index:1;left:21px;right:12px;bottom:16px}.feature-copy h3{margin:0 0 4px;font-size:16px}.feature-copy p{margin:0;color:#d2d4d3;font-size:10px}.feature-copy small{display:block;color:#aeb7b9;font-size:10px;margin-top:4px}.gallery-section{padding-top:40px;padding-bottom:42px}.category-tabs{display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.075);padding-bottom:14px}.category{background:transparent;color:#969a9c;font-size:12px;padding:7px 13px;border-radius:16px}.category:hover{color:#fff}.category.active{background:#222f35;color:#e9f9ff}.gallery-search{margin-left:auto;width:216px;height:31px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#181818;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#8e9397}.gallery-search input{min-width:0;width:100%;background:none;border:0;outline:0;font-size:11px;color:#eee}.gallery-search input::placeholder{color:#73777b}.gallery-heading{padding:22px 0 17px}.gallery-heading p{margin:5px 0 0;color:#777d81;font-size:11px}.view-toggle{width:27px;height:27px;background:transparent;color:#70767b;border-radius:5px;margin-left:4px}.view-toggle.active,.view-toggle:hover{background:#2a2e31;color:#fff}.gallery-grid,.explore-grid,.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-item,.explore-item,.asset-card{border-radius:12px;overflow:hidden;background:#1a1b1c;border:1px solid rgba(255,255,255,.055);cursor:pointer;transition:.25s}.gallery-item:hover,.explore-item:hover,.asset-card:hover{transform:translateY(-3px);border-color:rgba(103,207,250,.32);box-shadow:0 12px 26px #0005}.art-thumb{position:relative;height:158px;overflow:hidden;background:linear-gradient(135deg,#405d63,#be957e)}.art-thumb:before,.asset-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 56% 35%,rgba(255,236,206,.84) 0 8%,transparent 9%),radial-gradient(ellipse at 44% 50%,rgba(21,28,34,.92) 0 15%,transparent 16%),linear-gradient(130deg,transparent 0 43%,rgba(232,194,142,.7) 44% 54%,transparent 55%)}.art-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}.art-thumb.t2{background:linear-gradient(135deg,#d4e8e6,#2d4b5c 46%,#121b22)}.art-thumb.t2:before{background:radial-gradient(circle at 54% 40%,#f5f9f0 0 4%,transparent 5%),linear-gradient(105deg,transparent 35%,#fbf7e9 36% 41%,transparent 42%),linear-gradient(160deg,transparent 0 52%,#304c56 53% 68%,transparent 69%)}.art-thumb.t3{background:linear-gradient(145deg,#e0b288,#8d483f 45%,#1e2427)}.art-thumb.t3:before{background:radial-gradient(circle at 54% 34%,#251c24 0 13%,transparent 14%),linear-gradient(75deg,transparent 30%,#e7a673 31% 57%,transparent 58%),radial-gradient(circle at 35% 25%,#f8dbb2 0 3%,transparent 4%)}.art-thumb.t4{background:linear-gradient(140deg,#394e7a,#a2cbdb 44%,#152637)}.art-thumb.t4:before{background:radial-gradient(circle at 56% 40%,#ecf6ff 0 6%,transparent 7%),linear-gradient(120deg,transparent 0 46%,#93caf0 47% 52%,transparent 53%),repeating-linear-gradient(165deg,transparent 0 14px,rgba(237,249,255,.35) 15px 16px)}.art-thumb.t5{background:linear-gradient(145deg,#b8d3bf,#637c7b 44%,#283638)}.art-thumb.t5:before{background:radial-gradient(circle at 55% 46%,#bff0d1 0 10%,transparent 11%),linear-gradient(60deg,transparent 35%,#ecf7e1 36% 45%,transparent 46%)}.art-thumb.t6{background:linear-gradient(130deg,#9a826b,#d5c0a9 52%,#343d43)}.art-thumb.t6:before{background:radial-gradient(ellipse at 52% 37%,#fbefdd 0 9%,transparent 10%),linear-gradient(95deg,transparent 37%,#503b35 38% 50%,transparent 51%)}.art-thumb.t7{background:linear-gradient(135deg,#4a3c7b,#c78ed8 48%,#1f1945)}.art-thumb.t7:before{background:radial-gradient(circle at 54% 31%,#ffb9e7 0 8%,transparent 9%),linear-gradient(75deg,transparent 38%,#321f5c 39% 56%,transparent 57%)}.art-thumb.t8{background:linear-gradient(140deg,#47433c,#d2a95d 53%,#312a22)}.art-thumb.t8:before{background:radial-gradient(circle at 56% 38%,#ffe0a4 0 8%,transparent 9%),linear-gradient(110deg,transparent 36%,#3a3024 37% 57%,transparent 58%)}.item-info{padding:11px 12px}.item-info h3{font-size:13px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info p{font-size:11px;color:#7e8588;margin:0;display:flex;justify-content:space-between}.item-info .author{color:#aeb8bc}.page-view::-webkit-scrollbar{width:8px}.page-view::-webkit-scrollbar-thumb{background:#333;border-radius:8px}.subpage-head{max-width:1150px;margin:0 auto;padding:63px 42px 34px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;color:#48bde9}.subpage-head h1{font-size:31px;margin:9px 0 8px;letter-spacing:-1px}.subpage-head p{margin:0;color:#7d858a;font-size:13px}.primary-btn,.secondary-btn,.ghost-btn{height:37px;padding:0 16px;border-radius:9px;font-size:12px}.primary-btn{color:#07121a;background:linear-gradient(120deg,#bff6ff,#6ec8ff);box-shadow:0 5px 18px rgba(64,173,222,.18)}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-btn{background:#282b2e;color:#e9e9e9}.ghost-btn{background:transparent;color:#58c8f1;border:1px solid #345664}.explore-filters,.asset-toolbar{max-width:1150px;margin:0 auto;padding:0 42px 21px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07)}.filter-chip,.sort-btn,.asset-tabs button{background:#1d1f20;color:#979da1;padding:8px 14px;border-radius:17px;font-size:12px}.filter-chip.active,.filter-chip:hover,.asset-tabs button.active{background:#2c4249;color:#dbf7ff}.filter-spacer{flex:1}.sort-btn{border-radius:7px;background:transparent}.explore-grid{max-width:1150px;margin:25px auto;padding:0 42px;grid-template-columns:repeat(3,1fr);gap:18px}.explore-item .art-thumb{height:210px}.asset-summary{max-width:1150px;margin:0 auto 28px;padding:0 42px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.asset-summary>div{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#181a1b;display:flex;flex-direction:column;gap:10px}.asset-summary span{color:#7f878b;font-size:11px}.asset-summary strong{font-size:25px}.asset-toolbar{justify-content:space-between}.asset-tabs{display:flex;gap:6px}.asset-tabs button{border-radius:7px}.asset-grid{max-width:1150px;margin:25px auto;padding:0 42px;grid-template-columns:repeat(4,1fr)}.asset-thumb{height:142px;background:linear-gradient(130deg,#435d70,#d1ab8d 50%,#322b3a);position:relative;overflow:hidden}.asset-thumb.t2{background:linear-gradient(140deg,#293b5f,#81b2c4 50%,#20252f)}.asset-thumb.t3{background:linear-gradient(140deg,#445846,#c3d0a1 50%,#2a332a)}.asset-thumb:after{content:"";position:absolute;right:12px;bottom:10px;padding:5px 7px;border-radius:5px;background:#0008;color:#fff;font-size:10px}.asset-card:nth-child(1) .asset-thumb:after{content:"图片"}.asset-card:nth-child(2) .asset-thumb:after{content:"视频"}.asset-card:nth-child(3) .asset-thumb:after{content:"图片"}.asset-card:nth-child(4) .asset-thumb:after{content:"项目"}.asset-info{padding:10px 12px}.asset-info b{font-size:12px}.asset-info span{display:block;color:#777f83;font-size:10px;margin-top:5px}.subject-grid{max-width:1150px;margin:10px auto;padding:0 42px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.subject-card{padding:15px;background:#191b1c;border:1px solid var(--line);border-radius:14px}.subject-avatar{height:160px;border-radius:10px;margin-bottom:12px;background:linear-gradient(145deg,#e4c9b8,#635764 55%,#26343e);position:relative}.subject-avatar:before{content:"";position:absolute;width:62px;height:77px;left:50%;top:34px;transform:translateX(-50%);border-radius:45% 45% 38% 38%;background:radial-gradient(circle at 50% 30%,#f4d2b8 0 29%,transparent 30%),linear-gradient(#201b22 0 26%,#d8aa91 27% 65%,#343748 66%)}.subject-card:nth-child(2) .subject-avatar{background:linear-gradient(145deg,#a4c0be,#3b5561)}.subject-card:nth-child(3) .subject-avatar{background:linear-gradient(145deg,#e7bd79,#665037)}.subject-card:nth-child(4) .subject-avatar{background:linear-gradient(145deg,#725c98,#241c3d)}.subject-card h3{margin:0;font-size:13px}.subject-card p{margin:5px 0 0;color:#7e8589;font-size:11px}.app-footer{max-width:1150px;margin:0 auto;padding:25px 42px 34px;color:#5f6669;font-size:10px;display:flex;gap:18px}.app-footer button{margin-left:auto;background:none;color:#737b7e;font-size:10px}.popover,.notification-panel,.profile-panel{position:fixed;z-index:30;display:none;background:#24282b;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 36px #0009;border-radius:12px;padding:7px}.popover.open,.notification-panel.open,.profile-panel.open{display:block;animation:pop .15s ease-out}@keyframes pop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.popover{min-width:180px}.popover button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border-radius:7px;padding:9px 10px;background:transparent;color:#e8e8e8;text-align:left;font-size:12px}.popover button:hover{background:#303a3f}.popover small{color:#7f9198;font-size:10px}.popover.compact{min-width:98px}.popover.compact button{display:block}.skill-popover{min-width:230px}.popover-title{color:#8b989e;font-size:10px;padding:7px 10px 4px}.notification-panel,.profile-panel{right:20px;top:91px;width:280px}.panel-title{font-weight:600;padding:10px 10px 8px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.panel-title button{background:none;color:#999;font-size:18px}.notice-item{display:flex;gap:10px;padding:13px 9px;border-bottom:1px solid rgba(255,255,255,.05)}.notice-item:last-child{border:0}.notice-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px}.notice-icon.blue{background:#173d57;color:#61d1ff}.notice-icon.pink{background:#573b4a;color:#ff9fc1}.notice-item b{font-size:12px}.notice-item p{margin:5px 0;color:#9da5a8;font-size:11px}.notice-item small{color:#6a7377;font-size:10px}.profile-panel{width:220px;padding:11px}.profile-head{display:flex;gap:10px;align-items:center;padding:4px 5px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}.avatar.large{width:36px;height:36px}.profile-head b{display:block;font-size:12px}.profile-head span{display:block;color:#858d91;font-size:10px;margin-top:3px}.profile-panel>button{display:flex;justify-content:space-between;width:100%;padding:10px 6px;background:transparent;color:#c9cecf;border-radius:6px;text-align:left;font-size:12px}.profile-panel>button:hover{background:#303437}.profile-panel>button span{color:#778085}.drawer-backdrop,.modal-backdrop{display:none;position:fixed;z-index:35;inset:0;background:#0008}.drawer-backdrop.open,.modal-backdrop.open{display:block}.skills-drawer{position:fixed;z-index:36;right:-420px;top:0;bottom:0;width:390px;background:#181b1d;border-left:1px solid var(--line);padding:40px 28px;transition:.28s;box-shadow:-12px 0 40px #0005}.skills-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-size:26px;margin:8px 0 0}.skills-drawer>p{color:#81898d;font-size:12px;margin:13px 0 28px}.icon-btn{background:transparent;color:#a8afb2;font-size:22px}.skill-list{display:grid;gap:11px}.skill-card{display:flex;align-items:center;gap:12px;padding:15px;background:#222628;border:1px solid transparent;border-radius:12px;text-align:left}.skill-card:hover{border-color:#3d7e95;background:#263338}.skill-card-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;font-size:18px}.skill-card-icon.cyan{background:#153e4e;color:#5dd8ff}.skill-card-icon.violet{background:#3c2853;color:#ca9bff}.skill-card-icon.orange{background:#523721;color:#ffc675}.skill-card b{display:block;font-size:12px}.skill-card small{display:block;color:#7f898d;font-size:10px;margin-top:5px;line-height:1.45}.skill-card i{margin-left:auto;color:#6e7d82;font-size:20px}.detail-modal{display:none;position:fixed;z-index:37;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,720px);background:#1b1e20;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 25px 80px #000b}.detail-modal.open{display:grid;grid-template-columns:1fr 1fr;animation:modalin .22s ease-out}@keyframes modalin{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-close{position:absolute;z-index:2;right:13px;top:10px;width:30px;height:30px;border-radius:50%;background:#0007;color:#ddd;font-size:20px}.modal-art{min-height:390px;background:linear-gradient(145deg,#304b5b,#d3a58b 49%,#1d2c32);position:relative}.modal-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 31%,#f8e3d0 0 7%,transparent 8%),linear-gradient(100deg,transparent 35%,#272130 36% 61%,transparent 62%)}.modal-body{padding:35px 28px 26px;display:flex;flex-direction:column}.modal-meta{display:flex;gap:10px;color:#808b90;font-size:10px}.tag{color:#65ccf6;background:#183c4b;padding:4px 8px;border-radius:4px}.modal-body h2{font-size:24px;margin:20px 0 12px}.modal-body>p{color:#90999d;line-height:1.7;font-size:12px}.modal-author{margin-top:auto;display:flex;align-items:center;gap:9px;font-size:12px;color:#c5ccce}.mini-avatar{width:27px;height:27px;font-size:10px}.modal-author .ghost-btn{margin-left:auto}.modal-actions{display:flex;gap:8px;margin-top:25px}.modal-actions .primary-btn{flex:1}.toast-stack{position:fixed;z-index:100;right:23px;bottom:25px;display:grid;gap:10px}.toast{min-width:240px;max-width:360px;padding:12px 15px;border-radius:10px;background:#2b3134;border:1px solid rgba(103,209,247,.32);box-shadow:0 12px 30px #0008;color:#e8faff;font-size:12px;animation:toastin .2s ease-out}.toast.success:before{content:"✓";color:#60dcaa;margin-right:8px}.toast.warn:before{content:"!";color:#ffd069;margin-right:8px}@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.view-list .gallery-grid{grid-template-columns:1fr}.view-list .gallery-item{display:flex}.view-list .art-thumb{width:210px;flex:0 0 210px}.view-list .item-info{align-self:center}.empty-state{grid-column:1/-1;padding:48px;text-align:center;color:#70787b;border:1px dashed #34393b;border-radius:12px}@media(max-width:1080px){.sidebar{width:205px;flex-basis:205px}.content-section{padding-left:25px;padding-right:25px}.gallery-grid,.asset-grid{grid-template-columns:repeat(3,1fr)}.hero-create{padding-top:43px}.points-pill small{display:none}}@media(max-width:760px){.sidebar{width:62px;flex-basis:62px;padding-left:7px;padding-right:7px}.brand-row strong,.sidebar-collapse,.nav-item span:not(.nav-icon),.section-label,.side-link span,.sidebar-bottom{display:none}.brand-row{justify-content:center;padding-left:0;padding-right:0}.nav-item{justify-content:center;padding:0}.side-section{padding-top:20px}.main-area{min-width:0}.topbar{padding:0 12px}.top-pill,.breadcrumb .slash,.breadcrumb #pageTitle{display:none}.top-actions{gap:4px}.hero-create h1{font-size:24px}.composer-wrap{width:100%}.content-section{padding-left:17px;padding-right:17px}.feature-strip{grid-template-columns:repeat(4,240px);overflow-x:auto}.category-tabs{overflow-x:auto}.gallery-search{min-width:160px}.gallery-grid,.asset-grid{grid-template-columns:repeat(2,1fr)}.explore-grid,.subject-grid{grid-template-columns:repeat(2,1fr);padding:0 18px}.subpage-head{padding-left:18px;padding-right:18px}.asset-summary{padding:0 18px;grid-template-columns:repeat(2,1fr)}.explore-filters,.asset-toolbar{padding-left:18px;padding-right:18px}.detail-modal.open{display:block;max-height:90vh;overflow:auto}.modal-art{min-height:220px}.modal-body{min-height:280px}}
/* Standalone Web workspace states. No Electron integrations. */
.preview-note{font-size:11px;color:#88999f;text-align:center;margin:-19px 0 12px}
.workspace-dialog{background:#1b2023;color:#eef3f5;border:1px solid #354147;border-radius:18px;padding:26px;width:min(520px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-shadow:0 24px 100px #000a}
.workspace-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
.workspace-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:20px}.workspace-dialog-header h2{margin:0;font-size:20px}
.workspace-dialog form{display:grid;gap:17px}.workspace-dialog label{display:grid;gap:9px;font-size:12px;color:#c6d0d5}.workspace-dialog input,.workspace-dialog select,.workspace-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #3b494f;border-radius:9px;padding:11px 12px;background:#101719;color:#fff;font:inherit;resize:vertical}.workspace-dialog input:focus,.workspace-dialog textarea:focus{outline:2px solid #379bc1}
.dialog-note{color:#97a6ac;font-size:12px;line-height:1.8;margin:0 0 18px}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;margin-top:20px}.danger-btn{background:#462d2f;color:#ffada6;padding:10px 13px;border-radius:8px;font-size:12px}.draft-text{white-space:pre-wrap;padding:16px;background:#13191c;border:1px solid #2b3a41;border-radius:10px;font-size:13px;line-height:1.8;overflow-wrap:anywhere;margin-bottom:15px}.asset-preview{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:9px;background:#111}.subject-choice{display:flex;flex-direction:column;gap:7px;text-align:left;padding:16px;background:#253138;border-radius:10px;width:100%;margin-bottom:10px}.subject-choice span{color:#9aaab2;line-height:1.6;font-size:12px}.plan-preview{background:#253038;padding:18px;border-radius:10px;font-size:13px;line-height:1.7}.plan-preview p{color:#9eaeb6}.help-list{font-size:13px;line-height:1.8}.help-list kbd{background:#354148;border-radius:4px;padding:3px 7px}
.workspace-asset .asset-thumb:after,.workspace-asset .asset-thumb:before{display:none}.workspace-asset .asset-thumb{display:grid;place-items:center;background:linear-gradient(145deg,#20323d,#162027);overflow:hidden}.workspace-asset .asset-thumb img{width:100%;height:100%;object-fit:cover}.asset-kind{font-size:17px;color:#88d0ed}.asset-info b,.draft-history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.draft-history-item span{max-width:195px}.asset-card[role=button],.subject-card[role=button],.gallery-item[role=button],.explore-item[role=button]{cursor:pointer}.asset-card:focus-visible,.subject-card:focus-visible,.gallery-item:focus-visible,.explore-item:focus-visible{outline:2px solid #59c5f0;outline-offset:3px}.composer.drag-active{outline:2px dashed #60ceef;background:#233842}.upload-tile.has-file{background-size:cover;background-position:center;transform:none;width:64px;height:50px}.upload-tile.has-file small{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#000a}.remove-reference{position:absolute;margin-left:60px;margin-top:-6px;border-radius:50%;width:19px;height:19px;background:#3d515c;color:#fff;font-size:15px}
.promo-hidden .sidebar,.promo-hidden .main-area{padding-top:0}.sidebar-collapsed .sidebar{width:62px;flex-basis:62px;padding-left:7px;padding-right:7px}.sidebar-collapsed .brand-row strong,.sidebar-collapsed .nav-item span:not(.nav-icon),.sidebar-collapsed .side-section,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed .brand-row{padding-left:0;padding-right:0;gap:1px}.sidebar-collapsed .sidebar-collapse{font-size:11px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.side-section{display:none}.mode-switch{width:min(319px,100%)}.composer-footer{flex-wrap:wrap;gap:10px;align-items:center}.composer-tools{flex-wrap:wrap;max-width:100%}.composer-tools .tool-select{white-space:nowrap;flex-shrink:0;padding:4px 6px}.composer-actions{margin-left:auto;flex-shrink:0}.hero-create h1{text-align:center;line-height:1.55}.subject-card p{overflow-wrap:anywhere}.preview-note{font-size:10px;line-height:1.6}.popover{max-width:calc(100vw - 16px)}}
@media(max-width:760px){.composer-tools{display:grid;grid-template-columns:1fr auto auto auto;gap:3px;width:100%}.composer-tools .tool-select{font-size:11px;padding:4px 3px;justify-content:center}.composer-tools .tool-select:nth-child(-n+3)>span:first-child{display:none}.composer-actions{width:100%;justify-content:flex-end}.promo-copy{max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis}.app-footer{font-size:9px;gap:12px;line-height:1.7}.hero-create{padding-bottom:12px}}
/* Composer interaction upgrade */
.composer-wrap{width:min(760px,100%);position:relative}.composer{position:relative;border:1px solid #39454b;background:linear-gradient(145deg,#20282c,#171d20);border-radius:20px;padding:14px 14px 10px;box-shadow:0 14px 45px #0005;transition:border-color .2s,box-shadow .2s,transform .2s}.composer:focus-within,.composer[data-status="ready"]{border-color:#54c8f0;box-shadow:0 0 0 3px #36b9fa18,0 18px 55px #0007}.composer[data-status="loading"]{border-color:#7a68dd}.composer[data-status="success"]{border-color:#62d3ad}.composer[data-status="error"]{border-color:#e98383}.composer-context{display:flex;align-items:center;gap:7px;color:#94a5ad;font-size:11px;margin:0 2px 9px;min-height:16px}.context-icon{color:#51c7f0}.composer[data-status="loading"] .context-icon{animation:spin 1s linear infinite}.composer[data-status="success"] .context-icon{color:#6be0b7}.composer[data-status="error"] .context-icon{color:#ff9494}.reference-strip{display:flex;gap:8px;margin:0 0 10px}.reference-chip{position:relative;width:58px;height:58px;border-radius:9px;overflow:hidden;border:1px solid #52646b;background:#111}.reference-chip img{width:100%;height:100%;object-fit:cover}.reference-chip button{position:absolute;right:2px;top:2px;width:18px;height:18px;border-radius:50%;background:#111c;color:white;font-size:13px}.composer textarea{display:block;width:100%;min-height:76px;max-height:190px;resize:none;background:transparent;border:0;outline:0;padding:0 2px;color:#f5f8f9;font-size:15px;line-height:1.7}.composer textarea::placeholder{color:#7f8b91}.composer-meta{display:flex;justify-content:space-between;gap:12px;color:#718087;font-size:10px;margin:6px 2px 8px}.composer-meta #promptCount{font-variant-numeric:tabular-nums}.composer-footer{border-top:1px solid #ffffff0d;padding-top:9px}.composer-tools{display:flex;align-items:center;gap:3px}.tool-select{height:29px;background:transparent;color:#abb8bd;border-radius:7px;padding:0 7px;display:flex;align-items:center;gap:5px;font-size:11px}.tool-select:hover,.tool-select[aria-expanded="true"]{background:#ffffff0d;color:#fff}.tool-select b{font-size:12px;color:#74858c}.tool-label-mobile{display:none}.composer-actions{margin-left:auto;display:flex;align-items:center;gap:5px}.mic-btn{width:30px;height:30px;border-radius:8px;background:transparent;color:#8e9ba0;font-size:17px}.mic-btn:hover{background:#fff1;color:white}.send-btn{width:34px;height:34px;border-radius:10px;background:#39464c;color:#7f8b90;display:grid;place-items:center;font-size:20px;transition:.2s}.send-btn.ready{background:linear-gradient(135deg,#64d8fa,#667aff);color:white;box-shadow:0 4px 15px #4c9dff55}.send-btn:disabled{cursor:wait}.send-loading{display:none;width:15px;height:15px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.composer[data-status="loading"] .send-icon{display:none}.composer[data-status="loading"] .send-loading{display:block}.composer-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:9px 3px 0;color:#7e8f96;font-size:11px}.composer-suggestions button{background:#202b30;color:#b2c2c8;border:1px solid #2d424b;border-radius:99px;padding:6px 10px;font-size:11px}.composer-suggestions button:hover{border-color:#57c9ed;color:#e6faff}.generation-result{margin-top:12px;border:1px solid #35525a;border-radius:14px;padding:13px;background:#182327;color:#cfe2e8}.generation-result .result-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:10px}.generation-result .result-status{color:#65ddb4}.generation-result .result-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generation-result .result-card{min-height:115px;border-radius:10px;background:linear-gradient(135deg,#253d4a,#452a45);display:grid;place-items:center;color:#9fd9ed;font-size:11px}.generation-result .result-actions{display:flex;gap:8px;margin-top:10px}.generation-result button{background:#2c4a55;color:#dff7ff;border-radius:8px;padding:7px 10px;font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.composer{border-radius:16px;padding:12px}.composer textarea{font-size:14px}.composer-tools{width:auto;flex-wrap:wrap}.composer-tools .tool-select{padding:0 5px}.tool-label-mobile{display:inline}.composer-suggestions{font-size:10px}.composer-suggestions button{padding:5px 8px}.generation-result .result-body{grid-template-columns:1fr 1fr}}