html:root[data-theme="light"]{--an-ink:#292727;--an-muted:#756f69;--an-line:#e7e2dc;--an-surface:#fff;--an-bg:#faf9f7;--an-blue:#7b4de2;--an-blue-dark:#6840c3;--an-soft:#f3edf9;--bg:#faf9f7;--surface:#fff;--surface-2:#f4f1ed;--text:#292727;--muted:#756f69;--line:#e7e2dc;--accent:#f3edf9;--accent-text:#7342cc;--lime:#7b4de2;--blue:#7b4de2;--shadow:0 4px 16px #29272706;--font-sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
body{background:var(--an-bg);color:var(--an-ink)}
.membership-page [hidden],.asset-library [hidden]{display:none!important}
body #app:has(>.an-sidebar-shell){padding-left:192px}
:root #app>.an-sidebar-shell{position:fixed;inset:0 auto 0 0;z-index:35;width:192px;height:100dvh;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:28px;padding:27px 14px 20px;border-bottom:0;border-right:1px solid var(--an-line);background:var(--an-surface);isolation:auto}
:root .an-sidebar-shell .an-site-brand{font-size:16px;gap:9px;padding:0 4px;flex:none}
:root .an-sidebar-shell .an-site-brand span{font-size:16px;letter-spacing:.02em;display:block;font-weight:650}
:root .an-sidebar-shell .an-site-brand img{width:33px;height:33px}
:root .an-sidebar-shell nav{display:flex;flex-direction:column;align-items:stretch;flex:none;gap:5px;overflow:visible}
:root .an-sidebar-shell nav>a{border-radius:10px;padding:11px 16px;font-size:13px;font-weight:500;background:transparent;color:var(--an-muted);transition:background .15s,color .15s}
:root .an-sidebar-shell nav>a:nth-child(4){margin-top:16px}
:root .an-sidebar-shell nav>a.active,:root .an-sidebar-shell nav>a.active.anyun-nav-target{background:#292727!important;color:#fff!important}
:root .an-sidebar-shell nav>a:hover:not(.active){background:#f0ece6;color:#292727}
.an-sidebar-shell .anyun-nav-indicator{display:none!important}
.an-sidebar-account{margin-top:auto;display:flex;flex-direction:column;gap:20px;min-width:0}
.an-membership-link{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;background:#f3edff;color:#7140ca!important;border:1px solid #e8dcfb;border-radius:11px;padding:11px 8px;font-size:12px;text-decoration:none;transition:box-shadow .25s,background .25s;isolation:isolate}
.an-membership-link>span{font-size:19px;line-height:1}
.an-membership-link:hover,.an-membership-link:focus-visible{background:#eee3ff;box-shadow:0 0 28px #ab82ef45}
.an-membership-link i{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#a277ed;opacity:0;pointer-events:none;--dx:60px;--dy:-24px}
.an-membership-link i:nth-of-type(2){--dx:-58px;--dy:15px;background:#e3a0d9}.an-membership-link i:nth-of-type(3){--dx:-38px;--dy:-30px;background:#dfb563}.an-membership-link i:nth-of-type(4){--dx:45px;--dy:30px;background:#8eb9d9}.an-membership-link i:nth-of-type(5){--dx:4px;--dy:-32px;background:#7dcab8}
.an-membership-link:hover i,.an-membership-link:focus-visible i{animation:anyun-bloom .75s ease-out both}
@keyframes anyun-bloom{0%{opacity:1;transform:translate(0,0) scale(.3)}85%{opacity:.7}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.7)}}
:root .an-sidebar-shell .an-site-profile summary{gap:9px;padding:0 5px}
:root .an-sidebar-shell .an-avatar{background:#e8e1da;color:#675a4e;width:30px;height:30px;font-weight:500;flex:none}
:root .an-sidebar-shell .an-profile-name{font-size:12px;max-width:120px;white-space:normal;word-break:break-word;display:block;line-height:1.5}
.an-profile-name small{display:block;font-size:10px;font-weight:400;color:var(--an-muted)}
:root .an-sidebar-shell .an-site-menu{top:auto;bottom:calc(100% + 13px);left:0;right:auto;min-width:170px;box-shadow:0 10px 30px #29272719}
.an-sidebar-toggle{display:none}
:root .primary{background:#292727!important;color:#fff!important;border-radius:20px;font-weight:550}
:root .primary:hover{background:#46403c!important}
:root .page-title h1,:root .headline h1{font-size:22px;letter-spacing:0}
:root .page-title p{font-size:12px;line-height:1.7}
:root .page-title .eyebrow{display:none}
:root .account .page-title{padding-block:14px;margin-bottom:16px}
:root .account .page-title>b{font-size:18px}
:root .tool-card{border:1px solid var(--an-line);background:var(--an-surface)!important;box-shadow:none}
:root .tool-card h2{font-size:18px}
:root .tool-symbol{background:#f0eaf6!important;color:#7b4de2!important;box-shadow:none}
:root .an-section-label h2{font-size:20px}
:root .an-home-compact .tool-card{min-height:190px}
:root .an-home-compact .anyun-home-label img{display:none}
:root .foot{font-size:11px;color:var(--an-muted)}
:root .an-create,:root .infinite-canvas{height:100dvh}
:root .an-create .an-layout{min-width:0}
:root .asset-library button:focus-visible,:root .membership-page button:focus-visible,:root .an-sidebar-shell a:focus-visible{outline:2px solid #7b4de2;outline-offset:3px}
@media(max-height:720px) and (min-width:761px){:root #app>.an-sidebar-shell{padding-top:18px;gap:16px}.an-sidebar-account{gap:12px}:root .an-sidebar-shell nav>a{padding-block:8px}:root .an-sidebar-shell nav>a:nth-child(4){margin-top:8px}}
@media(max-width:1100px) and (min-width:761px){body #app:has(>.an-sidebar-shell){padding-left:168px}:root #app>.an-sidebar-shell{width:168px;padding-inline:10px}:root .an-sidebar-shell .an-site-brand span{font-size:14px}:root .an-sidebar-shell nav>a{padding-inline:13px}}
@media(max-width:760px){
 body #app:has(>.an-sidebar-shell){padding-left:0;padding-top:56px}
 :root #app>.an-sidebar-shell{width:100%;height:56px;inset:0 0 auto;display:flex;flex-direction:row;align-items:center;gap:12px;padding:9px 15px;border-right:0;border-bottom:1px solid var(--an-line)}
 .an-sidebar-toggle{display:block;border:0;background:transparent;color:#57514c;width:32px;height:32px;padding:0;font-size:20px;flex:none}
 :root .an-sidebar-shell .an-site-brand span{font-size:15px}:root .an-sidebar-shell .an-site-brand img{width:29px;height:29px}
 :root .an-sidebar-shell nav,:root .an-sidebar-shell .an-sidebar-account{display:none}
 :root #app>.an-sidebar-shell.is-open{height:100dvh;width:min(280px,90vw);display:flex;flex-direction:column;align-items:stretch;padding:15px;gap:22px;border-right:1px solid var(--an-line);box-shadow:20vw 0 0 80vw #29272755}
 :root .an-sidebar-shell.is-open .an-sidebar-toggle{position:absolute;top:16px;right:10px}
 :root .an-sidebar-shell.is-open nav,:root .an-sidebar-shell.is-open .an-sidebar-account{display:flex}
 :root .an-sidebar-shell.is-open .an-site-brand{padding-right:30px}
 :root .an-sidebar-shell.is-open .an-profile-name{display:block}
 :root .an-create,:root .infinite-canvas{height:calc(100dvh - 56px)}
 :root .an-site-header:not(.an-sidebar-shell) .an-site-brand span{display:block}
}
@media(prefers-reduced-motion:reduce){.an-membership-link i{animation:none!important}.an-membership-link{transition:none}}

:root .an-site-header .an-site-brand>img.an-brand-wordmark{width:148px;height:86px;max-width:100%;object-fit:contain;flex:none}
:root .an-sidebar-shell .an-site-brand{padding:0;gap:0}
@media(max-width:1100px) and (min-width:761px){:root .an-site-header .an-site-brand>img.an-brand-wordmark{width:120px;height:72px}}
@media(max-width:760px){:root .an-site-header .an-site-brand>img.an-brand-wordmark{width:112px;height:52px}.an-sidebar-shell.is-open .an-site-brand>img.an-brand-wordmark{width:112px;height:60px}}
