:root{--marketing-atmosphere: linear-gradient(90deg, #ffffff00, #ffffffba 27%, #ffffffd9 64%, #ffffff00), radial-gradient(ellipse 42% 26% at -7% 21%, #779bff66 0%, #b2beff33 38%, #dce3ff12 65%, transparent 100%), radial-gradient(ellipse 34% 24% at 94% 65%, #ad8cfb60 0%, #c9afff30 38%, #ece0ff10 65%, transparent 100%), radial-gradient(ellipse 30% 22% at 14% 77%, #b697f53d 0%, #d8c6ff1c 45%, transparent 100%), radial-gradient(ellipse 38% 26% at 106% 30%, #9ccfff55 0%, #d5eaff22 45%, transparent 100%)}body:has(.template-empire){--primary: #2563eb;--primary-solid: #2563eb}body:has(.template-empire)>div:has(>main){row-gap:0}:root:not(.dark) body:has(.template-empire)>div:has(>main){background-color:#fcfcff;background-image:var(--marketing-atmosphere);background-size:100% 100%,100% 1600px,100% 1600px,100% 1600px,100% 1600px;background-position:center top;background-repeat:no-repeat,repeat-y,repeat-y,repeat-y,repeat-y}body:has(.template-empire) main{margin-top:0;padding-top:104px;background:transparent}body:has(.template-empire) #footer{border-top:0;background:transparent}body:has(.template-empire dialog[open]){overflow:hidden}.template-empire{--empire-ink: #202031;--empire-secondary: #626273;--empire-line: #e5e5ea;--empire-card: #fff;--empire-soft: #f1f1f4;--empire-accent: #2563eb;--empire-tint: #edf2fd;color:var(--empire-ink)}.dark .template-empire{--empire-ink: #f4f2fa;--empire-secondary: #b8b4c6;--empire-line: #343d4c;--empire-card: #1b2230;--empire-soft: #151b25;--empire-accent: #92b4ff;--empire-tint: #25334f}.template-empire [hidden]{display:none!important}.template-empire *,.template-empire *:before,.template-empire *:after{box-sizing:border-box}.template-empire :is(h1,h2,h3){color:var(--empire-ink)}.template-empire h1{font-size:clamp(32px,3.8vw,48px);line-height:1.1;font-weight:500;letter-spacing:-.045em;text-wrap:balance}.template-empire h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.035em}.template-empire h3{font-size:16px;font-weight:550;line-height:1.5;letter-spacing:-.015em}.template-empire p{color:var(--empire-secondary);line-height:1.75}.template-empire :is(button,select,input){font:inherit}.template-empire button{cursor:pointer}.template-empire svg{width:18px;height:18px;flex-shrink:0}.template-empire :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--empire-accent);outline-offset:4px}.empire-container{width:100%;max-width:1248px;padding-inline:32px;margin-inline:auto}.template-empire .hero-description{margin-top:16px;max-width:680px;font-size:16px;line-height:1.65}.template-empire .empire-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 20px;border-radius:8px;border:1px solid transparent;background:#2563eb;color:#fff;font-size:14px;font-weight:550;line-height:1.4;transition:background .15s}.template-empire .empire-button:hover{background:#1d4ed8}.template-empire .empire-button.secondary{border-color:var(--empire-line);background:var(--empire-card);color:var(--empire-ink)}.template-empire .text-action{display:inline-flex;align-items:center;gap:12px;color:var(--empire-ink);font-size:14px}.template-empire .text-action:hover{color:var(--empire-accent)}.catalog-hero{padding:12px 0 48px}.catalog-hero>nav{margin-bottom:28px}.catalog-introduction{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:end}.catalog-introduction .hero-description{max-width:580px;font-size:15px}.catalog-search{display:flex;align-items:center;gap:12px;background:var(--empire-card);border:1px solid var(--empire-line);border-radius:10px;padding:5px 5px 5px 16px}.catalog-search:focus-within{border-color:var(--empire-accent)}.catalog-search>svg{color:var(--empire-secondary)}.catalog-search input{flex:1;min-width:0;padding-block:12px;border:0;color:var(--empire-ink);background:transparent;font-size:14px}.catalog-search input::placeholder{color:var(--empire-secondary)}.catalog-search input:focus-visible{outline:none}.search-submit{display:grid;place-items:center;width:40px;height:40px;border-radius:6px;color:var(--empire-secondary)}.search-submit:hover{background:var(--empire-soft)}.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;align-items:start}.catalog-sidebar{position:sticky;top:115px}.category-disclosure nav{max-height:var(--category-menu-height, calc(100dvh - 180px) );overflow-y:auto;overscroll-behavior:contain;padding-inline:10px;margin-inline:-10px;scrollbar-width:thin;scrollbar-color:var(--empire-line) transparent}.category-disclosure summary{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:550;margin-bottom:18px;list-style:none;cursor:pointer}.category-disclosure summary::-webkit-details-marker{display:none}.category-disclosure summary>svg{display:none}.category-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px;margin:2px -10px;border-radius:6px;min-height:42px;color:var(--empire-secondary);font-size:13px}.category-link>span:first-child{display:flex;align-items:center;gap:10px}.category-link>span:last-child{font-size:11px;font-variant-numeric:tabular-nums}.category-link svg{width:16px;height:16px;flex-shrink:0}.category-link:hover{background:var(--empire-soft);color:var(--empire-ink)}.category-link.is-selected{color:var(--empire-accent);background:var(--empire-tint);font-weight:550}.category-children{padding-left:18px;margin-left:7px;border-left:1px solid var(--empire-line)}.category-children .category-link{font-size:12px;min-height:36px;padding-block:8px}.catalog-topics{margin-top:36px;font-size:13px}.catalog-topics p{font-size:12px;font-weight:550;color:var(--empire-ink);margin-bottom:12px}.catalog-topics a{display:block;padding-block:8px;color:var(--empire-secondary)}.catalog-topics a:is(:hover,[aria-current]){color:var(--empire-accent)}.catalog-results{min-width:0}.subcategory-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.subcategory-row a{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--empire-card);border:1px solid var(--empire-line);border-radius:6px;font-size:12px}.subcategory-row a:hover{border-color:var(--empire-accent)}.subcategory-row svg{width:14px;height:14px}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:38px;margin-bottom:24px}.results-toolbar p{font-size:13px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.reset-filters{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:12px;color:var(--empire-secondary)}.reset-filters svg{width:13px;height:13px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.template-card{display:block;min-width:0}.template-card-link{display:block}.card-preview{position:relative;box-sizing:content-box;aspect-ratio:var(--card-aspect-ratio, 1440 / 1000);overflow:hidden;background:var(--empire-soft);border:1px solid var(--empire-line);border-radius:10px;padding:0;transition:border-color .15s,transform .15s}.card-screenshot{display:block;width:100%;height:auto;border-radius:0}.template-card-link:is(:hover,:focus-visible) .card-preview{border-color:var(--empire-accent);transform:translateY(-2px)}.card-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:15px}.template-empire .card-caption h3{font-size:16px;line-height:1.4;font-weight:500}.card-arrow{color:var(--empire-secondary);font-size:18px}.template-card-link:is(:hover,:focus-visible) .card-arrow{color:var(--empire-accent)}.template-empire .card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:7px;font-size:12px;line-height:1.5}.template-empire .template-tag{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border:1px solid var(--empire-line);border-radius:4px;background:var(--empire-soft);color:var(--empire-ink);line-height:1.5;overflow-wrap:anywhere}.template-empire a.template-tag:hover{border-color:var(--empire-accent)}.empty-results{padding:80px 24px;text-align:center}.empty-results>svg{margin:0 auto 20px;color:var(--empire-secondary);width:28px;height:28px}.empty-results p{font-size:15px;margin:12px 0 24px}.catalog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:48px}.catalog-pagination a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:42px;min-height:42px;padding:9px 12px;border-radius:6px;font-size:13px}.catalog-pagination a:hover{background:var(--empire-soft)}.catalog-pagination a[aria-current]{color:var(--empire-card);background:var(--empire-ink)}.catalog-continuation{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;margin:48px 0 72px 318px;border-radius:12px;background:var(--empire-card);border:1px solid var(--empire-line)}.template-empire .catalog-continuation h2{font-size:19px;letter-spacing:-.02em}.catalog-continuation p{font-size:13px;margin-top:7px}.catalog-continuation .text-action{white-space:nowrap;font-size:13px}.detail-heading{padding:12px 0 32px}.detail-heading>nav{margin-bottom:28px}.detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:48px}.detail-title-row>div:first-child{max-width:790px}.detail-title-row h1{font-size:clamp(30px,3.5vw,44px)}.detail-title-row .hero-description{max-width:640px;font-size:15px}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:19px;color:var(--empire-secondary);font-size:12px}.detail-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.preview-gallery{scroll-margin-top:110px;min-width:0;background:var(--empire-card);border:1px solid var(--empire-line);border-radius:12px;overflow:hidden}.preview-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--empire-line)}.preview-toolbar .device-switch{grid-column:2;justify-self:center}.device-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--empire-line);border-radius:7px;background:var(--empire-soft)}.device-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 12px;border-radius:4px;color:var(--empire-secondary);font-size:12px}.device-switch button[aria-pressed=true]{color:var(--empire-ink);background:var(--empire-card);box-shadow:0 1px 3px #0000000a}.device-switch svg{width:15px;height:15px}.open-preview{justify-self:end;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid var(--empire-line);border-radius:6px;font-size:12px;color:var(--empire-ink);white-space:nowrap}.open-preview:hover{background:var(--empire-soft)}.open-preview[aria-disabled]{color:var(--empire-secondary)}.open-preview svg{width:15px;height:15px}.preview-stage{height:570px;overflow:auto;padding:0;background:var(--empire-soft);overscroll-behavior:contain;scrollbar-width:thin}.preview-desktop{width:100%;overflow:hidden}.preview-desktop:has(.template-preview-frame){height:100%}.template-preview-frame{display:block;width:100%;height:100%;border:0;background:#fff}.preview-stage[data-preview-device=mobile]{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;padding:24px;overflow:hidden}.preview-mobile{display:flex;flex-direction:column;height:100%;width:auto;aspect-ratio:9 / 19.5;max-width:100%;min-height:0;margin-inline:auto;border:6px solid #262833;border-radius:28px;overflow:hidden;background:#fff}.phone-screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.phone-screen:has(.template-preview-frame){overflow:hidden}.phone-screen>.template-preview-frame{width:390px;height:844px;transform:scale(.6);transform-origin:top left}.preview-caption{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 18px;color:var(--empire-secondary);font-size:11px}.preview-caption>span{display:flex;align-items:center;gap:6px}.preview-caption svg{width:13px;height:13px}.template-sharing{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-top:12px}.sharing-label{color:var(--empire-secondary);font-size:12px}.share-channels{display:flex;align-items:center;gap:2px}.share-channels :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px;width:42px;height:44px;border-radius:5px;color:var(--empire-secondary);font-size:12px}.share-channels :is(a,button):hover{color:var(--empire-ink);background:var(--empire-soft)}.share-channels svg{width:18px;height:18px}.template-sharing .share-feedback{flex-basis:100%;font-size:12px}.share-copy-fallback{display:flex;align-items:center;gap:12px;width:100%;font-size:12px}.share-copy-fallback input{min-width:0;flex:1;border:1px solid var(--empire-line);border-radius:6px;padding:10px;color:var(--empire-ink);background:var(--empire-card)}.detail-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:100px;align-items:start;padding-top:64px}.detail-article{min-width:0;max-width:730px}.detail-mobile-contents,.detail-body>noscript{display:none}.detail-section{padding-bottom:64px;scroll-margin-top:116px}.detail-section>p{margin-top:20px;font-size:15px;line-height:1.8}.audience-line{margin-top:28px}.template-empire .audience-line h3{font-size:13px}.audience-line p{font-size:14px;margin-top:6px}.template-overview-image{margin-top:28px}.template-overview-image img{display:block;width:100%;height:auto;border:1px solid var(--empire-line);border-radius:8px}.template-overview-image figcaption{margin-top:10px;font-size:11px;color:var(--empire-secondary)}.included-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-top:30px}.included-sections dt{font-size:15px;font-weight:550;line-height:1.5}.included-sections dd{margin-top:9px;font-size:14px;color:var(--empire-secondary);line-height:1.8}.detail-article a{color:var(--empire-accent);text-decoration:underline;text-underline-offset:3px}.template-steps{list-style:none;counter-reset:template-step;display:grid;gap:24px;margin-top:28px}.template-steps li{counter-increment:template-step;display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px}.template-steps li:before{content:counter(template-step);display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--empire-line);border-radius:50%;font-size:12px;color:var(--empire-secondary)}.template-steps p{margin-top:6px;font-size:14px;line-height:1.8}.template-steps strong{font-weight:500;color:var(--empire-ink)}.use-case-list{margin-top:8px}.template-use-case{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--empire-line)}.template-use-case:last-child{border-bottom:0}.template-use-case>img{width:32px;height:32px;object-fit:contain;margin-top:4px}.use-case-heading{display:flex;flex-direction:column;gap:3px}.use-case-heading span{color:var(--empire-secondary);font-size:12px}.template-use-case p{margin-top:8px;font-size:14px;line-height:1.8}.detail-sidebar{position:sticky;top:116px;min-width:0}.detail-section-nav{margin-top:0}.detail-section-nav>p{font-size:12px;font-weight:550;color:var(--empire-ink);margin-bottom:12px}.detail-section-nav a{display:block;padding:10px 0 10px 14px;border-left:2px solid var(--empire-line);font-size:13px;color:var(--empire-secondary)}.detail-section-nav a:hover{color:var(--empire-ink)}.detail-section-nav a[aria-current]{color:var(--empire-ink);border-color:var(--empire-accent)}.template-faq{margin-top:22px}.template-faq details{border-bottom:1px solid var(--empire-line);padding:19px 0}.template-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;line-height:1.5;list-style:none;cursor:pointer}.template-faq summary::-webkit-details-marker{display:none}.template-faq summary svg{width:16px;height:16px;color:var(--empire-secondary)}.template-faq details[open] summary svg{transform:rotate(45deg)}.template-faq p{padding:14px 24px 0 0;font-size:14px}.related-templates{padding:0 0 24px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.related-templates h2{font-size:25px}.related-templates .template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-use-bar{display:none}@media (max-width: 1050px){.catalog-layout{grid-template-columns:240px minmax(0,1fr);gap:32px}.catalog-introduction{gap:32px;grid-template-columns:minmax(0,1fr) 310px}.catalog-continuation{margin-left:272px;display:block}.catalog-continuation .text-action{margin-top:16px}.detail-body{grid-template-columns:minmax(0,1fr) 250px;gap:48px}.detail-title-row{gap:24px}.preview-stage{height:500px}.related-templates .template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.catalog-introduction{display:block}.catalog-search{margin-top:24px;max-width:540px}.detail-body{display:block;padding-top:40px}.detail-article{max-width:none}.detail-sidebar{display:none}.detail-body>noscript{display:block}.detail-fallback-contents{display:flex;flex-wrap:wrap;gap:12px 18px;margin-bottom:32px;font-size:12px}.detail-mobile-contents{display:flex;align-items:center;gap:20px;position:sticky;top:90px;z-index:15;padding:12px 16px;margin-bottom:32px;border:1px solid var(--empire-line);border-radius:8px;background:var(--empire-card)}.detail-mobile-contents label{font-size:12px;color:var(--empire-secondary);white-space:nowrap}.detail-mobile-contents select{width:100%;min-width:0;border:0;background:transparent;color:var(--empire-ink);font-size:13px}.detail-section{scroll-margin-top:174px}body:has([data-template-detail]){padding-bottom:80px}.mobile-use-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:fixed;bottom:0;inset-inline:0;z-index:30;padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--empire-line);background:var(--empire-card)}.mobile-use-bar strong{font-size:13px;font-weight:500}.mobile-use-bar .empire-button{min-height:44px;font-size:12px;padding:12px 16px}}@media (max-width: 767px){body:has(.template-empire) main{padding-top:88px}.empire-container{padding-inline:20px}.catalog-hero,.detail-heading{padding-top:8px;padding-bottom:28px}.catalog-hero>nav,.detail-heading>nav{margin-bottom:24px}.template-empire h1,.detail-title-row h1{font-size:32px}.template-empire h2{font-size:25px}.template-empire .hero-description{font-size:14px}.catalog-layout{display:block}.catalog-sidebar{position:static}.category-disclosure{margin-bottom:20px;padding:14px;border:1px solid var(--empire-line);border-radius:8px;background:var(--empire-card)}.category-disclosure summary{margin-bottom:0}.category-disclosure[open] summary{margin-bottom:14px}.category-disclosure summary>svg{display:block;width:15px;height:15px}.category-disclosure[open] summary>svg{transform:rotate(180deg)}.catalog-topics{display:flex;align-items:center;gap:16px;margin:0 0 20px;font-size:12px}.catalog-topics p{margin:0}.category-link{margin-inline:0}.catalog-controls{align-items:start;flex-direction:column;gap:12px;margin-bottom:24px}.results-toolbar{gap:12px}.template-grid{gap:28px 18px}.card-preview{border-radius:8px}.template-empire .card-caption h3{font-size:15px}.card-meta{font-size:11px}.catalog-continuation{display:block;margin:32px 0 48px;padding:24px}.detail-title-row{display:block}.detail-actions{flex-direction:row;justify-content:start;margin-top:24px;gap:20px}.detail-actions .empire-button{min-height:46px}.detail-meta{margin-top:16px}.preview-toolbar{grid-template-columns:1fr;gap:10px;padding:10px 12px}.preview-toolbar .device-switch{display:none}.preview-toolbar .open-preview{grid-column:1}.preview-stage,.preview-stage[data-preview-device=mobile]{display:grid;grid-template-rows:minmax(0,1fr);place-items:center;height:440px;padding:18px;overflow:hidden}.template-empire [data-desktop-preview]{display:none!important}.template-empire [data-mobile-preview]{display:flex!important}.preview-caption{padding:10px 12px}.template-sharing{gap:4px 6px}.sharing-label{flex-basis:100%}.share-channels{gap:0}.share-channels :is(a,button){width:38px}.detail-mobile-contents{top:76px;padding:12px;gap:12px}.detail-mobile-contents label{font-size:11px}.detail-mobile-contents select{font-size:12px}.detail-section{padding-bottom:44px;scroll-margin-top:155px}.detail-section>p{font-size:14px}.included-sections{gap:24px}.section-title-row{display:block}.section-title-row>a{margin-top:14px}}@media (max-width: 480px){.template-grid,.related-templates .template-grid,.included-sections{grid-template-columns:1fr}.preview-desktop{overflow-x:auto}.template-use-case{grid-template-columns:32px minmax(0,1fr);gap:16px}}@media (prefers-reduced-motion: reduce){.template-empire *{transition:none!important;scroll-behavior:auto!important}}.preview-unavailable{display:grid;place-items:center;min-height:240px;margin:0;font-size:14px}