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}}

/* Icon navigation: keep the canvas still while the desktop rail expands over it. */
.an-nav-icon{display:block;width:20px;height:20px;flex:none;overflow:visible}
:root .an-sidebar-shell nav>a{display:flex;align-items:center;gap:12px;min-height:40px}
.an-nav-label{white-space:nowrap}
:root .an-site-brand>.an-brand-compact{display:none}
.an-membership-link>.an-member-label{font-size:12px;line-height:1.4;white-space:nowrap}
.an-sidebar-shell nav>a:is(:hover,:focus-visible) .an-nav-icon path{stroke-dasharray:1;animation:an-nav-draw .42s linear both}
@keyframes an-nav-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:761px){
 body #app:has(>.an-sidebar-shell){padding-left:72px}
 :root #app>.an-sidebar-shell{width:72px;padding-inline:12px;gap:24px;transition:width .2s linear,box-shadow .2s linear}
 :root #app>.an-sidebar-shell:is(:hover,:has(:focus-visible),:has(.an-site-profile[open])){width:208px;box-shadow:12px 0 30px #2927270a}
 :root .an-sidebar-shell .an-site-brand{position:relative;height:76px;min-height:76px;width:100%;overflow:hidden}
 :root .an-sidebar-shell .an-site-brand>img.an-brand-compact{position:absolute;display:block;width:40px;height:40px;left:4px;top:18px;opacity:1;transition:opacity .12s linear}
 :root .an-sidebar-shell .an-site-brand>img.an-brand-wordmark{width:148px;height:76px;max-width:none;opacity:0;transform:translateX(5px);transition:opacity .16s linear,transform .2s linear;pointer-events:none}
 :root .an-sidebar-shell:is(:hover,:has(:focus-visible),:has(.an-site-profile[open])) .an-brand-compact{opacity:0}
 :root .an-sidebar-shell:is(:hover,:has(:focus-visible),:has(.an-site-profile[open])) .an-brand-wordmark{opacity:1;transform:translateX(12px)}
 :root .an-sidebar-shell nav>a{padding:10px 14px;overflow:hidden;gap:12px;min-height:40px;transition:background .15s linear,color .15s linear}
 .an-sidebar-shell .an-nav-label,.an-sidebar-shell .an-member-label,.an-sidebar-shell .an-profile-name,.an-sidebar-shell .an-profile-chevron{opacity:0;visibility:hidden;transition:opacity .14s linear,visibility .14s linear}
 .an-sidebar-shell:is(:hover,:has(:focus-visible),:has(.an-site-profile[open])) :is(.an-nav-label,.an-member-label,.an-profile-name,.an-profile-chevron){opacity:1;visibility:visible}
 :root .an-sidebar-shell .an-membership-link{height:42px;justify-content:flex-start;gap:12px;padding:10px 13px;overflow:hidden}
 :root .an-sidebar-shell .an-site-profile summary{gap:10px;padding:0 9px;min-height:36px;overflow:hidden;white-space:nowrap}
 :root .an-sidebar-shell .an-profile-name{min-width:0;max-width:112px;white-space:nowrap;flex:1}
 :root .an-sidebar-shell .an-site-menu{left:0;min-width:182px}
 :root .an-sidebar-shell .an-site-brand:focus-visible{outline-offset:-2px}
}
@media(max-height:720px) and (min-width:761px){:root #app>.an-sidebar-shell{gap:16px}:root .an-sidebar-shell nav>a{padding-block:8px;min-height:36px}}
@media(max-width:760px){.an-sidebar-toggle .an-nav-icon{margin:auto}:root .an-sidebar-shell nav>a{gap:12px}:root .an-sidebar-shell .an-member-label{display:inline;font-size:12px}}
@media(prefers-reduced-motion:reduce){:root #app>.an-sidebar-shell,:root .an-sidebar-shell *{transition:none!important;animation:none!important}}