/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.home-page,.content-page,.editor-page{background:var(--bg);color:var(--text)}.page-eyebrow{--tw-leading:1.2;--tw-font-weight:var(--md-font-weight-semibold,600);width:fit-content;font-size:13px;line-height:1.2;font-weight:var(--md-font-weight-semibold,600);border:1px solid var(--accent);border-radius:3.40282e38px;margin:0;padding-block:7px;padding-inline:11px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.page-eyebrow{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line))}}.page-eyebrow{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.page-eyebrow{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.page-eyebrow{color:var(--accent-strong)}.primary-action,.secondary-action{min-height:calc(var(--md-spacing,.25rem) * 11);border-radius:var(--md-radius-lg,.5rem);--tw-font-weight:var(--md-font-weight-semibold,600);font-size:14px;font-weight:var(--md-font-weight-semibold,600);justify-content:center;align-items:center;padding-inline:18px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.primary-action{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;box-shadow:0 16px 34px var(--accent)}@supports (color:color-mix(in lab, red, red)){.primary-action{box-shadow:0 16px 34px color-mix(in srgb, var(--accent) 22%, transparent)}}.primary-action:hover{background:var(--accent-strong)}@supports (color:color-mix(in lab, red, red)){.primary-action:hover{background:color-mix(in srgb, var(--accent-strong) 88%, #000)}}.primary-action:hover{transform:translateY(-1px)}.secondary-action{border:1px solid var(--line);background:var(--surface);color:var(--text)}.secondary-action:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.secondary-action:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}}.secondary-action:hover{background:var(--surface-2);color:var(--accent-strong);transform:translateY(-1px)}.home-hero{border-bottom:1px solid var(--line);background:var(--surface-2);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.home-hero{background:color-mix(in srgb, var(--surface-2) 38%, var(--bg))}}.home-hero{padding:58px 0 26px}.home-hero-inner{grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr);align-items:center;gap:38px;width:min(1180px,100% - 32px);min-height:520px;margin:0 auto;display:grid;position:relative}.home-hero-inner:before{display:none}.home-hero-copy{z-index:1;max-width:620px;position:relative}.home-hero-copy h1{letter-spacing:0;margin:16px 0 0;font-size:clamp(48px,8vw,92px);font-weight:700;line-height:.98}.home-lead{max-width:610px;color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.8}.home-actions{margin-top:calc(var(--md-spacing,.25rem) * 7);flex-wrap:wrap;gap:10px;display:flex}.home-hero-visual{z-index:1;opacity:1;pointer-events:none;justify-content:flex-end;align-items:center;width:100%;min-width:0;display:flex;position:relative}.workspace-mini{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;max-width:690px}@supports (color:color-mix(in lab, red, red)){.workspace-mini{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.workspace-mini{box-shadow:var(--shadow);overflow:hidden}.workspace-mini-toolbar{border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.workspace-mini-toolbar span{background:var(--surface-2);min-width:0;color:var(--muted);text-align:center;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:500}.workspace-mini-body{background:linear-gradient(135deg, var(--accent), var(--surface));grid-template-columns:minmax(0,.82fr) minmax(0,1fr);min-height:330px;display:grid}@supports (color:color-mix(in lab, red, red)){.workspace-mini-body{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, var(--surface-2)), var(--surface))}}.workspace-mini-editor{border-right:1px solid var(--line);background:var(--surface);align-content:start;gap:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.workspace-mini-editor{background:color-mix(in srgb, var(--surface) 74%, transparent)}}.workspace-mini-editor{color:var(--muted);padding:24px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.workspace-mini-editor strong{color:var(--text)}.workspace-mini-preview{border:1px solid var(--accent);width:min(86%,360px);margin:30px auto}@supports (color:color-mix(in lab, red, red)){.workspace-mini-preview{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--line))}}.workspace-mini-preview{background:var(--surface);border-radius:8px;padding:26px;box-shadow:0 16px 34px #10151314}.mini-badge{background:var(--blue);border-radius:999px;width:fit-content;margin:0 0 14px}@supports (color:color-mix(in lab, red, red)){.mini-badge{background:color-mix(in srgb, var(--blue) 14%, var(--surface-2))}}.mini-badge{color:var(--blue);padding:5px 9px;font-size:11px;font-weight:600}.workspace-mini-preview h2{margin:0;font-size:30px;line-height:1.12}.workspace-mini-preview p:not(.mini-badge){color:var(--muted);margin:14px 0 0;line-height:1.72}.mini-progress{gap:8px;margin-top:24px;display:grid}.mini-progress span{background:var(--surface-2);border-radius:999px;height:10px;display:block}.mini-progress span:first-child{background:var(--accent);width:82%}@supports (color:color-mix(in lab, red, red)){.mini-progress span:first-child{background:color-mix(in srgb, var(--accent) 34%, var(--surface-2))}}.mini-progress span:nth-child(2){background:var(--amber);width:64%}@supports (color:color-mix(in lab, red, red)){.mini-progress span:nth-child(2){background:color-mix(in srgb, var(--amber) 34%, var(--surface-2))}}.mini-progress span:nth-child(3){background:var(--rose);width:48%}@supports (color:color-mix(in lab, red, red)){.mini-progress span:nth-child(3){background:color-mix(in srgb, var(--rose) 28%, var(--surface-2))}}.home-quick-grid,.page-section,.home-cta,.content-page{width:min(1180px,100% - 32px);margin:0 auto}.home-quick-grid{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:-28px;display:grid;position:relative}.quick-card,.feature-card,.workflow-card,.learning-card,.syntax-card,.code-example,.template-card,.template-summary-grid article,.guide-note,.template-hero-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;box-shadow:0 10px 28px #1015130a}.quick-card{align-content:start;gap:10px;min-height:186px;padding:22px;transition:border-color .16s,background .16s,transform .16s;display:grid}.quick-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.quick-card:hover{border-color:color-mix(in srgb, var(--accent) 46%, var(--line))}}.quick-card:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.quick-card:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.quick-card:hover{transform:translateY(-1px)}.quick-card span{color:var(--accent-strong);font-size:12px;font-weight:600}.quick-card h2{margin:0;font-size:21px;line-height:1.22}.quick-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.68}.quick-card strong{color:var(--text);margin-top:auto;font-size:14px}.page-section{padding:64px 0}.page-section-tight{padding-top:18px}.section-heading{text-align:center;max-width:760px;margin:0 auto 28px}.section-heading.align-left{text-align:left;margin-left:0;margin-right:0}.section-heading h2,.content-hero h1,.home-cta h2,.editor-intro h1{color:var(--text);letter-spacing:0;margin:14px 0 0;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.12}.workflow-grid,.feature-grid,.learning-grid,.template-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-card,.learning-card,.template-summary-grid article{align-content:start;gap:10px;padding:22px;display:grid}.workflow-card span,.learning-card span,.template-summary-grid span{color:var(--accent-strong);font-size:13px;font-weight:600}.workflow-card h3,.learning-card h2,.template-summary-grid h2{margin:0;font-size:19px;line-height:1.24}.workflow-card p,.learning-card p,.template-summary-grid p,.feature-card p,.template-card p,.content-hero p,.home-cta p,.editor-intro>p{color:var(--muted);margin:0;font-size:15px;line-height:1.72}.feature-card{min-height:166px;padding:24px}.feature-card h3{color:var(--text);margin:0 0 12px;font-size:18px;line-height:1.25}.home-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:26px;padding:56px 0 68px;display:flex}.home-cta p:not(.page-eyebrow){max-width:620px;margin-top:12px}.editor-page{padding-bottom:26px}.editor-intro{justify-content:space-between;align-items:end;gap:22px;width:min(1480px,100% - 32px);margin:0 auto;padding:18px 0 12px;display:flex}.editor-intro h1{font-size:clamp(24px,2.6vw,34px)}.editor-intro>p{max-width:460px;margin-bottom:4px}.content-page{padding:54px 0 72px}.content-hero{max-width:860px}.content-hero-with-panel{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;gap:18px;max-width:none;display:grid}.content-hero p{margin-top:14px;font-size:17px}.guide-note,.template-hero-panel{background:linear-gradient(135deg, var(--accent), transparent 72%), var(--surface);align-content:center;gap:10px;padding:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.guide-note,.template-hero-panel{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 72%), var(--surface)}}.guide-note strong,.template-hero-panel strong{font-size:22px;line-height:1.2}.guide-note span,.template-hero-panel span{color:var(--muted);font-size:14px;line-height:1.7}.template-hero-panel a{width:fit-content;color:var(--accent-strong);font-size:14px;font-weight:600}.learning-grid,.template-summary-grid{margin-top:28px}.guide-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;margin-top:34px;display:grid}.guide-index{top:calc(var(--site-header-height) + 18px);gap:8px;display:grid;position:sticky}.guide-index a{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;gap:2px;padding:12px;font-size:14px;font-weight:500;display:grid}.guide-index a span{color:var(--muted);font-size:12px;font-weight:500}.syntax-grid,.template-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.syntax-card,.code-example{padding:22px}.syntax-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.syntax-card h2,.code-example h2{color:var(--text);margin:0;font-size:20px;line-height:1.25}.syntax-card-head span{background:var(--surface-2);color:var(--accent-strong);border-radius:999px;flex:none;padding:5px 8px;font-size:12px;font-weight:600}.syntax-card dl{gap:8px;margin:18px 0 0;display:grid}.syntax-card dt{margin:0}.syntax-card code{background:var(--accent);border-radius:6px;max-width:100%;display:inline-block}@supports (color:color-mix(in lab, red, red)){.syntax-card code{background:color-mix(in srgb, var(--accent) 8%, var(--surface-2))}}.syntax-card code{color:var(--accent-strong);overflow-wrap:anywhere;padding:5px 8px;font-size:13px}.syntax-card dd{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.65}.example-section{margin-top:46px}.code-example pre{color:#f3f8f4;background:#101513;border-radius:8px;max-width:100%;margin:16px 0 0;padding:18px;line-height:1.72;overflow-x:auto}.code-example code{font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.guide-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.template-section{margin-top:44px}.template-section .section-heading{max-width:920px}.template-section .section-heading h2{font-size:clamp(23px,2.8vw,32px);line-height:1.25}.template-card{align-content:start;gap:14px;min-height:324px;padding:22px;transition:border-color .16s,background .16s,transform .16s;display:grid}.template-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.template-card:hover{border-color:color-mix(in srgb, var(--accent) 46%, var(--line))}}.template-card:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.template-card:hover{background:color-mix(in srgb, var(--accent) 5%, var(--surface))}}.template-card:hover{transform:translateY(-1px)}.template-card-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.template-card-head span{background:var(--surface-2);color:var(--accent-strong);border-radius:999px;padding:5px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:600}.template-card h3{margin:0;font-size:22px;line-height:1.18}.template-meta-list{gap:8px;margin:0;display:grid}.template-meta-list div{background:var(--surface-2);border-radius:8px;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:9px 10px;display:grid}.template-meta-list dt,.template-meta-list dd{margin:0;font-size:13px;line-height:1.55}.template-meta-list dt{color:var(--accent-strong);font-weight:600}.template-meta-list dd{color:var(--muted)}.template-tags{flex-wrap:wrap;gap:7px;display:flex}.template-tags span{background:var(--blue);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.template-tags span{background:color-mix(in srgb, var(--blue) 10%, var(--surface-2))}}.template-tags span{color:var(--blue);padding:5px 9px;font-size:12px;font-weight:600}.template-card .secondary-action{width:100%;margin-top:auto}@media (width<=1100px){.home-hero-inner{grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr);gap:28px;min-height:480px}.home-hero-visual{opacity:1;width:100%}.workspace-mini{max-width:none}}@media (width<=980px){.home-hero{padding-top:36px}.home-hero-inner{grid-template-columns:1fr;gap:26px;min-height:auto;display:grid}.home-hero-copy{max-width:none}.home-hero-inner:before{display:none}.home-hero-visual{opacity:1;width:100%;position:relative;inset:auto}.home-quick-grid,.workflow-grid,.feature-grid,.learning-grid,.template-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-grid{margin-top:18px}.content-hero-with-panel,.guide-layout{grid-template-columns:1fr}.guide-index{grid-template-columns:repeat(4,minmax(0,1fr));position:static}.syntax-grid,.template-grid,.example-grid{grid-template-columns:1fr}.home-cta{flex-direction:column;align-items:flex-start}.editor-intro{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=680px){.home-hero-inner,.home-quick-grid,.page-section,.home-cta,.content-page,.editor-intro{width:min(100% - 24px,1180px)}.home-hero{padding:30px 0 22px}.home-hero-copy h1{font-size:48px}.home-lead,.content-hero p{font-size:15px;line-height:1.72}.home-actions,.guide-actions{width:100%}.primary-action,.secondary-action{flex:150px}.workspace-mini-toolbar,.workspace-mini-body{grid-template-columns:1fr}.workspace-mini-editor{border-right:0;border-bottom:1px solid var(--line)}.workspace-mini-preview{width:calc(100% - 28px);margin:14px}.home-quick-grid,.workflow-grid,.feature-grid,.learning-grid,.template-summary-grid,.guide-index{grid-template-columns:1fr}.quick-card,.workflow-card,.learning-card,.feature-card,.template-summary-grid article,.syntax-card,.code-example,.template-card,.guide-note,.template-hero-panel{padding:18px}.content-page{padding-top:36px}.content-hero-with-panel{gap:14px}.template-meta-list div{grid-template-columns:1fr;gap:4px}.template-card-head{justify-content:stretch;display:grid}.template-card-head span{width:fit-content}.editor-intro{display:none}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@layer theme{:root,:host{--md-spacing:.25rem;--md-text-2xl:1.5rem;--md-text-2xl--line-height:calc(2 / 1.5);--md-font-weight-extrabold:800;--md-tracking-normal:0em}}@layer utilities;:root{--site-header-height:48px;--bg:#f3f4f7;--surface:#fff;--surface-2:#e7eaef;--text:#151822;--muted:#60708a;--line:#cfd5de;--accent:#006eff;--accent-strong:#0058df;--blue:#006eff;--rose:#d94f70;--amber:#ff7200;--success:#0abf5b;--error:#e54545;--shadow:0 18px 44px #0f172a17;color-scheme:light;font-synthesis:none;font-family:Segoe UI Variable Text,Segoe UI,PingFang SC,Microsoft YaHei UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.dark{--bg:#090a0f;--surface:#151822;--surface-2:#262f3e;--text:#f3f4f7;--muted:#9eacbe;--line:#344158;--accent:#2684ff;--accent-strong:#4a99ff;--blue:#2684ff;--rose:#ff8aa5;--amber:#dfbc57;--success:#34ad6c;--error:#c65c5d;--shadow:0 22px 54px #00000047;color-scheme:dark}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);min-height:100vh;color:var(--text);margin:0;transition:background-color .3s,color .3s}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}html.theme-transition-fallback *,html.theme-transition-fallback :before,html.theme-transition-fallback :after{transition-property:color,background-color,border-color,box-shadow,fill,stroke!important;transition-duration:.36s!important;transition-timing-function:ease!important}a{color:inherit;text-decoration-line:none}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}.hidden{display:none!important}.site-header{z-index:50;border-bottom:1px solid var(--line);background:var(--surface);inset-inline:0;position:fixed;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.site-header{backdrop-filter:blur(16px)}.site-header-spacer{height:var(--site-header-height)}.site-header-inner{align-items:center;gap:calc(var(--md-spacing) * 4);padding-inline:calc(var(--md-spacing) * 8);width:min(1280px,100%);height:var(--site-header-height);grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);margin-inline:auto;display:grid}.site-brand{align-items:baseline;gap:calc(var(--md-spacing) * 2);white-space:nowrap;min-width:0;display:inline-flex}.site-brand-text{font-size:var(--md-text-2xl);line-height:var(--tw-leading,var(--md-text-2xl--line-height));--tw-leading:1;--tw-font-weight:var(--md-font-weight-extrabold);line-height:1;font-weight:var(--md-font-weight-extrabold);--tw-tracking:var(--md-tracking-normal);letter-spacing:var(--md-tracking-normal)}.site-brand-sub{color:var(--muted);font-size:13px;font-weight:600;line-height:1}.site-nav{justify-content:center;align-items:center;gap:2px;display:flex}.site-nav-link{height:28px;color:var(--text);border-radius:9999px;align-items:center;padding:0 12px;font-size:14px;font-weight:500;transition:background .16s,color .16s;display:inline-flex}.site-nav-link:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.site-nav-link:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.site-nav-link:hover{color:var(--text)}.nav-dropdown{position:relative}.nav-dropdown-trigger{font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.nav-chevron{flex:none;width:14px;height:14px;transition:transform .22s}.nav-dropdown.is-open .nav-chevron,.mobile-menu-group-trigger.is-expanded .nav-chevron{transform:rotate(180deg)}.nav-dropdown.is-open .nav-dropdown-trigger{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav-dropdown.is-open .nav-dropdown-trigger{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.nav-dropdown.is-open .nav-dropdown-trigger{color:var(--accent-strong)}.nav-dropdown-panel{z-index:60;transform-origin:top;border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:5px;width:min(300px,100vw - 24px);padding:10px;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-7px)scale(.985)}@supports (color:color-mix(in lab, red, red)){.nav-dropdown-panel{background:color-mix(in srgb, var(--surface) 95%, transparent)}}.nav-dropdown-panel{backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s,transform .24s cubic-bezier(.22,1,.36,1);box-shadow:0 22px 54px #0f172a29}.nav-dropdown-panel:before{content:"";height:13px;position:absolute;bottom:100%;left:0;right:0}.nav-dropdown.is-open .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)scale(1)}.nav-site-option{border-radius:10px;align-items:center;gap:9px;min-width:0;padding:8px;transition:background-color .18s,transform .18s;display:flex}.nav-site-option:hover,.nav-site-option:focus-visible{background:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.nav-site-option:hover,.nav-site-option:focus-visible{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.nav-site-option:hover,.nav-site-option:focus-visible{outline:none}.nav-site-icon{background:var(--accent);border-radius:9px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.nav-site-icon{background:color-mix(in srgb, var(--accent) 12%, var(--surface-2))}}.nav-site-icon{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){.nav-site-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}}.nav-site-icon{color:var(--accent-strong);font-size:11px;font-weight:700}.nav-site-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.nav-site-name{font-size:13px;font-weight:500;line-height:1.45}.nav-site-description{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.55;overflow:hidden}.site-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar-btn{border:1px solid var(--line);background:var(--surface-2);height:34px;color:var(--muted);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:color .2s,background-color .2s,border-color .2s,transform .2s;display:inline-flex}.toolbar-btn:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.toolbar-btn:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line))}}.toolbar-btn:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.toolbar-btn:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.toolbar-btn:hover{color:var(--accent-strong)}.toolbar-btn:active{transform:scale(.9)}.theme-toggle-btn{width:34px}.header-tool-icon{flex:none;width:16px;height:16px}.mobile-header-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background-color .16s,color .16s;display:inline-flex}.mobile-header-button:hover,.mobile-header-button:focus-visible{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.mobile-header-button:hover,.mobile-header-button:focus-visible{background:color-mix(in srgb, var(--text) 8%, transparent)}}.mobile-header-button:hover,.mobile-header-button:focus-visible{color:var(--text);outline:none}.mobile-header-button:active{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.mobile-header-button:active{background:color-mix(in srgb, var(--text) 12%, transparent)}}.mobile-header-icon{color:#60708a;flex:none;width:20px;height:20px}.dark .mobile-header-icon{color:#9eacbe}.mobile-only{display:none}.mobile-menu-overlay{z-index:70;background:#0000007a;position:fixed;inset:0}.mobile-menu-panel{z-index:80;border-left:1px solid var(--line);background:var(--surface);width:min(256px,100vw);height:100dvh;box-shadow:var(--shadow);transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu-panel.is-open{transform:translate(0)}.mobile-menu-header{height:var(--site-header-height);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 16px;font-weight:900;display:flex}.mobile-menu-links{max-height:calc(100dvh - var(--site-header-height));overscroll-behavior:contain;gap:8px;padding:14px;display:grid;overflow-y:auto}.mobile-menu-link{min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.mobile-menu-link:hover{background:var(--surface-2);color:var(--text)}.mobile-menu-group-trigger{width:100%;padding:0 12px}.mobile-menu-submenu{border-left:1px solid var(--line);gap:2px;margin:4px 0 7px 10px;padding:5px;display:grid}.mobile-menu-submenu[hidden]{display:none}.mobile-menu-submenu a{color:var(--muted);border-radius:8px;padding:8px 10px;font-size:11px;transition:color .16s,background-color .16s}.mobile-menu-submenu a:hover,.mobile-menu-submenu a:focus-visible{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.mobile-menu-submenu a:hover,.mobile-menu-submenu a:focus-visible{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}.mobile-menu-submenu a:hover,.mobile-menu-submenu a:focus-visible{color:var(--text);outline:none}.site-footer{--footer-surface:#fff;--footer-border:#cfd5de;--footer-divider:#f3f4f6;--footer-text:#151822;--footer-muted:#60708a;border-top:1px solid var(--footer-border);background:var(--footer-surface);margin-top:12px;box-shadow:0 -16px 40px #0f172a0a}.dark .site-footer{--footer-surface:#151822;--footer-border:#344158;--footer-divider:#344158;--footer-text:#f3f4f7;--footer-muted:#9eacbe}.site-footer-container{width:min(1280px,100%);margin:0 auto;padding:24px 32px 12px}.site-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.site-footer h2{color:var(--footer-text);letter-spacing:.01em;margin:0 0 16px;font-size:16px;font-weight:500;line-height:1.45}.site-footer p,.site-footer li,.site-footer a,.site-footer-bottom{color:var(--footer-muted);letter-spacing:.005em;font-size:14px;line-height:1.7}.site-footer p{margin:0}.site-footer a{transition:color .16s}.site-footer a:hover{color:var(--accent-strong)}.site-footer-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.site-footer-friends{border-top:1px solid var(--footer-divider);margin-top:32px;padding-top:24px}.site-footer-friends h2{margin-bottom:16px}.site-footer-friend-links{flex-wrap:wrap;gap:8px 12px;display:flex}.site-footer-friend-links span{color:var(--footer-muted)}@supports (color:color-mix(in lab, red, red)){.site-footer-friend-links span{color:color-mix(in srgb, var(--footer-muted) 42%, transparent)}}.site-footer-friend-links span{font-size:12px}.site-footer-friend-links a{display:inline-flex}.site-footer-bottom{border-top:1px solid var(--footer-divider);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.site-footer-bottom a,.site-footer-bottom span{font-size:12px}@media (width<=1023px){.site-footer-grid{grid-template-columns:1fr 1fr}}@media (width>=768px) and (width<=1023px){.site-header-inner{padding-left:24px;padding-right:24px}}@media (width<=767px){.site-header-inner{justify-content:space-between;padding-left:16px;padding-right:16px;display:flex}.site-nav{display:none}.mobile-only{display:inline-flex}.site-actions{gap:6px}.theme-toggle-btn{background:0 0;border:0;border-radius:8px;width:32px;height:32px;padding:6px}.site-brand-text{font-size:22px}}@media (width<=639px){.site-footer{margin-top:8px}.site-footer-container{padding:16px 24px 8px}.site-footer-grid{grid-template-columns:1fr;gap:24px}.site-footer h2{margin-bottom:12px;font-size:14px}.site-footer p,.site-footer li,.site-footer a{font-size:12px}.site-footer-links{gap:6px}.site-footer-friends{margin-top:24px;padding-top:16px}.site-footer-friends h2{margin-bottom:12px}.site-footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding-top:12px}}@media (width<=560px){.site-brand-sub{display:inline-flex}.mobile-menu-panel .mobile-menu-link{padding-top:.625rem;padding-bottom:.625rem;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background-image:radial-gradient(circle at 16% 0,#2a86ff12,#0000 34rem),radial-gradient(circle at 100% 10%,#006eff0a,#0000 32rem);background-attachment:fixed}.dark body{background-image:radial-gradient(circle at 12% 0,#2a86ff29,#0000 34rem),radial-gradient(circle at 100% 8%,#006eff17,#0000 30rem)}.site-header{backdrop-filter:blur(18px);box-shadow:0 10px 30px #0f172a0a}.template-card,.feature-card{box-shadow:0 18px 48px #0f172a12}.nav-dropdown-trigger{font-size:14px;font-weight:500;line-height:20px}.site-nav-link{box-sizing:border-box;padding:4px 12px;line-height:20px}:root{--header-icon-hover-color:var(--accent-strong);--header-icon-hover-background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--header-icon-hover-background:color-mix(in srgb, var(--accent) 10%, var(--surface))}}[data-header-icon-button]{width:36px;height:36px;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:0 0 36px;justify-content:center;align-items:center;padding:8px;transition:color .2s,background-color .2s,transform .12s;display:inline-flex;transform:none}[data-header-icon-button] svg{color:inherit}[data-header-icon-button]:hover,[data-header-icon-button]:focus-visible,[data-header-icon-button][aria-expanded=true]{color:var(--header-icon-hover-color,currentColor);background:var(--header-icon-hover-background,currentColor)}@supports (color:color-mix(in lab, red, red)){[data-header-icon-button]:hover,[data-header-icon-button]:focus-visible,[data-header-icon-button][aria-expanded=true]{background:var(--header-icon-hover-background,color-mix(in srgb, currentColor 10%, transparent))}}[data-header-icon-button]:hover,[data-header-icon-button]:focus-visible,[data-header-icon-button][aria-expanded=true]{box-shadow:none;outline:none;transform:none}[data-header-icon-button]:active{color:var(--header-icon-hover-color,currentColor);background:var(--header-icon-hover-background,currentColor)}@supports (color:color-mix(in lab, red, red)){[data-header-icon-button]:active{background:var(--header-icon-hover-background,color-mix(in srgb, currentColor 10%, transparent))}}[data-header-icon-button]:active{box-shadow:none;transform:scale(.96)}@media (prefers-reduced-motion:reduce){[data-header-icon-button]{transition:none!important}[data-header-icon-button]:active{transform:none}}@media (width>=768px){[data-header-icon-button].mobile-only{display:none}}@property --tw-tracking{syntax:"*";inherits:false}