@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.p.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_f957f5a4-module__nliZWa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_f957f5a4-module__nliZWa__variable{--font-heading:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.p.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.p.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_f5cbb843-module__tRjG7q__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_f5cbb843-module__tRjG7q__variable{--font-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--cms-sidebar-w:214px;--cms-content-px:32px;--color-neutral-1:#212125;--color-neutral-2:#585858;--color-neutral-3:#9e9e9e;--color-neutral-4:#dedede;--color-neutral-5:#fff;--color-main:#1d78ff;--color-blue:#455eed;--color-bg-1:#f8f8f8;--color-bg-2:#f7f8fc;--color-bg-3:#fff;--color-bg-4:#eaf2ff;--color-bg-surface:#fff;--color-stroke-1:#f3f3f3;--color-stroke-2:#eaf2ff;--gradient-brand:linear-gradient(70.57deg, #06f 26.39%, #5fcaff 64.1%, #467aff 135.87%);--gradient-brand-soft:linear-gradient(76.7deg, #0066ff26 26.39%, #5fcaff26 52.4%, #2cff6426 135.87%);--gradient-slide:linear-gradient(117.19deg, #438eff 0%, #7cb0ff 94.95%);--gradient-footer:linear-gradient(112.68deg, #438eff0d 0%, #7cb0ff0d 94.95%);--shadow-hover:-4px -8px 20px 0px #e3fbff26, 0px 8px 24px 0px #106bff26;--font-sans:"Google Sans", var(--font-heading), system-ui, sans-serif;--font-code:"Fira Code", var(--font-mono), monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--content-max:1200px;--page-px:120px;--sidebar-w:240px;--toc-w:310px;--header-h:70px;--color-text:var(--color-neutral-1);--color-text-soft:var(--color-neutral-2);--color-accent:var(--color-main);--color-accent-soft:var(--color-bg-4);--color-border:var(--color-stroke-1);--color-surface:var(--color-bg-surface);--color-panel:var(--color-bg-3);--color-panel-strong:var(--color-bg-3)}.doc-w--a4{--doc-measure:605px}.doc-w--letter{--doc-measure:636px}.doc-w--narrow{--doc-measure:640px}.doc-w--normal{--doc-measure:768px}.doc-w--wide{--doc-measure:960px}.doc-w--xwide{--doc-measure:1200px}.doc-w--full{--doc-measure:none}
.site-shell{flex-direction:column;width:100%;min-height:100vh;display:flex}.site-shell>footer{margin-top:auto}.site-shell:has(.doc-layout){height:100vh;min-height:100vh;max-height:100vh;overflow:hidden}.site-panel{background:var(--color-bg-3)}
.site-header{border-bottom:2px solid var(--color-stroke-1);background:var(--color-bg-3);z-index:40;align-items:center;gap:48px;width:100%;padding:12px 48px;display:flex;position:sticky;top:0}.site-header__logo{flex-shrink:0;align-items:center;gap:5.33px;display:flex}.site-header__logo-img{object-fit:contain;width:46px;height:34px;display:block}.site-header__logo-text{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:20px;font-weight:600;line-height:1}.site-header__meta{align-items:center;gap:48px;display:flex}.site-header__eyebrow{color:var(--color-neutral-2);font-family:var(--font-code);letter-spacing:.08em;text-transform:uppercase;font-size:13px}.site-header__title{font-family:var(--font-sans);color:var(--color-neutral-1);text-transform:capitalize;margin:0;font-size:28px;font-weight:600;line-height:38px}.site-header__description{max-width:720px;color:var(--color-neutral-2);font-family:var(--font-sans);margin:0;font-size:16px;line-height:26px}.site-header__actions{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.header-search{border:1px solid var(--color-neutral-4);border-radius:var(--radius-md);background:var(--color-bg-3);flex:1;align-items:center;gap:8px;max-width:400px;height:40px;padding:0 12px;transition:border-color .15s;display:flex;position:relative}.header-search:focus-within{border-color:var(--color-main)}.header-search__icon{width:18px;height:18px;color:var(--color-neutral-3);flex-shrink:0}.header-search__input{font-family:var(--font-sans);color:var(--color-neutral-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px;line-height:22px}.header-search__input::placeholder{color:var(--color-neutral-3)}.header-search__dropdown{background:var(--color-bg-3);border:1px solid var(--color-stroke-1);border-radius:var(--radius-lg);z-index:50;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.header-search__suggestion{text-align:left;width:100%;color:var(--color-neutral-1);border:none;border-bottom:1px solid var(--color-stroke-1);font-family:var(--font-sans);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 16px;font-size:14px;text-decoration:none;transition:background .1s;display:flex}.header-search__suggestion:hover{background:var(--color-bg-1)}.header-search__suggestion-type{color:var(--color-neutral-3);text-transform:uppercase;font-size:11px;font-family:var(--font-code);flex-shrink:0}.header-search__view-all{text-align:center;background:var(--color-bg-1);cursor:pointer;width:100%;color:var(--color-main);font-size:13px;font-family:var(--font-sans);border:none;padding:10px 16px;font-weight:500;display:block}.header-search__view-all:hover{background:var(--color-bg-4)}.site-nav{align-items:center;gap:20px;display:flex}.site-nav__link{font-family:var(--font-sans);color:var(--color-neutral-1);text-align:center;white-space:nowrap;border-radius:var(--radius-sm);cursor:pointer;padding:4px 8px;font-size:18px;font-weight:500;line-height:28px;text-decoration:none;transition:color .2s,background .2s}.site-nav__link:hover{color:var(--color-main);background:var(--color-bg-4)}.site-nav__link--active{color:var(--color-main)}.site-chip{border:1px solid var(--color-neutral-4);border-radius:var(--radius-pill);font-family:var(--font-code);color:var(--color-neutral-1);background:#ffffffa3;align-items:center;gap:8px;padding:10px 14px;font-size:13px;text-decoration:none;display:inline-flex}.site-chip--accent{background:var(--color-bg-4);color:var(--color-main);border-color:#1d78ff3d}
.hero{text-align:center;background:linear-gradient(#fff 0%,#f9fbff 100%);width:100%;padding:88px 48px 64px;position:relative;overflow:hidden}.hero__title-row{justify-content:center;align-items:center;gap:12px;display:flex}.hero__title{font-family:var(--font-sans);color:var(--color-neutral-1);text-transform:capitalize;font-size:34px;font-weight:600;line-height:56px}.hero__title-gradient{font-family:"Poppins", var(--font-sans);background:var(--gradient-brand);-webkit-text-fill-color:transparent;text-transform:capitalize;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:600;line-height:1.6}.hero__subtitle{font-family:var(--font-sans);color:var(--color-neutral-1);max-width:913px;margin:24px auto 0;font-size:24px;line-height:36px}.hero__search{border:2px solid var(--color-main);background:var(--color-bg-3);border-radius:40px;justify-content:space-between;align-items:center;width:868px;max-width:100%;height:72px;margin:48px auto 0;padding:0 35px;display:flex}.hero__search-input{font-family:var(--font-sans);color:var(--color-neutral-1);background:0 0;border:none;outline:none;flex:1;font-size:24px;line-height:36px}.hero__search-input::placeholder{color:var(--color-neutral-3)}@keyframes hero-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__title-row{animation:.6s ease-out .1s both hero-fade-in-up}.hero__subtitle{animation:.6s ease-out .25s both hero-fade-in-up}.hero__search{animation:.6s ease-out .4s both hero-fade-in-up}@media (prefers-reduced-motion:reduce){.hero__title-row,.hero__subtitle,.hero__search{animation:none}}
.section{width:100%;padding:72px var(--page-px)}.section--alt{background:#f9fbff}.section__badge{background:var(--color-main);font-family:var(--font-sans);color:#fff;border-radius:32px;justify-content:center;align-items:center;padding:6px 28px;font-size:18px;font-weight:600;line-height:28px;display:inline-flex}.section__header{text-align:center;margin-bottom:48px}.section__title{font-family:var(--font-sans);color:var(--color-neutral-1);text-transform:capitalize;font-size:40px;font-weight:600;line-height:64px}.section__title-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section__subtitle{font-family:var(--font-sans);color:var(--color-neutral-2);margin-top:8px;font-size:24px;line-height:36px}.featured-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}
.site-card{background:var(--color-bg-3);border:2px solid var(--color-stroke-2);border-radius:var(--radius-xl);width:100%;color:inherit;cursor:pointer;flex-direction:column;gap:20px;padding-bottom:20px;text-decoration:none;transition:box-shadow .25s ease-out,transform .25s ease-out,border-color .25s;display:flex;overflow:hidden}.site-card:hover{box-shadow:var(--shadow-hover);border-color:#1d78ff33;transform:translateY(-4px)}.site-card__thumb{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-xl) var(--radius-xl) 8px 8px;flex-shrink:0;width:100%;height:auto;display:block}.site-card__thumb--placeholder{background:linear-gradient(135deg,#e8f0fe 0%,#d4e4ff 40%,#eaf2ff 70%,#f0e6ff 100%)}.site-card__body{flex-direction:column;flex:1;gap:12px;padding:0 16px;display:flex}.site-card__tags{gap:12px;display:flex}.site-card__tag{background:var(--color-bg-4);font-family:var(--font-sans);color:var(--color-main);letter-spacing:.01em;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-size:13px;font-weight:500;line-height:20px;display:inline-flex}.site-card__title{font-family:var(--font-sans);color:var(--color-neutral-1);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:18px;font-weight:600;line-height:28px;display:-webkit-box;overflow:hidden}.site-card__excerpt{font-family:var(--font-sans);color:var(--color-neutral-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:15px;line-height:24px;display:-webkit-box;overflow:hidden}.site-card__label{color:var(--color-neutral-2);font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.site-card__text{color:var(--color-neutral-2);margin:0;font-size:14px;line-height:22px}.site-card__divider{background:var(--color-stroke-1);border:none;border-radius:4px;height:1px;margin-top:auto}.site-card__author{align-items:center;gap:12px;display:flex}.site-card__author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.site-card__author-avatar--initials{background:var(--color-bg-4);font-family:var(--font-sans);color:var(--color-main);justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.site-card__author-name--unknown{color:var(--color-neutral-3);font-style:italic;font-weight:400}.site-card__author-name{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:16px;font-weight:500;line-height:26px}.site-card__author-role{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:14px;line-height:22px}.site-card__date{font-family:var(--font-sans);color:var(--color-neutral-2);white-space:nowrap;margin-left:auto;font-size:14px;line-height:22px}.site-card__stats{color:var(--color-neutral-3);font-variant-numeric:tabular-nums;align-items:center;gap:14px;padding-top:6px;font-size:13px;display:flex}.site-card__stat{align-items:center;gap:5px;display:flex}.featured-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.featured-grid .site-card{width:auto}@media (max-width:768px){.featured-grid{grid-template-columns:1fr}}.carousel-dots{justify-content:center;align-items:center;gap:6px;margin-top:32px;display:flex}.carousel-dot{border-radius:12px;height:8px}.carousel-dot--active{background:linear-gradient(117deg,#438eff 0%,#7cb0ff 95%);width:40px}.carousel-dot--inactive{background:var(--color-bg-4);width:12px}.like-button{border:1px solid var(--color-neutral-4);border-radius:var(--radius-md);color:var(--color-neutral-2);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 8px;font-size:14px;line-height:1;transition:all .15s;display:inline-flex}.like-button:hover{border-color:var(--color-main);color:var(--color-main)}.like-button--liked{color:#e5484d;border-color:#e5484d}.like-button--liked:hover{color:#cd2b31;border-color:#cd2b31}.like-button:disabled{opacity:.6;cursor:not-allowed}.like-button__icon{flex-shrink:0}.like-button__count{font-variant-numeric:tabular-nums}@keyframes like-pop{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}to{transform:scale(1)}}.like-button--animating .like-button__icon{animation:.35s ease-out like-pop}.platform-card{background:var(--color-bg-3);border:2px solid var(--color-stroke-2);border-radius:var(--radius-xl);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;width:100%;padding:20px 12px;transition:box-shadow .25s ease-out,transform .25s ease-out,border-color .25s;display:flex}.platform-card:hover{box-shadow:var(--shadow-hover);border-color:#0000;transform:translateY(-4px)}.platform-card__icon{object-fit:contain;width:148px;height:120px}.platform-card__title{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:24px;font-weight:500;line-height:36px}.platform-card__desc{font-family:var(--font-sans);height:78px;color:var(--color-neutral-2);text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:16px;line-height:26px;display:-webkit-box;overflow:hidden}.site-grid{gap:24px;padding:24px 28px 28px;display:grid}.site-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.site-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.site-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.site-button{border-radius:var(--radius-md);background:var(--color-neutral-1);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 36px;font-size:18px;font-weight:500;line-height:28px;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.site-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #21212540}.site-button:active{transform:translateY(0)}.site-button--primary{background:var(--color-main)}.site-button--outline{background:var(--color-bg-3);border:1px solid var(--color-neutral-4);color:var(--color-neutral-1)}.site-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.site-list__item{background:#fffc;border:1px solid #25283814;border-radius:18px;gap:6px;padding:18px;display:grid}.site-list__meta{color:var(--color-neutral-2);font-family:var(--font-code);font-size:12px}.site-actions{flex-wrap:wrap;gap:12px;display:flex}.site-code{border-radius:var(--radius-lg);background:var(--color-neutral-1);color:var(--color-bg-1);font-family:var(--font-code);padding:16px;font-size:13px;line-height:1.7;display:block;overflow-x:auto}.site-empty{color:var(--color-neutral-2);background:#ffffff85;border:1px dashed #2528382e;border-radius:22px;padding:32px 22px}@media (prefers-reduced-motion:reduce){.like-button--animating .like-button__icon{animation:none}.site-card,.platform-card,.site-button{transition:none}}
.search-box{border:2px solid var(--color-main);background:var(--color-bg-3);border-radius:40px;justify-content:space-between;align-items:center;width:868px;max-width:100%;height:72px;margin:0 auto;padding:0 12px 0 35px;display:flex;position:relative}.search-box__input{font-family:var(--font-sans);color:var(--color-neutral-1);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:20px;font-weight:500;line-height:32px}.search-box__input::placeholder{color:var(--color-neutral-3)}.search-box__btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex}@keyframes search-dropdown-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-dropdown{z-index:100;background:#fff;border-radius:24px;padding:24px;animation:.2s ease-out both search-dropdown-enter;position:absolute;top:calc(100% + 16px);left:0;right:0;box-shadow:0 0 4px #00000029}.search-dropdown__count{font-family:var(--font-sans);color:var(--color-neutral-2);margin-bottom:13px;font-size:14px;line-height:22px}.search-dropdown__list{flex-direction:column;gap:16px;display:flex}.search-dropdown__item{text-align:left;background:var(--color-bg-1);width:100%;font-family:var(--font-sans);color:var(--color-neutral-1);cursor:pointer;border:none;border-radius:4px;align-items:center;padding:4px 8px;font-size:14px;line-height:24px;transition:background .12s;display:flex}.search-dropdown__item:hover{background:var(--color-stroke-1)}.search-dropdown__highlight{font-weight:600;line-height:20px}.search-dropdown__divider{background:var(--color-bg-1);height:1px;margin:16px 0}.search-dropdown__view-all{background:var(--color-bg-4,#eaf2ff);cursor:pointer;border:none;border-radius:2px;align-items:center;gap:12px;padding:2px 4px;transition:background .12s;display:inline-flex}.search-dropdown__view-all:hover{background:#d5e4ff}.search-dropdown__view-all-text{font-family:var(--font-sans);color:var(--color-main);font-size:14px;line-height:20px;text-decoration:underline}.search-dropdown__view-all-icon{flex-shrink:0;width:16px;height:16px}.search-page{width:100%;padding:48px var(--page-px);flex:1}.search-page__header{align-items:baseline;gap:16px;margin-bottom:32px;display:flex}.search-page__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0;font-size:24px;font-weight:600;line-height:36px}.search-page__count{font-family:var(--font-sans);color:var(--color-neutral-3);font-size:14px}.search-page__results{flex-direction:column;gap:28px;display:flex}.search-result{color:var(--color-neutral-1);align-items:center;gap:24px;padding:4px;text-decoration:none;display:flex}.search-result__body{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;padding:4px;transition:opacity .2s;display:flex}.search-result__cover{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;flex-shrink:0;width:240px;height:193px}@media (max-width:720px){.search-result{flex-direction:column;align-items:stretch}.search-result__cover{width:100%;height:180px}}.search-result:hover .search-result__title{color:var(--color-main)}.search-result__breadcrumb{font-family:var(--font-sans);color:var(--color-neutral-3);align-items:center;gap:12px;font-size:16px;line-height:26px;display:flex}.search-result__crumb{text-transform:capitalize}.search-result__crumb--active{color:var(--color-main);text-overflow:ellipsis;white-space:nowrap;max-width:573px;font-weight:500;overflow:hidden}.search-result__crumb-sep{color:var(--color-neutral-3)}.search-result__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0;font-size:18px;font-weight:500;line-height:28px;transition:color .2s}.search-result__excerpt{font-family:var(--font-sans);color:var(--color-neutral-2);margin:0;font-size:16px;line-height:26px}.search-page__empty{text-align:center;color:var(--color-neutral-3);font-family:var(--font-sans);padding:64px 0;font-size:16px}.search-page__empty .search-page__title{margin-bottom:12px}.search-page__pagination{justify-content:center;gap:8px;margin-top:48px;display:flex}.search-page__pagination-btn{border:1px solid var(--color-stroke-1);border-radius:var(--radius-sm);background:var(--color-bg-3);font-family:var(--font-sans);color:var(--color-neutral-1);cursor:pointer;padding:8px 16px;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s}.search-page__pagination-btn:hover{background:var(--color-bg-1);border-color:var(--color-main)}.search-page__pagination-btn--active{background:var(--color-main);color:var(--color-neutral-5);border-color:var(--color-main)}.search-page__loading{flex-direction:column;gap:20px;display:flex}.search-skeleton{border:1px solid var(--color-stroke-1);border-radius:var(--radius-lg);padding:20px 24px}.search-skeleton__title,.search-skeleton__excerpt,.search-skeleton__meta{background:linear-gradient(90deg, var(--color-bg-1) 25%, var(--color-stroke-1) 50%, var(--color-bg-1) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite skeleton-shimmer}.search-skeleton__title{width:60%;height:22px;margin-bottom:8px}.search-skeleton__excerpt{width:90%;height:16px;margin-bottom:12px}.search-skeleton__meta{width:30%;height:14px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.search-dropdown,.search-skeleton__title,.search-skeleton__excerpt,.search-skeleton__meta{animation:none}}@media (max-width:768px){.search-box{height:56px;padding:0 8px 0 20px}.search-box__input{font-size:18px}.search-dropdown{border-radius:16px;padding:16px}.search-page{padding:24px var(--page-px)}}
.site-footer{background:var(--gradient-footer);-webkit-backdrop-filter:blur(8px);width:100%;padding:32px 48px}.site-footer__links{gap:24px;display:flex}.site-footer__col{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.site-footer__col-title{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:18px;font-weight:500;line-height:28px}.site-footer__col-link{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:16px;line-height:26px;text-decoration:none;transition:color .2s}.site-footer__col-link:hover{color:var(--color-main)}.site-footer__bottom{text-align:center;font-family:var(--font-sans);color:var(--color-neutral-2);background:#fff;padding:8px;font-size:14px;font-weight:400;line-height:26px}.slide-dots{justify-content:center;align-items:center;gap:6px;display:flex}.slide-dots__active,.slide-dots__inactive{cursor:pointer;border:none;border-radius:12px;height:8px;padding:0;transition:width .25s,background .25s}.slide-dots__active{background:var(--gradient-slide);width:40px}.slide-dots__inactive{background:var(--color-bg-4);width:12px}.slide-dots__inactive:hover{background:var(--color-neutral-4)}
.hero__logo-icon{object-fit:contain;width:85px;height:64px}.cs-card{background:var(--color-bg-3);border:2px solid var(--color-stroke-2);border-radius:var(--radius-xl);width:100%;color:inherit;cursor:pointer;align-items:center;gap:16px;text-decoration:none;transition:box-shadow .25s ease-out,transform .25s ease-out,border-color .25s;display:flex;overflow:hidden}.cs-card:hover{box-shadow:var(--shadow-hover);border-color:#0000;transform:translateY(-4px)}.cs-card__img-wrap{flex-shrink:0;width:180px;height:250px;position:relative}.cs-card__thumb{object-fit:cover;border-radius:var(--radius-xl) 4px 4px var(--radius-xl);width:100%;height:100%}.cs-card__tag{background:var(--color-bg-4);font-family:var(--font-sans);color:var(--color-main);border-radius:16px;justify-content:center;align-items:center;padding:4px 12px;font-size:14px;line-height:22px;display:inline-flex;position:absolute;top:12px;left:12px}.cs-card__body{flex-direction:column;flex:1;gap:16px;min-width:0;padding-right:20px;display:flex}.cs-card__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0;font-size:20px;font-weight:500;line-height:32px}.cs-card__excerpt{font-family:var(--font-sans);color:var(--color-neutral-2);margin:0;font-size:18px;line-height:28px}.cs-card__action{font-family:var(--font-sans);color:var(--color-main);align-items:center;gap:12px;font-size:20px;font-weight:500;line-height:32px;display:flex}.cs-card__action-arrow{width:13px;height:12px}.cs-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.cs-tabs__pill{border:1.5px solid var(--color-neutral-4);border-radius:var(--radius-pill);font-family:var(--font-sans);color:var(--color-neutral-2);cursor:pointer;background:0 0;padding:10px 24px;font-size:16px;font-weight:500;line-height:24px;transition:background .2s,color .2s,border-color .2s}.cs-tabs__pill:hover{background:var(--color-bg-4);border-color:var(--color-bg-4);color:var(--color-main)}.cs-tabs__pill:focus-visible{outline:2px solid var(--color-main);outline-offset:2px}.cs-tabs__pill--active,.cs-tabs__pill--active:hover{background:var(--color-main);color:#fff;border-color:#0000}.cs-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;display:grid}.platform-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:768px){.cs-card{flex-direction:column;width:100%}.cs-card__img-wrap{width:100%;height:180px}.cs-card__thumb{border-radius:var(--radius-xl) var(--radius-xl) 8px 8px}.cs-card__body{padding:0 16px 16px}.cs-tabs{gap:8px}.cs-tabs__pill{padding:8px 18px;font-size:14px;line-height:20px}.featured-grid{grid-template-columns:1fr}.platform-grid{grid-template-columns:repeat(2,1fr)}.cs-grid{grid-template-columns:1fr}.hero{padding:48px 16px 40px}.hero__title{font-size:24px;line-height:40px}.hero__title-gradient{font-size:36px}.hero__subtitle{font-size:18px;line-height:28px}.section{padding:48px 16px}.section__title{font-size:28px;line-height:40px}.section__subtitle{font-size:18px;line-height:28px}.site-header{gap:16px;padding:12px 16px}.site-footer{padding:24px 16px}.cs-grid{gap:16px}}@media (prefers-reduced-motion:reduce){.site-card,.platform-card,.cs-card,.site-button,.site-nav__link,.cs-tabs__pill{transition:none}.site-card:hover,.platform-card:hover,.cs-card:hover,.site-button:hover{transform:none}}.article-list{flex-direction:column;gap:44px;display:flex}.article-row{background:var(--color-bg-1);color:inherit;border-radius:18px;align-items:center;gap:20px;padding:8px;text-decoration:none;transition:box-shadow .2s;display:flex}.article-row:hover{box-shadow:var(--shadow-hover)}.article-row__content{flex-direction:column;flex:1;gap:12px;min-width:0;padding:8px;display:flex}.article-row__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0;font-size:18px;font-weight:500;line-height:28px}.article-row__excerpt{font-family:var(--font-sans);color:var(--color-neutral-2);margin:0;font-size:16px;line-height:26px}.article-row__divider{background:var(--color-stroke-1);border:none;border-radius:6px;height:1px}.article-row__meta{align-items:center;gap:8px;display:flex}.article-row__author{flex:1;align-items:center;gap:12px;display:flex}.article-row__avatar{background:var(--color-bg-4);width:36px;height:36px;font-family:var(--font-sans);color:var(--color-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.article-row__author-name{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:16px;font-weight:500;line-height:26px}.article-row__author-role{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:14px;line-height:22px}.article-row__date{font-family:var(--font-sans);color:var(--color-neutral-2);white-space:nowrap;font-size:14px;line-height:22px}.article-row__tags{gap:8px;display:flex}.article-row__tag{background:var(--color-bg-4);font-family:var(--font-sans);color:var(--color-main);border-radius:10px;align-items:center;padding:4px 12px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.article-row__thumb{object-fit:cover;border-radius:16px;flex-shrink:0;width:240px;height:193px}.article-row__thumb--placeholder{background:linear-gradient(135deg,#e8f0fe 0%,#d4e4ff 40%,#eaf2ff 70%,#f0e6ff 100%)}@media (max-width:768px){.article-row{flex-direction:column}.article-row__thumb{width:100%;height:180px}}
.sidebar-tree{font-family:var(--font-sans);width:var(--sidebar-w);padding:24px 12px 40px 24px;font-size:14px}.sidebar-tree__list,.sidebar-tree__children{margin:0;padding:0;list-style:none}.sidebar-tree__section-title{color:var(--color-neutral-1);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:14px;font-weight:600;line-height:22px;display:flex}.sidebar-tree__row--d0-article{margin-left:-16px;padding-left:16px!important}.sidebar-tree__section-body{flex-direction:column;gap:8px;padding-top:12px;display:flex}.sidebar-tree__divider{background:var(--color-stroke-1);border:none;height:1px;margin:16px 0}.sidebar-tree__row{color:var(--color-neutral-1);border-radius:10px;align-items:center;transition:background .15s;display:flex}.sidebar-tree__row:hover{background:var(--color-bg-1)}.sidebar-tree__row--active{background:var(--color-bg-4);color:var(--color-main);border-radius:10px;font-weight:500}.sidebar-tree__row--d1{min-height:36px;padding:6px 16px 6px 24px;font-size:14px;font-weight:400;line-height:22px}.sidebar-tree__row--d1.sidebar-tree__row--active{background:var(--color-bg-4);color:var(--color-main);font-weight:500}.sidebar-tree__row--d1-parent{letter-spacing:.28px;cursor:pointer;gap:8px;min-height:36px;padding:6px 16px 6px 4px;font-size:14px;font-weight:500;line-height:22px}.sidebar-tree__row--d2{justify-content:space-between;min-height:32px;padding:5px 24px 5px 40px;font-size:14px;font-weight:400;line-height:22px}.sidebar-tree__row--d3{letter-spacing:.26px;min-height:28px;padding:4px 24px 4px 56px;font-size:13px;font-weight:400;line-height:18px}.sidebar-tree__chevron{color:var(--color-neutral-2);flex-shrink:0;transition:transform .2s}.sidebar-tree__chevron--collapsed{transform:rotate(-90deg)}.sidebar-tree__arrow{color:var(--color-neutral-2);flex-shrink:0;transition:transform .2s}.sidebar-tree__arrow--expanded{transform:rotate(90deg)}.sidebar-tree__link{color:inherit;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;text-decoration:none;display:-webkit-box;overflow:hidden}.sidebar-tree__toggle-btn{cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;-webkit-line-clamp:2;line-clamp:2;background:0 0;border:none;-webkit-box-orient:vertical;flex:1;padding:0;display:-webkit-box;overflow:hidden}.sidebar-tree__empty{color:var(--color-neutral-2);padding:16px;font-size:13px}.sidebar-groups{font-family:var(--font-sans);flex-direction:column;gap:4px;padding:20px 12px 40px 20px;font-size:14px;display:flex}.sidebar-group+.sidebar-group{border-top:1px solid var(--color-stroke-1);margin-top:4px;padding-top:4px}.sidebar-group__header{cursor:pointer;width:100%;color:var(--color-neutral-2);letter-spacing:.04em;text-transform:uppercase;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 8px 8px 4px;font-family:inherit;font-size:12px;font-weight:650;transition:background .15s;display:flex}.sidebar-group__header:hover{background:var(--color-bg-1)}.sidebar-group__header:focus-visible{outline:2px solid var(--color-main);outline-offset:2px}.sidebar-group__dot{border-radius:3px;flex-shrink:0;width:8px;height:8px}.sidebar-group__title{flex:1;min-width:0}.sidebar-group__chevron{color:var(--color-neutral-3);flex-shrink:0;transition:transform .2s}.sidebar-group__chevron--collapsed{transform:rotate(-90deg)}.sidebar-group__body{padding-top:2px}.sidebar-group__body .sidebar-tree{width:auto;padding:0;font-size:14px}.sidebar-group__body .sidebar-tree__section-title{color:var(--color-neutral-1);font-weight:450}.sidebar-group__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar-group__link{min-height:32px;color:var(--color-neutral-1);border-radius:8px;align-items:center;gap:8px;padding:6px 12px 6px 20px;font-size:13.5px;line-height:20px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-group__link:hover{background:var(--color-bg-1)}.sidebar-group__link:focus-visible{outline:2px solid var(--color-main);outline-offset:-2px}.sidebar-group__link--active{background:var(--color-bg-4);color:var(--color-main);font-weight:500}.sidebar-group__link-label{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.sidebar-group__link-ic{color:var(--color-neutral-3);flex-shrink:0}@media (prefers-reduced-motion:reduce){.sidebar-group__header,.sidebar-group__chevron,.sidebar-group__link{transition:none}}.toc-wrap{overscroll-behavior:contain;width:100%;height:100%;padding:0;position:relative;overflow-y:auto}.toc-wrap--collapsed{justify-content:center;width:36px;padding:12px 0;display:flex;overflow:visible}.toc__summary{z-index:1;background:var(--color-bg-3);border-bottom:1px solid var(--color-stroke-1);justify-content:space-between;align-items:center;gap:8px;padding:12px 20px 10px;display:flex;position:sticky;top:0}.toc__toggle{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);width:28px;height:28px;color:var(--color-neutral-3);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.toc__toggle:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.toc__toggle--rail{width:32px;height:32px;box-shadow:0 2px 8px #0000001f}.toc{width:100%;padding:8px 20px 24px}.toc__title{font-family:var(--font-sans);color:var(--color-neutral-2);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600;line-height:20px}.toc__list{margin:0;padding:0 0 0 18px;list-style:none;position:relative}.toc__list:before{content:"";background:var(--color-main);border-radius:4px;width:2px;position:absolute;top:0;bottom:0;left:0}.toc__item{align-items:center;gap:2px;display:flex}.toc__item--1{padding-left:0;font-weight:600}.toc__item--2{padding-left:12px}.toc__item--3{padding-left:24px}.toc__link{min-width:0;font-family:var(--font-sans);color:var(--color-neutral-2);flex:auto;padding:3px 0;font-size:13px;line-height:20px;text-decoration:none;transition:color .15s;display:block}.toc__copy{cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex:none;padding:2px 4px;font-size:11px;line-height:1;transition:opacity .12s,background .12s}.toc__item:hover .toc__copy,.toc__copy:focus-visible{opacity:.6}.toc__copy:hover{opacity:1;background:var(--color-bg-2,#0000000d)}.toc__link:hover{color:var(--color-neutral-1)}.toc__item--active .toc__link{color:var(--color-main);font-weight:500}.toc__link--sub{font-size:12px;line-height:18px}
@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdown-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}.profile-menu{position:relative}.profile-menu__trigger{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .15s;display:flex}.profile-menu__trigger:hover{border-color:var(--color-main)}.profile-menu__avatar{background:var(--color-main);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}img.profile-menu__avatar{object-fit:cover}.profile-menu__info-inline{white-space:nowrap;flex-direction:column;align-items:flex-start;line-height:22px;display:flex}.profile-menu__name{font-family:var(--font-sans);color:var(--color-main);font-size:14px;font-weight:500;line-height:22px}.profile-menu__role{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:14px;font-weight:400;line-height:22px}.profile-menu__dropdown{background:var(--color-bg-3);border:1px solid var(--color-stroke-1);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-hover);z-index:50;opacity:0;pointer-events:none;padding:8px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.96)}.profile-menu__dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.profile-menu__info{gap:2px;padding:8px 10px;display:grid}.profile-menu__email{color:var(--color-neutral-2);font-size:13px}.profile-menu__roles{font-family:var(--font-code);color:var(--color-neutral-2);font-size:11px}.profile-menu__divider{border:none;border-top:1px solid var(--color-stroke-1);margin:4px 0}.profile-menu__item{color:var(--color-neutral-1);border-radius:8px;padding:8px 10px;font-size:14px;text-decoration:none;display:block}.profile-menu__item:hover{background:var(--color-bg-1)}.profile-menu__item--danger{color:#dc2626}.notif-bell{position:relative}.notif-bell__trigger{width:36px;height:36px;color:var(--color-neutral-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:relative}.notif-bell__trigger:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.notif-bell__icon{display:block}.notif-bell__badge{color:#fff;text-align:center;background:#dc2626;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:2px;right:2px}.notif-bell__dropdown{background:var(--color-bg-3);border:1px solid var(--color-stroke-1);z-index:200;opacity:0;pointer-events:none;border-radius:10px;width:360px;transition:opacity .18s,transform .18s;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-8px)scale(.96);box-shadow:0 8px 24px #0000001a}.notif-bell__dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.notif-bell__header{border-bottom:1px solid var(--color-stroke-1);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-bell__title{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:14px;font-weight:600}.notif-bell__mark-all{color:var(--color-main);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:500;transition:background .15s}.notif-bell__mark-all:hover{background:var(--color-bg-4)}.notif-bell__list{max-height:380px;overflow-y:auto}.notif-bell__empty{text-align:center;color:var(--color-neutral-3);padding:32px 16px;font-size:13px}.notif-bell__item{border:none;border-bottom:1px solid var(--color-stroke-1);background:var(--color-bg-3);cursor:pointer;text-align:left;align-items:flex-start;gap:10px;width:100%;padding:10px 16px;transition:background .12s;display:flex}.notif-bell__item:last-child{border-bottom:none}.notif-bell__item:hover{background:var(--color-bg-1)}.notif-bell__item--unread{background:var(--color-bg-4)}.notif-bell__item--unread:hover{background:#dce8ff}.notif-bell__item-icon{flex-shrink:0;font-size:16px;line-height:22px}.notif-bell__item-body{flex:1;min-width:0}.notif-bell__item-title{color:var(--color-neutral-1);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.notif-bell__item--unread .notif-bell__item-title{font-weight:600}.notif-bell__item-message{color:var(--color-neutral-2);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.4;overflow:hidden}.notif-bell__item-time{color:var(--color-neutral-3);margin-top:3px;font-size:11px}.notif-bell__item-dot{background:var(--color-main);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.locale-switcher{position:relative}.locale-switcher__trigger{width:36px;height:36px;color:var(--color-neutral-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.locale-switcher__trigger:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.locale-switcher__dropdown{background:var(--color-bg-3);border:1px solid var(--color-stroke-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);z-index:50;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;transform:translateY(-6px)scale(.96)}.locale-switcher__dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.locale-switcher__option{width:100%;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.locale-switcher__option:hover{background:var(--color-bg-1)}.locale-switcher__option--active{background:var(--color-bg-4);color:var(--color-main);font-weight:500}.mega-menu{position:relative}.mega-menu__trigger{border:1px solid var(--color-neutral-4);border-radius:var(--radius-md);background:var(--color-bg-3);cursor:pointer;width:36px;height:36px;color:var(--color-neutral-1);justify-content:center;align-items:center;font-size:18px;display:flex}.mega-menu__dropdown{background:var(--color-bg-3);border:1px solid var(--color-stroke-1);border-radius:var(--radius-lg);z-index:50;opacity:0;pointer-events:none;padding:20px 24px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 12px);left:0;transform:translateY(-10px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a}.mega-menu__dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)}.mega-menu__dropdown--open .mega-menu__col{animation:.25s ease-out both dropdown-enter}.mega-menu__dropdown--open .mega-menu__col:first-child{animation-delay:0s}.mega-menu__dropdown--open .mega-menu__col:nth-child(2){animation-delay:50ms}.mega-menu__dropdown--open .mega-menu__col:nth-child(3){animation-delay:.1s}.mega-menu__dropdown--open .mega-menu__col:nth-child(4){animation-delay:.15s}.mega-menu__dropdown--open .mega-menu__col:nth-child(5){animation-delay:.2s}.mega-menu__grid{gap:32px;display:flex}.mega-menu__col{flex-direction:column;gap:12px;min-width:200px;display:flex}.mega-menu__col-title{font-family:var(--font-sans);color:var(--color-neutral-1);padding:6px 12px;font-size:18px;font-weight:500;line-height:28px}.mega-menu__link{font-family:var(--font-sans);color:var(--color-neutral-2);border-radius:var(--radius-sm);padding:4px 12px;font-size:16px;font-weight:500;line-height:26px;text-decoration:none;transition:background .15s,color .15s;display:block}.mega-menu__link:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}@media (max-width:900px){.mega-menu__dropdown{max-width:calc(100vw - 32px);left:-16px;right:auto;overflow-x:auto}.mega-menu__grid{flex-wrap:wrap}.mega-menu__col{min-width:140px}}.doc-layout{grid-template-columns:var(--sidebar-w) 1fr;flex:1;min-height:0;transition:grid-template-columns .25s;display:grid;overflow:hidden}.doc-layout:has(.doc-layout__sidebar--collapsed){grid-template-columns:48px 1fr}.doc-layout__main-scroll{overscroll-behavior:contain;min-width:0;min-height:0;overflow-y:auto}.doc-layout__main-grid{grid-template-columns:1fr var(--toc-w);align-items:start;min-height:100%;transition:grid-template-columns .25s;display:grid}.doc-layout__main-grid:has(.toc-wrap--collapsed){grid-template-columns:1fr 36px}.doc-layout__sidebar{background:var(--color-bg-3);border-right:none;flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.doc-layout__sidebar-inner{flex:1;min-height:0;overflow:hidden auto}.doc-layout__sidebar--collapsed{overflow:hidden}.sidebar-toggle{z-index:10;border:1px solid var(--color-stroke-1);background:var(--color-bg-3);cursor:pointer;width:32px;height:32px;color:var(--color-neutral-3);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s,left .25s;display:flex;box-shadow:0 2px 8px #0000001f}.sidebar-toggle:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.doc-layout__content{background:var(--color-bg-3);border-radius:var(--radius-lg);border:1px solid #dadce0;flex-direction:column;align-self:stretch;min-width:0;margin:24px 32px 48px;padding:24px 32px;display:flex}.doc-layout__content.doc-w--a4,.doc-layout__content.doc-w--letter,.doc-layout__content.doc-w--narrow,.doc-layout__content.doc-w--normal,.doc-layout__content.doc-w--wide,.doc-layout__content.doc-w--xwide{max-width:var(--doc-measure);margin-inline:auto}.doc-layout__aside{height:calc(100vh - var(--header-h,60px) - var(--footer-h,0px));max-height:calc(100vh - var(--header-h,60px) - var(--footer-h,0px));align-self:start;min-width:0;position:sticky;top:0;overflow:hidden}.breadcrumb{font-family:var(--font-sans);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;line-height:20px;display:flex}.breadcrumb__entry{align-items:center;gap:8px;display:flex}.breadcrumb__sep{color:var(--color-neutral-3)}.breadcrumb__item{color:var(--color-neutral-3);text-decoration:none;transition:color .15s}.breadcrumb__item:hover{color:var(--color-main)}.breadcrumb__item--active{color:var(--color-main);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.platform-tabs{align-items:center;gap:12px;margin-bottom:16px;display:flex}.platform-tabs__label{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:13px;font-weight:500;line-height:20px}.platform-tabs__options{gap:8px;display:flex}.platform-tab{font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:6px 20px;font-size:13px;font-weight:500;line-height:20px}.platform-tab--active{background:var(--color-main);color:#fff}.platform-tab--inactive{background:var(--color-bg-4);color:var(--color-main)}.doc-endmeta{border-top:1px solid var(--color-stroke-1);margin-top:auto;padding-top:20px}.doc-endmeta__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-endmeta__date{font-family:var(--font-sans);color:var(--color-neutral-3);font-size:13px;line-height:20px}.doc-endmeta__stats{color:var(--color-neutral-3);align-items:center;gap:16px;font-size:13px;display:flex}.doc-endmeta__stat{align-items:center;gap:4px;display:flex}.doc-endmeta__authors{flex-wrap:wrap;gap:16px;display:flex}.doc-endmeta__author{align-items:center;gap:8px;display:flex}.doc-endmeta__avatar{background:var(--color-bg-4);width:28px;height:28px;font-family:var(--font-sans);color:var(--color-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.doc-endmeta__author-name{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:13px;font-weight:500;line-height:20px}.doc-helpful{flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}.doc-helpful__label{font-family:var(--font-sans);color:var(--color-neutral-2);margin:0;font-size:16px;line-height:26px}.doc-helpful__actions{gap:16px;display:flex}.doc-helpful__btn{width:40px;height:40px;color:var(--color-neutral-3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.doc-helpful__btn:hover{background:var(--color-bg-2);color:var(--color-neutral-1)}.doc-helpful__btn--active{background:var(--color-main);color:#fff;border-color:var(--color-main)}.doc-helpful__btn:disabled{opacity:.6;cursor:not-allowed}.doc-related{margin-top:40px}.doc-related__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0 0 16px;font-size:18px;font-weight:600;line-height:28px}.doc-related__list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.doc-related__link{border:1px solid var(--color-stroke-1);border-radius:var(--radius-md);background:var(--color-bg-3);font-family:var(--font-sans);color:var(--color-neutral-1);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;line-height:22px;text-decoration:none;transition:border-color .2s,box-shadow .2s,color .15s;display:flex}.doc-related__link:hover{border-color:var(--color-main);color:var(--color-main);box-shadow:0 2px 12px #1d78ff1a}.doc-related__arrow{color:var(--color-neutral-3);flex-shrink:0;transition:color .15s,transform .15s}.doc-related__link:hover .doc-related__arrow{color:var(--color-main);transform:translate(3px)}.scroll-to-top{z-index:50;border-radius:var(--radius-lg);background:var(--color-bg-4);width:48px;height:48px;color:var(--color-main);cursor:pointer;opacity:0;pointer-events:none;border:none;justify-content:center;align-items:center;padding:12px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(12px)}.scroll-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top--visible:hover{opacity:.8;transform:translateY(-2px)}@media (max-width:1280px){:root{--page-px:48px}}@media (max-width:1100px){.doc-layout{grid-template-columns:1fr}.doc-layout__sidebar{display:none}.site-header{padding-left:32px;padding-right:32px}}@media (max-width:900px){.site-grid--two,.site-grid--three{grid-template-columns:1fr}.site-header{flex-wrap:wrap;gap:16px}.site-nav{display:none}.header-search{max-width:200px}}@media (max-width:768px){:root{--page-px:16px}.doc-layout{grid-template-columns:1fr}.doc-layout__aside{display:none}.hero__title{font-size:24px;line-height:36px}.hero__title-gradient{font-size:36px}.hero__search{width:100%;height:56px;padding:0 20px}.hero__search-input{font-size:18px}.section__title{font-size:28px;line-height:40px}.header-search{max-width:160px}}@media (max-width:640px){.site-header__actions{gap:8px}.header-search{max-width:120px}.site-grid--four{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.profile-menu__dropdown,.notif-bell__dropdown,.locale-switcher__dropdown,.mega-menu__dropdown,.scroll-to-top,.doc-layout,.sidebar-toggle,.doc-related__link,.doc-related__arrow{transition:none}.mega-menu__dropdown--open .mega-menu__col{animation:none}}.notif-bell__settings{border-bottom:1px solid var(--color-stroke-1,#f3f3f3);background:var(--color-bg-2,#f7f8fc);padding:10px 16px}.notif-bell__settings-title{color:var(--color-neutral-2,#585858);margin-bottom:8px;font-size:12px;font-weight:600}.notif-bell__settings-loading{color:var(--color-neutral-3,#9e9e9e);font-size:12px}.notif-bell__settings-row{color:var(--color-neutral-1,#212125);cursor:pointer;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.notif-bell__settings-row input{accent-color:var(--color-main,#1d78ff);cursor:pointer}.draft-chip{color:#b45309;white-space:nowrap;vertical-align:middle;background:#fffbeb;border:1px solid #fcd34d;border-radius:999px;flex:none;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:600;line-height:18px;display:inline-flex}.draft-chip--lg{padding:2px 10px;font-size:13px;line-height:22px}
.reveal{will-change:opacity, transform}.reveal--fade-up{opacity:0;transform:translateY(28px)}.reveal--fade-in{opacity:0}.reveal--fade-left{opacity:0;transform:translate(-28px)}.reveal--fade-right{opacity:0;transform:translate(28px)}.reveal--scale{opacity:0;transform:scale(.92)}.reveal--visible.reveal--fade-up{opacity:1;transition:opacity .55s ease-out,transform .55s ease-out;transform:translateY(0)}.reveal--visible.reveal--fade-in{opacity:1;transition:opacity .5s ease-out}.reveal--visible.reveal--fade-left,.reveal--visible.reveal--fade-right{opacity:1;transition:opacity .55s ease-out,transform .55s ease-out;transform:translate(0)}.reveal--visible.reveal--scale{opacity:1;transition:opacity .5s ease-out,transform .5s ease-out;transform:scale(1)}.reveal--stagger>*{opacity:0;transition:opacity .45s ease-out,transform .45s ease-out;transform:translateY(20px)}.reveal--visible.reveal--stagger>*{opacity:1;transform:translateY(0)}.reveal--visible.reveal--stagger>:first-child{transition-delay:0s}.reveal--visible.reveal--stagger>:nth-child(2){transition-delay:80ms}.reveal--visible.reveal--stagger>:nth-child(3){transition-delay:.16s}.reveal--visible.reveal--stagger>:nth-child(4){transition-delay:.24s}.reveal--visible.reveal--stagger>:nth-child(5){transition-delay:.32s}.reveal--visible.reveal--stagger>:nth-child(6){transition-delay:.4s}.reveal--visible.reveal--stagger>:nth-child(7){transition-delay:.48s}.reveal--visible.reveal--stagger>:nth-child(8){transition-delay:.56s}.reveal--visible.reveal--stagger>:nth-child(9){transition-delay:.64s}.reveal--visible.reveal--stagger>:nth-child(10){transition-delay:.72s}@media (prefers-reduced-motion:reduce){.reveal,.reveal--stagger>*{opacity:1!important;transition:none!important;transform:none!important}}
.not-found{text-align:center;background:var(--color-bg-2);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:64px 24px;display:flex}.not-found__code{background:var(--gradient-brand);color:#0000;letter-spacing:-4px;-webkit-background-clip:text;background-clip:text;font-size:clamp(120px,22vw,220px);font-weight:700;line-height:1}.not-found__title{color:var(--color-neutral-1);margin-top:16px;font-size:clamp(22px,3vw,32px);font-weight:600}.not-found__desc{max-width:480px;color:var(--color-neutral-2);margin-top:12px;font-size:16px;line-height:1.6}.not-found__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.not-found__btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.not-found__btn--primary{background:var(--color-main);color:var(--color-neutral-5)}.not-found__btn--primary:hover{background:var(--color-blue);box-shadow:var(--shadow-hover)}.not-found__btn--secondary{background:var(--color-neutral-5);color:var(--color-neutral-1);border-color:var(--color-neutral-4)}.not-found__btn--secondary:hover{background:var(--color-bg-4);border-color:var(--color-main)}
html,body{max-width:100vw;overflow-x:hidden}img,video{max-width:100%;height:auto}.mobile-nav-toggle{border:1px solid var(--color-stroke-1);border-radius:var(--radius-md);background:var(--color-bg-3);width:40px;height:40px;color:var(--color-neutral-1);cursor:pointer;justify-content:center;align-items:center;margin-right:4px;display:none}.mobile-nav-toggle:hover{background:var(--color-bg-1)}.mobile-nav-backdrop{opacity:0;pointer-events:none;z-index:90;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.mobile-nav-backdrop--open{opacity:1;pointer-events:auto}.mobile-nav-drawer{background:var(--color-bg-3);border-right:1px solid var(--color-stroke-1);z-index:100;-webkit-overflow-scrolling:touch;flex-direction:column;width:min(320px,86vw);max-width:100vw;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.mobile-nav-drawer--open{transform:translate(0)}.mobile-nav-drawer__head{border-bottom:1px solid var(--color-stroke-1);background:var(--color-bg-3);z-index:1;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-nav-drawer__logo{color:var(--color-neutral-1);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.mobile-nav-drawer__logo img{object-fit:contain;width:32px;height:24px}.mobile-nav-drawer__close{width:36px;height:36px;color:var(--color-neutral-2);cursor:pointer;background:0 0;border:none;border-radius:8px}.mobile-nav-drawer__close:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.mobile-nav-drawer__nav{flex-direction:column;gap:2px;padding:8px 8px 24px;display:flex}.mobile-nav-drawer__group{border-bottom:1px solid var(--color-stroke-1)}.mobile-nav-drawer__group:last-child{border-bottom:none}.mobile-nav-drawer__row{align-items:center;display:flex}.mobile-nav-drawer__link{color:var(--color-neutral-1);flex:1;padding:14px 12px;font-size:16px;font-weight:500;display:block}.mobile-nav-drawer__link.is-active{color:var(--color-main)}.mobile-nav-drawer__expand{width:44px;height:44px;color:var(--color-neutral-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-nav-drawer__children{flex-direction:column;gap:12px;padding:4px 12px 12px;display:flex}.mobile-nav-drawer__col-title{color:var(--color-neutral-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:13px;font-weight:600}.mobile-nav-drawer__sublink{color:var(--color-neutral-2);border-radius:6px;padding:8px;font-size:14px;display:block}.mobile-nav-drawer__sublink:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}@media (max-width:1100px){:root{--page-px:32px}.site-header{gap:16px;padding-left:24px;padding-right:24px}.site-header__meta{gap:16px}}@media (max-width:900px){.mobile-nav-toggle{display:inline-flex}.site-header{flex-wrap:nowrap;gap:12px;padding:10px 16px}.site-header__meta{flex:1;gap:12px;min-width:0}.site-header__logo-text{display:none}.site-header__actions{flex:none;gap:8px}.header-search{display:none}.hero__search{max-width:100%;height:auto;padding:14px 16px;width:100%!important}.hero__search-input{font-size:16px}.hero__title{font-size:28px!important;line-height:1.2!important}.hero__title-gradient{font-size:36px!important}.site-shell,.page-shell{padding-left:16px;padding-right:16px}}@media (max-width:768px){:root{--page-px:16px}.doc-layout{grid-template-columns:1fr!important}.doc-layout__sidebar{display:none!important}.doc-layout__content{margin:12px;padding:16px}.doc-layout__aside{height:auto!important;max-height:none!important;display:block!important;position:static!important;overflow:visible!important}.doc-layout__aside .toc{width:100%!important;max-height:none!important;position:static!important}.doc-layout__aside .toc-wrap{height:auto!important;overflow:visible!important}.toc-wrap{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);border-radius:10px;margin:0 12px 12px;overflow:hidden}.toc-wrap--collapsed{justify-content:flex-start;width:100%;padding:8px 16px}.toc-wrap .toc{max-height:50vh;overflow-y:auto;padding:12px 16px!important}.site-grid--two,.site-grid--three,.site-grid--four{grid-template-columns:1fr!important}.featured-grid,.platform-grid,.case-grid{grid-template-columns:1fr!important;gap:16px!important}.article-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.article-row__thumb,.article-row img{aspect-ratio:16/9;object-fit:cover;width:100%!important;height:auto!important}.section{padding-top:32px!important;padding-bottom:32px!important}.section__title{font-size:24px!important;line-height:1.2!important}.section__subtitle{font-size:14px!important}.site-footer{padding:24px 16px!important}.site-footer__cols,.site-footer__nav{flex-direction:column!important;gap:16px!important}.search-page,.site-search{padding:16px!important}.search-page__form,.site-search__form{width:100%!important}.search-page__pagination{flex-wrap:wrap;gap:6px}.scroll-to-top{width:42px;height:42px;bottom:16px;right:16px}.sidebar-toggle{display:none!important}}@media (max-width:480px){.site-header{padding:8px 12px}.site-header__logo-img{width:36px;height:28px}.hero{padding-top:24px!important;padding-bottom:24px!important}.hero__title-gradient{font-size:30px!important}.doc-layout__content{border-radius:12px;margin:8px;padding:14px}.scroll-to-top{bottom:12px;right:12px}}@media (max-width:768px){.auth-card,.login-card,.auth-shell__card{width:100%!important;max-width:min(440px,100% - 24px)!important;margin:16px auto!important;padding:20px!important}.auth-shell,.login-shell{min-height:100vh;padding:16px!important}}
.cms-shell{background:var(--color-bg-1);height:100vh;max-height:100vh;display:flex;overflow:hidden}.cms-sidebar{background:var(--color-bg-3);border-right:1.5px solid var(--color-stroke-1);overscroll-behavior:contain;z-index:20;flex-direction:column;flex-shrink:0;width:214px;height:100vh;max-height:100vh;padding-top:12px;display:flex;overflow-y:auto}.cms-sidebar__nav{overscroll-behavior:contain;flex:auto;overflow-y:auto}.cms-sidebar__top{align-items:center;padding:0 12px 12px 20px;display:flex}.cms-sidebar__logo{flex:1;align-items:center;gap:6px;min-width:0;text-decoration:none;display:flex}.cms-sidebar__logo-img{object-fit:cover;object-position:-1px 0;width:44px;height:34px}.cms-sidebar__logo-text{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:19px;font-weight:600;line-height:26px}.cms-sidebar__nav{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cms-sidebar__item{border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--color-neutral-1);align-items:center;gap:10px;padding:9px 16px 9px 20px;font-size:13px;font-weight:500;line-height:20px;text-decoration:none;transition:background .15s;display:flex}.cms-sidebar__item:hover{background:var(--color-bg-1)}.cms-sidebar__item--active,.cms-sidebar__item--active:hover{background:var(--color-bg-4);color:var(--color-main);margin-left:10px;margin-right:10px;padding-left:10px;position:relative}.cms-sidebar__item--active:before{content:"";background:var(--color-main);border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:-10px}.cms-sidebar__item--active .cms-sidebar__icon svg{stroke:var(--color-main)}.cms-sidebar__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.cms-sidebar__icon svg{width:18px;height:18px}.cms-sidebar__ctx{flex-direction:column;flex:1;padding:4px 0;display:flex}.cms-sidebar__ctx-back{color:var(--color-neutral-3);align-items:center;gap:6px;margin-bottom:4px;padding:8px 16px 8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:color .13s;display:flex}.cms-sidebar__ctx-back:hover{color:var(--color-neutral-1)}.cms-sidebar__ctx-title{color:var(--color-neutral-2);margin:0;padding:8px 20px 10px;font-size:18px;font-weight:600}.ws-sidebar__project-name{color:var(--color-neutral-1);white-space:nowrap;text-overflow:ellipsis;margin:4px 20px 10px;font-size:15px;font-weight:600;overflow:hidden}.ws-sidebar__divider{border:0;border-top:1px solid var(--color-stroke-1);margin:0 16px 8px}.cms-sidebar__ctx-nav{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.cms-sidebar__ctx-item{color:var(--color-neutral-2);border-radius:var(--radius-sm);align-items:center;gap:10px;margin:0 8px;padding:8px 16px 8px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:background .13s,color .13s;display:flex}.cms-sidebar__ctx-item:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.cms-sidebar__ctx-item--active{background:var(--color-bg-4);color:var(--color-main)}.cms-sidebar__ctx-dot{opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.cms-sidebar__ctx-item--active .cms-sidebar__ctx-dot{opacity:1}.cms-main{overscroll-behavior:contain;flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;max-height:100vh;display:flex;overflow-y:auto}.cms-header{border-bottom:1px solid var(--color-stroke-1);background:var(--color-bg-3);justify-content:flex-end;align-items:center;padding:8px 24px 8px 32px;display:flex}.cms-header__actions{align-items:center;gap:12px;display:flex}.cms-content{flex-direction:column;flex:1;padding:12px 32px 32px;display:flex}.cms-footer{text-align:center;font-family:var(--font-sans);color:var(--color-neutral-2);border-top:1px solid var(--color-stroke-1);padding:10px 32px;font-size:11px;font-weight:500;line-height:16px}.cms-content__title{font-family:var(--font-sans);color:#202224;text-transform:capitalize;margin:0;font-size:22px;font-weight:600;line-height:32px}.cms-dashboard{flex-direction:column;gap:21px;height:100%;display:flex}.cms-stats{gap:20px;display:flex}.cms-stat-card{background:var(--color-bg-3);border-radius:var(--radius-md);box-sizing:border-box;flex:1;height:126px;padding:16px 20px;position:relative;box-shadow:6px 6px 54px #0000000d}.cms-stat-card__icon{width:60px;height:60px;position:absolute;top:16px;right:16px}.cms-stat-card__label{font-family:var(--font-sans);color:#202224;opacity:.7;font-size:18px;font-weight:500;line-height:28px}.cms-stat-card__value{font-family:var(--font-sans);color:#202224;text-transform:capitalize;margin-top:8px;font-size:28px;font-weight:600;line-height:45px}.cms-dashboard-panels{flex:1;grid-template-columns:1fr 1fr;gap:20px;display:grid}.cms-panel{background:var(--color-bg-3);border-radius:var(--radius-md);min-height:400px;padding:24px;box-shadow:6px 6px 54px #0000000d}.cms-panel__title{font-family:var(--font-sans);color:#202224;opacity:.7;margin:0 0 16px;font-size:18px;font-weight:500;line-height:28px}.cms-panel__empty{color:var(--color-neutral-3);font-size:14px}.cms-link{color:var(--color-main)}.cms-text--secondary{color:var(--color-neutral-2);font-size:14px}.cms-text--tertiary{color:var(--color-neutral-3);margin-top:4px;font-size:12px}.cms-notification-list{margin:0;padding:0;list-style:none}.cms-notification-list__item{border-bottom:1px solid var(--color-stroke-1);padding:12px 0;font-size:14px}.cms-notification-list__item:last-child{border-bottom:none}.cms-table-wrapper{background:var(--color-bg-3);border-radius:var(--radius-md);overflow:hidden;box-shadow:6px 6px 54px #0000000d}.cms-table{border-collapse:collapse;width:100%;font-family:var(--font-sans);font-size:14px}.cms-table th{text-align:left;color:var(--color-neutral-2);border-bottom:1px solid var(--color-stroke-1);white-space:nowrap;padding:16px 20px;font-weight:500}.cms-table td{border-bottom:1px solid var(--color-stroke-1);color:var(--color-neutral-1);padding:16px 20px}.cms-table tr:last-child td{border-bottom:none}.cms-badge{white-space:nowrap;color:#fff;border-radius:16px;justify-content:center;align-items:center;min-width:90px;padding:4px 12px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.cms-badge--draft{background:#7363ff}.cms-badge--in_review{background:#fc942d}.cms-badge--approved,.cms-badge--published{background:#00b69b}.cms-badge--archived{background:#9e9e9e}.cms-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:26px;padding:4px 8px;font-size:16px;transition:opacity .15s;display:inline-flex}.cms-action-btn:hover{opacity:.8}.cms-action-btn--edit{background:var(--color-bg-4);color:var(--color-main)}.cms-action-btn--delete{color:#ff5656;background:#ff565633}.cms-action-btn--more{color:var(--color-neutral-2);background:#f3f3f3}.cms-publish-btn{color:#10b981;white-space:nowrap;cursor:pointer;background:#10b98126;border:none;border-radius:8px;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.cms-publish-btn:hover{opacity:.85}.article-tabs{border-bottom:2px solid #f3f4f6;gap:4px;margin-top:16px;display:flex}.article-tab{color:var(--color-neutral-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.article-tab:hover{color:var(--color-neutral-1)}.article-tab--active{color:var(--color-main);border-bottom-color:var(--color-main)}.article-search-input{width:100%;height:38px;color:var(--color-neutral-1);background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:0 12px 0 36px;font-size:14px;transition:border-color .15s}.article-search-input:focus{border-color:var(--color-main)}.article-filter-select{height:38px;color:var(--color-neutral-1);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;min-width:140px;padding:0 12px;font-size:14px}.article-filter-select:focus{border-color:var(--color-main)}.more-menu-item{text-align:left;width:100%;color:var(--color-neutral-1);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:10px 16px;font-size:14px;display:block}.more-menu-item:hover{background:var(--color-bg-4)}.cms-refresh-btn{border:1px solid var(--color-stroke-2);background:var(--color-bg-3);width:36px;height:36px;color:var(--color-neutral-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.cms-refresh-btn:hover{background:var(--color-bg-4);color:var(--color-neutral-1)}.confirm-dialog__overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:12px;width:400px;max-width:calc(100vw - 32px);padding:28px 32px;box-shadow:0 8px 32px #00000026}.confirm-dialog__title{color:var(--color-neutral-1);margin:0 0 8px;font-size:16px;font-weight:600}.confirm-dialog__message{color:var(--color-neutral-2);margin:0 0 24px;font-size:14px;line-height:1.6}.confirm-dialog__actions{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog__btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:opacity .15s}.confirm-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog__btn--cancel{background:var(--color-bg-4);color:var(--color-neutral-2)}.confirm-dialog__btn--confirm{background:var(--color-main);color:#fff}.confirm-dialog__btn--danger{color:#fff;background:#ef4444}.fullscreen-loading{z-index:2000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.article-card{background:var(--color-bg-3);border-radius:var(--radius-lg);border:1px solid #c4c7cc;flex-direction:column;flex:1;gap:24px;padding:24px 24px 28px;display:flex}.article-card .cms-toolbar{margin-bottom:0}.article-header{background:var(--color-bg-4);border-radius:var(--radius-md);color:var(--color-neutral-1);align-items:center;gap:16px;padding:13px 20px;font-size:14px;font-weight:600;line-height:22px;display:flex}.article-body{flex-direction:column;gap:20px;display:flex}.article-card .article-row{color:var(--color-neutral-1);align-items:center;gap:16px;padding:14px 20px;font-size:14px;line-height:22px;display:flex}.article-separator{background:var(--color-stroke-1);border:none;height:1px;margin:0}.article-col--title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.article-col--title a{color:inherit;text-decoration:none}.article-col--title a:hover{color:var(--color-main)}.article-doc-title{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-doc-folder{color:var(--color-neutral-3);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:400;line-height:16px;display:flex;overflow:hidden}.article-doc-folder svg{flex-shrink:0;width:13px;height:13px}.article-col--author,.article-col--updater{flex-shrink:0;width:120px;font-weight:400}.article-col--updated{flex-shrink:0;width:140px;font-weight:400}.article-col--version{flex-shrink:0;width:56px;font-weight:400}.article-col--status{flex-shrink:0;width:90px}.article-col--author,.article-col--updater{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-col--actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;width:200px;display:flex}.article-pagination{color:#000000d9;justify-content:flex-end;align-items:center;gap:16px;font-size:14px;display:flex}.article-pagination__info{white-space:nowrap}.article-pagination__pages{align-items:center;gap:8px;display:flex}.article-pagination__page{cursor:pointer;min-width:32px;height:32px;color:var(--color-neutral-1);font-size:14px;font-family:var(--font-sans);background:#fff;border:1px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;padding:1px 7px;display:inline-flex}.article-pagination__page:hover{border-color:var(--color-main);color:var(--color-main)}.article-pagination__page--active{color:#1890ff;border-color:#4285f4;font-weight:500}.article-pagination__page--disabled{cursor:not-allowed;opacity:.4}.article-pagination__page--disabled:hover{color:var(--color-neutral-1);border-color:#d9d9d9}.article-pagination__ellipsis{color:#00000040;letter-spacing:2px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:inline-flex}.article-pagination__size{color:var(--color-neutral-1);cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;font-size:14px;display:flex}.article-pagination__size select{font-size:14px;font-family:var(--font-sans);color:var(--color-neutral-1);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A8ABB3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100% no-repeat;border:none;outline:none;padding-right:16px}.cms-pagination{justify-content:center;align-items:center;gap:4px;padding:16px;font-size:14px;display:flex}.cms-pagination__page{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);cursor:pointer;width:32px;height:32px;color:var(--color-neutral-1);border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.cms-pagination__page--active{border-color:var(--color-main);color:var(--color-main);font-weight:500}.cms-form-section{background:var(--color-bg-3);border:1px solid var(--color-stroke-1);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.cms-form-section__title{font-family:var(--font-sans);color:var(--color-neutral-1);justify-content:space-between;align-items:center;margin:0 0 16px;font-size:16px;font-weight:500;display:flex}.cms-form-label{color:var(--color-neutral-1);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.cms-form-input{width:100%;height:54px;font-family:var(--font-sans);color:var(--color-neutral-1);background:#fff;border:1px solid #e7e7e7;border-radius:12px;outline:none;padding:0 16px;font-size:16px;line-height:26px;transition:border-color .15s}.cms-form-input:focus{border-color:var(--color-main)}.cms-form-input::placeholder{color:#bababa}textarea.cms-form-input{height:auto;padding:14px 16px}select.cms-form-input,.cms-form-select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A8ABB3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #e7e7e7;border-radius:12px;padding:14px 44px 14px 16px;font-size:16px;line-height:26px;transition:border-color .15s}select.cms-form-input:focus,.cms-form-select:focus{border-color:var(--color-main)}.cms-toolbar{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.cms-toolbar__title{font-family:var(--font-sans);color:#212125;font-size:24px;font-weight:600;line-height:36px}.cms-panel>.cms-toolbar__title{margin:0 0 16px}.cms-btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.cms-btn--primary{background:var(--color-main);color:#fff}.cat-card{background:var(--color-bg-3);border-radius:var(--radius-lg);flex-direction:column;gap:24px;padding:24px 24px 28px;display:flex}.cat-card .cms-toolbar{margin-bottom:0}.cat-add-btn{background:var(--color-main);border:1px solid var(--color-main);color:#fff;height:44px;font-family:var(--font-sans);cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:0 16px;font-size:16px;line-height:26px;transition:opacity .15s;display:inline-flex;box-shadow:0 1px 2px #1a1a1a14}.cat-add-btn:hover{opacity:.9}.cat-header{background:var(--color-bg-4);border-radius:var(--radius-md);color:var(--color-neutral-1);align-items:center;gap:24px;padding:13px 20px;font-size:14px;font-weight:600;line-height:22px;display:flex}.cat-body{flex-direction:column;gap:20px;display:flex}.cat-row{color:var(--color-neutral-1);align-items:center;gap:24px;padding:0 20px;font-size:14px;font-weight:500;line-height:22px;display:flex}.cat-separator{background:var(--color-stroke-1);border:none;height:1px;margin:0}.cat-col--name{flex-shrink:0;width:80px}.cat-col--flex{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cat-col--order,.cat-col--doc{text-align:center;flex-shrink:0;width:70px}.cat-col--status{flex-shrink:0;width:80px}.cat-col--actions{flex-shrink:0;align-items:center;gap:12px;width:100px;display:flex}.cat-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.cat-badge--visible{color:#fff;background:#00b69b}.cat-badge--draft{color:var(--color-main);background:#eaf2ff}.cat-badge--hidden{color:#585858;background:#dfdfdf}.cat-action{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:inline-flex}.cat-action:hover{opacity:.8}.cat-action--edit{background:var(--color-bg-4);color:var(--color-main)}.cat-action--delete{color:#ff5656;background:#ff565633}.cms-btn--outline{background:var(--color-bg-3);border:1px solid var(--color-neutral-4);color:var(--color-neutral-1)}.cms-btn--danger{color:#fff;background:#dc2626}.cms-toolbar__actions{align-items:center;gap:12px;display:flex}.cms-toolbar__search{border:1px solid var(--color-stroke-1);width:280px;max-width:100%;height:40px;font-family:var(--font-sans);color:var(--color-neutral-1);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A8ABB3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;border-radius:10px;outline:none;padding:0 14px 0 38px;font-size:14px;transition:border-color .15s,box-shadow .15s}.cms-toolbar__search::placeholder{color:#bababa}.cms-toolbar__search:focus{border-color:var(--color-main);box-shadow:0 0 0 3px rgba(var(--color-main-rgb,99, 102, 241), .12)}.cms-btn--md{border-radius:10px;height:40px;padding:0 18px;font-size:14px}.cms-dialog{width:480px;max-width:92vw;max-height:90vh;color:var(--color-neutral-1);font-family:var(--font-sans);background:#fff;border:none;border-radius:16px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 64px #0f172a2e,0 2px 8px #0f172a0f}.cms-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73}.cms-dialog__body{flex-direction:column;gap:16px;padding:24px 28px 20px;display:flex}.cms-dialog__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cms-dialog__title{color:var(--color-neutral-1);margin:0;font-size:18px;font-weight:600;line-height:1.4}.cms-dialog__subtitle{color:var(--color-neutral-3);margin:4px 0 0;font-size:13px}.cms-dialog__close{width:32px;height:32px;color:var(--color-neutral-3);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.cms-dialog__close:hover{background:var(--color-bg-4);color:var(--color-neutral-1)}.cms-dialog__footer{border-top:1px solid var(--color-stroke-1);background:var(--color-bg-3);border-radius:0 0 16px 16px;justify-content:flex-end;gap:8px;padding:16px 28px 24px;display:flex}.cms-dialog__footer--split{justify-content:space-between}.cms-dialog .cms-form-input{border-radius:10px;height:44px;padding:0 14px;font-size:14px}.cms-dialog .cms-form-label{color:var(--color-neutral-2);margin-bottom:6px;font-size:13px}.cms-dialog__footer .cms-btn{border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 18px;font-size:14px;display:inline-flex}.cms-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cms-role-chip{border:1.5px solid var(--color-stroke-1);cursor:pointer;color:var(--color-neutral-1);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.cms-role-chip:hover{border-color:var(--color-main);background:var(--color-bg-4)}.cms-role-chip input{accent-color:var(--color-main);width:16px;height:16px;margin:0}.cms-role-chip--checked{border-color:var(--color-main);background:var(--color-bg-4)}.cms-role-chip__desc{color:var(--color-neutral-3);margin-top:2px;font-size:12px;font-weight:400;display:block}.cms-role-chip__text{flex:1;min-width:0}.cms-dialog__error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px}
.cms-page-tabs{border-bottom:1px solid var(--color-stroke-1);gap:24px;margin-top:6px;margin-bottom:16px;display:flex}.cms-page-tabs__item{font-family:var(--font-sans);color:var(--color-neutral-2);cursor:pointer;background:0 0;border:none;padding:8px 4px;font-size:14px;font-weight:500;line-height:22px;transition:color .15s;position:relative}.cms-page-tabs__item:hover{color:var(--color-neutral-1)}.cms-page-tabs__item--active{color:var(--color-main)}.cms-page-tabs__item--active:after{content:"";background:var(--color-main);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.cat-overview{flex-direction:column;gap:32px;display:flex}.cat-overview__stats{flex-wrap:wrap;gap:16px;display:flex}.cat-overview__stat{background:var(--color-bg-1);border-radius:var(--radius-md);border:1px solid var(--color-stroke-1);flex-direction:column;flex:1;align-items:center;gap:4px;min-width:140px;padding:20px 16px;display:flex}.cat-overview__stat-value{font-family:var(--font-sans);color:var(--color-main);font-size:28px;font-weight:600;line-height:36px}.cat-overview__stat-label{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:13px;font-weight:400;line-height:20px}.cat-overview__section{flex-direction:column;gap:12px;display:flex}.cat-overview__section-title{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:16px;font-weight:600;line-height:26px}.cat-overview__recent{flex-direction:column;gap:8px;display:flex}.cat-overview__recent-item{background:var(--color-bg-1);border-radius:var(--radius-sm);border:1px solid var(--color-stroke-1);align-items:center;gap:16px;padding:10px 16px;display:flex}.cat-overview__recent-title{color:var(--color-neutral-1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.cat-overview__recent-slug{font-family:var(--font-code);color:var(--color-neutral-3);flex-shrink:0;font-size:13px}.folder-tree__header{border-bottom:1px solid var(--color-stroke-1);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.folder-tree__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0;font-size:24px;font-weight:600;line-height:36px}.folder-tree{flex-direction:column;gap:2px;display:flex}.folder-tree__branch{flex-direction:column;display:flex}.folder-tree__row{align-items:center;gap:0;padding:4px 0;display:flex;position:relative}.folder-tree__row:hover .folder-tree__item{background:var(--color-bg-4)}.folder-tree__row:hover .folder-tree__actions{opacity:1;pointer-events:auto}.folder-tree__nesting{flex-shrink:0;align-self:stretch;align-items:stretch;display:flex}.folder-tree__nesting-line{border-right:1px solid var(--color-neutral-4);flex-shrink:0;width:16px}.folder-tree__nesting-line--last{border-right-color:#0000}.folder-tree__toggle{cursor:pointer;width:24px;height:24px;color:var(--color-neutral-2);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.folder-tree__toggle:hover{color:var(--color-neutral-1)}.folder-tree__toggle--empty{cursor:default;pointer-events:none}.folder-tree__chevron{transition:transform .2s;transform:rotate(0)}.folder-tree__chevron--open{transform:rotate(90deg)}.folder-tree__item{border-radius:8px;align-items:center;gap:8px;min-width:0;padding:4px 8px;transition:background-color .15s;display:inline-flex}.folder-tree__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.folder-tree__name{font-family:var(--font-sans);color:var(--color-neutral-1);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:26px;overflow:hidden}.folder-tree__acl-badge{background:var(--color-bg-4);color:var(--color-main);cursor:help;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.folder-tree__acl-badge svg{width:12px;height:12px}.folder-tree__acl-count{font-variant-numeric:tabular-nums}.folder-tree__actions{opacity:0;pointer-events:none;flex-shrink:0;align-items:center;gap:2px;margin-left:4px;transition:opacity .15s;display:flex}.folder-tree__action-btn{cursor:pointer;width:28px;height:28px;color:var(--color-neutral-2);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.folder-tree__action-btn:hover{background:var(--color-bg-3);color:var(--color-main)}.folder-tree__action-btn--danger:hover{color:#dc2626}button.folder-tree__item{cursor:pointer;background:0 0;border:none}.folder-tree__item--active{background:var(--color-bg-4);border-radius:8px}.folder-tree__item--active .folder-tree__name{color:var(--color-main)}.folder-tree__row--active .folder-tree__item{background:var(--color-bg-4)}.folder-tree__children{flex-direction:column;gap:2px;display:flex}.folder-tree__empty{flex-direction:column;flex:1;align-items:center;padding:80px 24px 48px;display:flex}
.cms-modal{background:0 0;border:none;width:100%;max-width:none;height:100%;max-height:none;padding:0;overflow:visible}.cms-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.2s ease-out both cms-backdrop-enter}@keyframes cms-backdrop-enter{0%{opacity:0}to{opacity:1}}.cms-modal__content{background:var(--color-bg-3);border-radius:var(--radius-lg);flex-direction:column;max-height:85vh;margin:auto;animation:.2s ease-out cms-modal-enter;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000026}.cms-modal__content--md{width:520px}@keyframes cms-modal-enter{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@supports (transition-behavior:allow-discrete){.cms-modal__content{opacity:1;transition:opacity .18s ease-in, transform .18s ease-in, display .18s allow-discrete, overlay .18s allow-discrete;animation:none;transform:translate(-50%,-50%)}.cms-modal:not([open]) .cms-modal__content{opacity:0;transform:translate(-50%,-48%)}@starting-style{.cms-modal[open] .cms-modal__content{opacity:0;transform:translate(-50%,-48%)}}.cms-modal::backdrop{transition:opacity .18s ease-in, display .18s allow-discrete, overlay .18s allow-discrete}.cms-modal:not([open])::backdrop{opacity:0}@starting-style{.cms-modal[open]::backdrop{opacity:0}}}@media (prefers-reduced-motion:reduce){.cms-modal__content,.cms-modal::backdrop{animation:none}}.cms-modal__header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.cms-modal__title{font-family:var(--font-sans);color:var(--color-neutral-1);margin:0;font-size:18px;font-weight:600;line-height:28px}.cms-modal__close{cursor:pointer;width:32px;height:32px;color:var(--color-neutral-3);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.cms-modal__close:hover{color:var(--color-neutral-1);background:var(--color-bg-1)}.cms-modal__tabs{border-bottom:1px solid var(--color-stroke-1);gap:0;padding:16px 24px 0;display:flex}.cms-modal__tab{cursor:pointer;font-family:var(--font-sans);color:var(--color-neutral-3);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.cms-modal__tab:hover{color:var(--color-neutral-2)}.cms-modal__tab--active{color:var(--color-main);border-bottom-color:var(--color-main)}.cms-modal__tab-badge{background:var(--color-bg-4);min-width:18px;height:18px;color:var(--color-main);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.cms-modal__body{flex:1;padding:20px 24px;overflow-y:auto}.cms-modal__loading{text-align:center;color:var(--color-neutral-3);padding:40px 0;font-size:14px}.cms-modal__form{flex-direction:column;gap:16px;display:flex}.cms-modal__hint{background:var(--color-bg-1);color:var(--color-neutral-2);border-radius:8px;align-items:flex-start;gap:6px;margin:0;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.cms-modal__hint--info{background:var(--color-bg-4);color:var(--color-main)}.cms-modal__error{color:#dc2626;margin-bottom:-8px;padding:0 24px;font-size:13px}.cms-modal__footer{border-top:1px solid var(--color-stroke-1);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.cms-modal__footer-right{gap:8px;display:flex}.cms-form-field{flex-direction:column;gap:6px;display:flex}.cms-form-field--row{flex-direction:row;justify-content:space-between;align-items:center}.cms-form-fieldset{border:1px solid var(--color-stroke-1);border-radius:10px;flex-direction:column;gap:12px;margin:0;padding:16px;display:flex}.cms-form-legend{font-family:var(--font-sans);color:var(--color-neutral-2);padding:0 8px;font-size:13px;font-weight:500}.cms-form-toggle-link{cursor:pointer;font-family:var(--font-sans);color:var(--color-main);background:0 0;border:none;align-items:center;padding:0;font-size:13px;font-weight:500;display:inline-flex}.cms-form-toggle-link:hover{text-decoration:underline}.cms-role-picker{flex-wrap:wrap;gap:8px;display:flex}.cms-role-picker__item{cursor:pointer;display:flex}.cms-role-picker__item input{display:none}.cms-role-picker__chip{border:1px solid var(--color-neutral-4);font-family:var(--font-sans);color:var(--color-neutral-2);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cms-role-picker__item input:checked+.cms-role-picker__chip{background:var(--color-bg-4);border-color:var(--color-main);color:var(--color-main)}.cms-role-picker__chip:hover{border-color:var(--color-main)}.cms-user-list{flex-wrap:wrap;gap:6px;display:flex}.cms-user-list__chip{background:var(--color-bg-1);font-size:13px;font-family:var(--font-code);color:var(--color-neutral-1);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.cms-user-list__remove{cursor:pointer;width:18px;height:18px;color:var(--color-neutral-3);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.cms-user-list__remove:hover{color:#dc2626}.cms-user-add{gap:8px;display:flex}.cms-user-add .cms-form-input{flex:1}.cms-delete-dialog{background:0 0;border:none;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;padding:0;display:flex;overflow:visible}.cms-delete-dialog::backdrop{background:#2b2b2b80}.cms-delete-dialog__content{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:20px;max-width:480px;padding:20px 24px 28px;display:flex}.cms-delete-dialog__title{font-family:var(--font-sans);color:#18191f;text-align:center;font-size:18px;font-weight:600;line-height:28px}.cms-delete-dialog__desc{font-family:var(--font-sans);color:#18191f;text-align:center;font-size:14px;font-weight:500;line-height:22px}.cms-delete-dialog__actions{gap:20px;width:100%;display:flex}.cms-delete-dialog__btn{height:44px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:12px;flex:1;font-size:16px;font-weight:500;line-height:26px;transition:opacity .15s;box-shadow:0 1px 2px #1a1a1a14}.cms-delete-dialog__btn:hover{opacity:.9}.cms-delete-dialog__btn:disabled{opacity:.6;cursor:not-allowed}.cms-delete-dialog__btn--cancel{color:#585858;background:#dfdfdf}.cms-delete-dialog__btn--delete{color:#fff;background:#ff383c}.cms-form-dialog{background:#fff;border:none;border-radius:24px;flex-direction:column;gap:20px;width:480px;max-height:90vh;margin:0;padding:20px 24px 28px;display:flex;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000026}.cms-form-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006}.cms-form-dialog__header{justify-content:space-between;align-items:center;display:flex}.cms-form-dialog__title{font-family:var(--font-sans);color:#212125;font-size:18px;font-weight:600;line-height:28px}.cms-form-dialog__close{cursor:pointer;color:#212125;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.cms-form-dialog__body{flex-direction:column;flex:auto;gap:20px;min-height:0;padding-right:2px;display:flex;overflow:visible auto}.cms-form-dialog__field{flex-direction:column;gap:8px;display:flex}.cms-form-dialog__field--row{flex-direction:row;justify-content:space-between;align-items:center}.cms-form-dialog__label{font-family:var(--font-sans);color:#161616;font-size:16px;font-weight:500;line-height:26px}.cms-form-dialog__required{color:#e02607}.cms-form-dialog__input{width:100%;font-family:var(--font-sans);color:#212125;background:#fff;border:1px solid #e7e7e7;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;line-height:26px;transition:border-color .15s}.cms-form-dialog__input:focus{border-color:var(--color-main)}.cms-form-dialog__input::placeholder{color:#bababa}select.cms-form-dialog__input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23A8ABB3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.cms-form-dialog__static{font-family:var(--font-sans);color:#212125;background:#f8f8f8;border:1px solid #e7e7e7;border-radius:12px;padding:14px 16px;font-size:16px;line-height:26px}.cms-form-dialog__chips{flex-wrap:wrap;gap:8px;display:flex}.cms-form-dialog__chip{font-family:var(--font-sans);color:#585858;cursor:pointer;background:#fff;border:1px solid #e7e7e7;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.cms-form-dialog__chip:hover{border-color:var(--color-main);color:var(--color-main)}.cms-form-dialog__chip--active{background:var(--color-bg-4);border-color:var(--color-main);color:var(--color-main)}.cms-form-dialog__chip-remove{cursor:pointer;color:var(--color-main);background:0 0;border:none;padding:0;font-size:16px;line-height:1}.cms-stepper{align-items:center;display:flex}.cms-stepper__btn{cursor:pointer;color:#191919;background:0 0;border:1px solid #191919;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:opacity .15s;display:flex}.cms-stepper__btn:hover{opacity:.7}.cms-stepper__value,.cms-stepper__input{text-align:center;width:60px;height:36px;font-family:var(--font-sans);color:#191919;-moz-appearance:textfield;background:#fff;border:1px solid #e7e7e7;border-radius:10px;outline:none;margin:0 6px;font-size:14px;font-weight:600;line-height:20px}.cms-stepper__input:focus{border-color:var(--color-main)}.cms-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cms-stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cms-form-dialog__error{color:#dc2626;text-align:center;font-size:13px}.cms-form-dialog__submit{border:1px solid var(--color-main);background:var(--color-main);color:#fff;width:140px;height:44px;font-family:var(--font-sans);cursor:pointer;border-radius:12px;align-self:flex-end;font-size:16px;font-weight:500;line-height:26px;transition:opacity .15s;box-shadow:0 1px 2px #1a1a1a14}.cms-form-dialog__submit:hover{opacity:.9}.cms-form-dialog__submit:disabled{opacity:.6;cursor:not-allowed}.cms-authz-picker{border-radius:var(--radius-lg);background:var(--color-bg-3);border:1px solid #e7e7e7;flex-direction:column;gap:10px;padding:12px;display:flex}.cms-authz-picker__anchor{z-index:1;position:relative}.cms-authz-picker__search-row{align-items:center;gap:8px;display:flex}.cms-authz-picker__search-input{flex:1;min-width:0}.cms-authz-picker__add-button{flex-shrink:0;width:auto;padding:0 18px}.cms-authz-picker__status,.cms-authz-picker__hint{color:var(--color-neutral-3);font-size:12px;line-height:18px}.cms-authz-picker__hint{display:block}.cms-authz-picker__selected{flex-direction:column;gap:8px;display:flex}.cms-authz-picker__chips{align-content:flex-start;max-height:120px;padding-right:2px;overflow-y:auto}.cms-authz-picker__chip{cursor:default;gap:8px;max-width:100%;padding:6px 10px 6px 12px}.cms-authz-picker__chip-content{align-items:center;gap:6px;min-width:0;display:inline-flex}.cms-authz-picker__chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.cms-authz-picker__chip-slug{color:var(--color-neutral-3);flex-shrink:0;font-size:12px}.cms-authz-picker__chip-remove{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:inline-flex}.cms-authz-picker__chip-remove:hover{background:#1d78ff1f}.cms-authz-picker__dropdown{z-index:50}.cms-authz-picker__dropdown-panel{border-radius:var(--radius-lg);background:var(--color-bg-3);border:1px solid #e7e7e7;overflow:hidden;box-shadow:0 18px 40px #21212524}.cms-authz-picker__dropdown-header{border-bottom:1px solid var(--color-stroke-1);background:var(--color-bg-1);color:var(--color-neutral-3);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:11px;font-weight:600;line-height:16px;display:flex}.cms-authz-picker__empty{color:var(--color-neutral-3);padding:16px 14px;font-size:13px;line-height:20px}.cms-authz-picker__options{flex-direction:column;gap:4px;max-height:240px;padding:6px;display:flex;overflow-y:auto}.cms-authz-picker__option{background:var(--color-bg-3);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.cms-authz-picker__option:hover{background:var(--color-bg-1);border-color:var(--color-stroke-1)}.cms-authz-picker__option-info{flex-direction:column;gap:2px;min-width:0;display:flex}.cms-authz-picker__option-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-1);font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.cms-authz-picker__option-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-3);font-size:12px;line-height:18px;overflow:hidden}.cms-authz-picker__option-action{color:var(--color-main);flex-shrink:0;font-size:12px;font-weight:500;line-height:18px}.cms-user-select{flex-direction:column;gap:8px;display:flex}.cms-user-select__loading{color:#9e9e9e;text-align:center;padding:16px;font-size:14px}.cms-user-select__search{width:100%;height:42px;font-family:var(--font-sans);color:#212125;background:#fff;border:1px solid #e7e7e7;border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}.cms-user-select__search:focus{border-color:var(--color-main)}.cms-user-select__search::placeholder{color:#bababa}.cms-user-select__list{background:#fff;border:1px solid #e7e7e7;border-radius:12px;max-height:200px;overflow-y:auto}.cms-user-select__item{cursor:pointer;width:100%;font-family:var(--font-sans);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.cms-user-select__item:not(:last-child){border-bottom:1px solid #f3f3f3}.cms-user-select__item:hover{background:#f8f8f8}.cms-user-select__item--selected{background:#eaf2ff}.cms-user-select__item--selected:hover{background:#dde9ff}.cms-user-select__check{flex-shrink:0;display:flex}.cms-user-select__info{flex-direction:column;min-width:0;display:flex}.cms-user-select__name{color:#212125;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.cms-user-select__email{color:#9e9e9e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.cms-user-select__empty{color:#9e9e9e;text-align:center;padding:16px;font-size:14px}.cms-user-select__footer{color:var(--color-main);font-size:13px;font-weight:500}.cms-type-selector{gap:8px;display:flex}.cms-type-selector__item{border:1px solid var(--color-neutral-4);cursor:pointer;font-family:var(--font-sans);color:var(--color-neutral-2);border-radius:10px;flex:1;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.cms-type-selector__item input{display:none}.cms-type-selector__item--active{background:var(--color-bg-4);border-color:var(--color-main);color:var(--color-main)}.cms-type-selector__item:hover{border-color:var(--color-main)}.cms-draft-bar{background:var(--color-bg-1);border-radius:var(--radius-sm);color:var(--color-neutral-2);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 24px;font-size:14px;display:flex}.cms-draft-bar__actions{gap:12px;display:flex}.img-picker__search{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);height:40px;color:var(--color-neutral-3);border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s;display:flex}.img-picker__search:focus-within{border-color:var(--color-main)}.img-picker__search-input{font-family:var(--font-sans);color:var(--color-neutral-1);background:0 0;border:none;outline:none;flex:1;font-size:14px}.img-picker__search-input::placeholder{color:var(--color-neutral-4)}.img-picker__grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.img-picker__item{cursor:pointer;background:var(--color-bg-1);border:2px solid #0000;border-radius:10px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.img-picker__item:hover{border-color:var(--color-neutral-4)}.img-picker__item--selected{border-color:var(--color-main);box-shadow:0 0 0 1px var(--color-main)}.img-picker__thumb{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.img-picker__overlay{pointer-events:none;background:#0000001a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 26px}.img-picker__overlay--selected{background:#3b82f626}.img-picker__check{color:var(--color-main);filter:drop-shadow(0 1px 2px #0003)}.img-picker__name{font-family:var(--font-sans);color:var(--color-neutral-2);white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:4px 8px;font-size:12px;line-height:18px;overflow:hidden}.img-picker__empty{color:var(--color-neutral-3);flex-direction:column;align-items:center;gap:8px;padding:48px 0;font-size:14px;display:flex}.img-picker__pagination{border-top:1px solid var(--color-stroke-1);justify-content:center;align-items:center;gap:12px;padding:12px 24px 16px;display:flex}.img-picker__page-btn{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);cursor:pointer;width:32px;height:32px;color:var(--color-neutral-2);border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:background .15s,border-color .15s;display:flex}.img-picker__page-btn:hover:not(:disabled){border-color:var(--color-main);color:var(--color-main)}.img-picker__page-btn:disabled{opacity:.4;cursor:not-allowed}.img-picker__page-info{font-family:var(--font-sans);color:var(--color-neutral-2);font-size:13px}.hero-img-field__preview{border:1px solid var(--color-stroke-1);border-radius:10px;width:100%;max-width:400px;margin-bottom:8px;position:relative;overflow:hidden}.hero-img-field__preview img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.hero-img-field__actions{gap:8px;display:flex}.hero-img-field__btn{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);cursor:pointer;font-family:var(--font-sans);color:var(--color-neutral-2);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.hero-img-field__btn:hover{border-color:var(--color-main);color:var(--color-main)}.hero-img-field__btn--remove{color:#dc2626;border-color:#fecaca}.hero-img-field__btn--remove:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}
@media (max-width:1100px){.cms-header{padding-right:24px}.cms-stats{flex-direction:column}}@media (max-width:900px){.cms-sidebar{width:72px}.cms-sidebar__label,.cms-sidebar__logo-text{display:none}.cms-sidebar__item{justify-content:flex-start;padding-left:20px}.cms-sidebar__item--active{margin-left:8px;margin-right:8px;padding-left:12px}}.cms-sidebar__toggle{border:1px solid var(--color-stroke-1);background:var(--color-bg-3);width:28px;height:28px;color:var(--color-neutral-2);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.cms-sidebar__toggle:hover{background:var(--color-bg-1);color:var(--color-neutral-1)}.cms-sidebar{transition:width .2s;position:relative}.cms-sidebar--collapsed{width:72px}.cms-sidebar--collapsed .cms-sidebar__label,.cms-sidebar--collapsed .cms-sidebar__logo-text{display:none}.cms-sidebar--collapsed .cms-sidebar__top{flex-direction:column;align-items:center;gap:8px;padding:0 0 12px}.cms-sidebar--collapsed .cms-sidebar__logo{justify-content:center}.cms-sidebar--collapsed .cms-sidebar__item{justify-content:center;padding:9px 0}.cms-sidebar--collapsed .cms-sidebar__item--active{justify-content:center;margin-left:8px;margin-right:8px;padding:9px 0}.cms-sidebar--collapsed .cms-sidebar__item--active:before{left:-8px}.cms-toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.cms-toast{border-radius:var(--radius-lg);pointer-events:auto;white-space:nowrap;background:#fff;align-items:center;gap:10px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #0000001a}.cms-toast__icon{flex-shrink:0;width:24px;height:24px}.cms-toast__message{font-family:var(--font-sans);color:var(--color-neutral-1);font-size:16px;font-weight:500;line-height:24px}.cms-toast--enter{animation:.3s ease-out forwards cms-toast-in}.cms-toast--exit{animation:.25s ease-in forwards cms-toast-out}@keyframes cms-toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes cms-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}