:root{--bg: #ffffff;--bg-soft: #f7f7f9;--text: #16161d;--text-muted: #5c5f6e;--border: #e6e7ec;--surface: #ffffff;--shadow: 0 1px 2px rgba(20, 20, 40, .05), 0 8px 32px rgba(20, 20, 40, .08);--shadow-lg: 0 2px 6px rgba(20, 20, 40, .06), 0 24px 64px rgba(20, 20, 40, .14);--accent-editor-a: #8b5cf6;--accent-editor-b: #3b82f6;--accent-template-a: #3b82f6;--accent-template-b: #6366f1;--accent: #5b5ef4;--c-violet: #8b5cf6;--c-blue: #3b82f6;--c-cyan: #06b6d4;--c-emerald: #10b981;--c-amber: #f59e0b;--c-rose: #f43f5e;--c-indigo: #6366f1;--c-teal: #14b8a6;--c-orange: #fb923c;--c-pink: #ec4899;--radius: 14px;--radius-sm: 8px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace}:root[data-theme=dark]{--bg: #0e0e13;--bg-soft: #16161d;--text: #ececf1;--text-muted: #9a9dad;--border: #26262f;--surface: #16161d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .6);--accent: #8a8dff}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e0e13;--bg-soft: #16161d;--text: #ececf1;--text-muted: #9a9dad;--border: #26262f;--surface: #16161d;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 2px 6px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .6);--accent: #8a8dff}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.875em}.container{max-width:1080px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:15px;color:var(--text)}.nav-brand:hover{text-decoration:none}.nav-mark{width:22px;height:22px;display:block}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500}.nav-links a:hover{color:var(--text);text-decoration:none}@media(max-width:880px){.nav-links{gap:16px}.nav-links a[href^="#"]{display:none}}@media(max-width:640px){.nav-links a{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:99px;font-size:15px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-editor-a),var(--accent-editor-b));color:#fff;box-shadow:0 4px 16px #5b5ef459}.btn-primary:hover{box-shadow:0 6px 22px #5b5ef473}.btn-secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.btn-ghost{color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{color:var(--text)}.hero{padding:96px 0 0;text-align:center;position:relative;z-index:1}.hero:before{content:"";position:absolute;inset:-40% -20% auto;height:90%;background:radial-gradient(560px 300px at 22% 18%,color-mix(in srgb,var(--c-violet) 16%,transparent),transparent 70%),radial-gradient(560px 300px at 50% 6%,color-mix(in srgb,var(--c-pink) 10%,transparent),transparent 70%),radial-gradient(560px 300px at 78% 16%,color-mix(in srgb,var(--c-blue) 14%,transparent),transparent 70%),radial-gradient(400px 240px at 92% 40%,color-mix(in srgb,var(--c-amber) 8%,transparent),transparent 70%);pointer-events:none}.hero>.container{position:relative}.eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:5px 14px;border-radius:99px;margin-bottom:24px}.hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(40px,6.5vw,68px);line-height:1.08;letter-spacing:-.02em;margin:0 auto 20px;max-width:16ch}.hero h1 em{font-style:italic;background:linear-gradient(120deg,var(--accent-editor-a),var(--accent-editor-b));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:19px;color:var(--text-muted);max-width:58ch;margin:0 auto 36px}.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.proof{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:56px}.proof-label{font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);opacity:.8}.proof-orgs{display:flex;gap:10px 26px;flex-wrap:wrap;justify-content:center}.proof-org{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:14px;font-weight:550}.proof-org img{width:24px;height:24px;border-radius:6px}.proof-org:hover{color:var(--text);text-decoration:none}.hero-shot{position:relative;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 0 0 6px color-mix(in srgb,var(--c-violet) 6%,transparent),0 24px 80px color-mix(in srgb,var(--c-violet) 22%,transparent),var(--shadow-lg);overflow:hidden;max-width:960px;margin:0 auto;aspect-ratio:1440 / 900;background:#fafafa}.hero-shot video{display:block;width:100%;height:100%;object-fit:cover}.hero-shot:after,.studio-shot:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.07) 50%,transparent 68%);background-size:200% 100%;animation:hero-shimmer 1.8s linear infinite;transition:opacity .5s ease}.hero-shot.is-loaded:after,.studio-shot.is-loaded:after{opacity:0;animation:none}@keyframes hero-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.hero-shot:after,.studio-shot:after{animation:none}}.hero-caption{font-size:13.5px;color:var(--text-muted);max-width:62ch;margin:10px auto 56px;text-align:center}.section{padding:88px 0}.section-alt{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-overlap{--hero-overlap: clamp(48px, 14vw, 150px);margin-top:calc(-1 * var(--hero-overlap));padding-top:calc(var(--hero-overlap) + 16px)}.section-head{text-align:center;max-width:60ch;margin:0 auto 56px}.section-head h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(30px,4vw,42px);letter-spacing:-.01em;line-height:1.15;margin:0 0 14px}.section-head p{color:var(--text-muted);font-size:17px;margin:0}.ways{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:860px){.ways{grid-template-columns:1fr}}.way-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.way-shot{aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-soft)}.way-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.way-body{padding:28px;display:flex;flex-direction:column;flex:1}.way-tag{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.way-tag.editor{color:var(--accent-editor-a)}.way-tag.template{color:var(--accent-template-b)}.way-body h3{font-size:24px;font-weight:650;letter-spacing:-.01em;margin:0 0 10px}.way-body p{color:var(--text-muted);margin:0 0 18px}.way-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:9px;font-size:14.5px}.way-list li{padding-left:22px;position:relative}.way-list li:before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:99px}.way-card.editor .way-list li:before{background:linear-gradient(135deg,var(--accent-editor-a),var(--accent-editor-b))}.way-card.template .way-list li:before{background:linear-gradient(135deg,var(--accent-template-a),var(--accent-template-b))}.way-cta{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:860px){.features{grid-template-columns:1fr 1fr}}@media(max-width:560px){.features{grid-template-columns:1fr}}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.feature h3{font-size:16px;font-weight:650;margin:0 0 6px}.feature p{font-size:14.5px;color:var(--text-muted);margin:0}.feature-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.feature-icon svg{width:18px;height:18px}.feature[data-color=violet]{--fc: var(--c-violet)}.feature[data-color=blue]{--fc: var(--c-blue)}.feature[data-color=cyan]{--fc: var(--c-cyan)}.feature[data-color=emerald]{--fc: var(--c-emerald)}.feature[data-color=amber]{--fc: var(--c-amber)}.feature[data-color=rose]{--fc: var(--c-rose)}.feature[data-color=indigo]{--fc: var(--c-indigo)}.feature[data-color=teal]{--fc: var(--c-teal)}.feature[data-color=orange]{--fc: var(--c-orange)}.feature[data-color]{position:relative;overflow:hidden}.feature[data-color]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--fc),color-mix(in srgb,var(--fc) 30%,transparent));opacity:.85}.feature[data-color] .feature-icon{background:color-mix(in srgb,var(--fc) 14%,transparent);color:var(--fc)}.start-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:radial-gradient(420px 220px at 8% 0%,color-mix(in srgb,var(--c-violet) 9%,transparent),transparent 70%),radial-gradient(420px 220px at 100% 100%,color-mix(in srgb,var(--c-blue) 9%,transparent),transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:44px}@media(max-width:860px){.start-hero{grid-template-columns:1fr;padding:28px}}.start-hero-text h3{font-size:22px;font-weight:650;letter-spacing:-.01em;margin:0 0 10px}.start-hero-text p{color:var(--text-muted);font-size:15.5px;margin:0 0 18px}.start-checks{list-style:none;padding:0;margin:0 0 24px}.start-checks li{position:relative;padding-left:28px;margin:9px 0;font-size:14.5px;color:var(--text-muted)}.start-checks li:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:99px;background:color-mix(in srgb,var(--c-emerald) 14%,transparent)}.start-checks li:after{content:"";position:absolute;left:5px;top:6px;width:8px;height:5px;border-left:2px solid var(--c-emerald);border-bottom:2px solid var(--c-emerald);transform:rotate(-45deg)}.pro-badge{display:inline-block;vertical-align:1px;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1;color:#fff;background:linear-gradient(90deg,#60a5fa,#a855f7 55%,#ec4899);border-radius:5px;padding:3px 6px;text-decoration:none}.pro-badge:hover{filter:brightness(1.08)}.dup-wrap{--hf-card: #ffffff;--hf-head: #f9fafb;--hf-border: #e5e7eb;--hf-input-border: #d1d5db;--hf-text: #111827;--hf-muted: #6b7280;--hf-soft: #f3f4f6;position:relative;padding:26px 10px 30px}[data-theme=dark] .dup-wrap{--hf-card: #1f2937;--hf-head: #111827;--hf-border: #374151;--hf-input-border: #4b5563;--hf-text: #f3f4f6;--hf-muted: #9ca3af;--hf-soft: #111827}.dup-wrap:before{content:"";position:absolute;inset:0;border-radius:22px;background:radial-gradient(70% 90% at 25% 10%,color-mix(in srgb,var(--c-amber) 22%,transparent),transparent 70%),radial-gradient(75% 85% at 85% 90%,color-mix(in srgb,var(--c-orange) 16%,transparent),transparent 70%);pointer-events:none}.dup-card{position:relative;max-width:430px;margin:0 auto;background:var(--hf-card);border:1px solid var(--hf-border);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -18px #0f122247,0 6px 16px -8px #0f122224}.dup-head{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--hf-head);border-bottom:1px solid var(--hf-border)}.dup-head-icon{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:99px;background:var(--hf-soft);border:1px solid var(--hf-border);color:var(--hf-muted)}.dup-head-icon svg{width:11px;height:11px}.dup-head-title{font-size:13.5px;font-weight:600;color:var(--hf-text)}.dup-close{margin-left:auto;color:var(--hf-muted)}.dup-close svg{width:14px;height:14px;display:block}.dup-body{padding:16px 16px 18px}.dup-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr) auto;gap:10px;align-items:end;margin-bottom:16px}.dup-slash{color:var(--hf-muted);font-size:14px;padding-bottom:8px}.dup-field{display:flex;flex-direction:column;gap:5px;min-width:0}.dup-label{display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:500;color:var(--hf-text)}.dup-label strong{font-weight:700}.dup-label em{font-style:normal;font-size:11px;color:var(--hf-muted)}.dup-input{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--hf-text);background:var(--hf-card);border:1px solid var(--hf-input-border);border-radius:8px;padding:7px 10px;white-space:nowrap;overflow:hidden;box-shadow:0 1px 2px #0000000a}.dup-select svg{width:13px;height:13px;flex:none;color:var(--hf-muted)}.dup-note{margin-top:14px;font-size:12px;line-height:1.5;color:var(--hf-muted);background:var(--hf-soft);border-radius:8px;padding:9px 12px}.dup-actions{display:flex;align-items:center;gap:10px;margin-top:16px}.dup-btn{position:relative;display:inline-block;font-size:13px;font-weight:600;color:var(--hf-text);background:var(--hf-card);border:1px solid var(--hf-input-border);border-radius:8px;padding:7px 14px;box-shadow:0 1px 2px #0000000f}.dup-cancel{font-size:13px;font-weight:500;color:var(--hf-muted);border:1px solid var(--hf-border);border-radius:8px;padding:7px 12px}.dup-cursor{position:absolute;right:-8px;bottom:-11px;width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.dup-toast{position:absolute;left:50%;bottom:4px;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:99px;padding:6px 13px;box-shadow:0 10px 24px -10px #0f12224d;white-space:nowrap}[data-theme=dark] .dup-toast{color:#6ee7b7;background:#064e3b8c;border-color:#34d39959}.dup-toast-dot{width:7px;height:7px;flex:none;border-radius:99px;background:#10b981}.dup-toast-name{font-family:var(--font-mono);font-weight:500;font-size:11px;color:inherit;opacity:.85}@media(max-width:560px){.dup-fields{grid-template-columns:1fr}.dup-slash{display:none}.dup-toast{position:static;transform:none;margin:14px auto 0;display:flex;width:fit-content}}.studio-band{display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:center}@media(max-width:860px){.studio-band{grid-template-columns:1fr}}.way-tag.studio{color:var(--c-amber)}.studio-text h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,3.5vw,36px);letter-spacing:-.01em;line-height:1.15;margin:0 0 12px}.studio-text>p{color:var(--text-muted);font-size:15.5px;margin:0 0 18px}.studio-points{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:9px}.studio-points li{position:relative;padding-left:22px;font-size:14.5px;color:var(--text-muted)}.studio-points li:before{content:"";position:absolute;left:3px;top:7px;width:7px;height:7px;border-radius:2px;background:var(--c-amber);transform:rotate(45deg)}.shot-window{margin:0;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg)}.shot-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.shot-dots{display:inline-flex;gap:6px}.shot-dots i{width:10px;height:10px;border-radius:99px}.shot-dots i:nth-child(1){background:#ff5f57}.shot-dots i:nth-child(2){background:#febc2e}.shot-dots i:nth-child(3){background:#28c840}.shot-title{font-size:12px;font-weight:600;color:var(--text-muted)}.shot-file{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--c-amber);background:color-mix(in srgb,var(--c-amber) 12%,transparent);border-radius:6px;padding:2px 8px}.shot-window-dark{border-color:#26262f;background:#101018}.shot-window-dark .shot-bar{background:#1a1a24;border-bottom-color:#26262f}.shot-window-dark .shot-title{color:#9a9dad}.studio-shot-wrap{position:relative;padding:10px 14px 14px 0}.studio-shot-wrap:before{content:"";position:absolute;inset:34px 0 0 36px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(135deg,color-mix(in srgb,var(--c-amber) 80%,transparent),color-mix(in srgb,var(--c-rose) 70%,transparent));opacity:.5;transform:rotate(1.6deg)}.shot-window-studio{position:relative;box-shadow:0 0 0 6px color-mix(in srgb,var(--c-amber) 6%,transparent),0 20px 64px color-mix(in srgb,var(--c-amber) 18%,transparent),var(--shadow-lg)}.studio-shot{position:relative;overflow:hidden;aspect-ratio:1440 / 868;background:#fafafa}.studio-shot video{display:block;width:100%;height:100%;object-fit:cover;object-position:0 100%}.studio-gallery{margin-top:72px}.studio-gallery-head{text-align:center;max-width:62ch;margin:0 auto 28px}.studio-gallery-head h3{font-family:var(--font-serif);font-weight:500;font-size:clamp(22px,3vw,30px);letter-spacing:-.01em;margin:0 0 10px}.studio-gallery-head p{color:var(--text-muted);font-size:15px;margin:0}.gallery-picker{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr) auto;align-items:center;gap:14px;max-width:760px;margin:0 auto 28px;padding:14px 16px;border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:var(--shadow)}.gp-left{display:flex;align-items:center;gap:12px;min-width:0}.gp-swatch{width:56px;height:56px;flex:none;border-radius:8px;border:1px solid var(--border)}.gp-text{display:flex;flex-direction:column;line-height:1.35;min-width:0}.gp-name{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-extra{font-size:10.5px;color:var(--text-muted);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-right{display:flex;flex-direction:column;gap:8px;padding-left:14px;border-left:1px solid var(--border)}.gp-label{font-weight:700;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.gp-track{position:relative;height:16px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:ew-resize;touch-action:none}.gp-track:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gp-knob{position:absolute;top:50%;left:59%;width:14px;height:14px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%);background:var(--surface);box-shadow:0 0 0 1px #00000026;pointer-events:none}.gp-hue-value{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:12px}.gp-theme{display:inline-flex;align-items:center;gap:8px;align-self:center;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease}.gp-theme:hover{border-color:var(--accent)}.gp-theme svg{width:15px;height:15px}.gp-theme .icon-sun{display:none}:root[data-theme=dark] .gp-theme .icon-sun{display:block}:root[data-theme=dark] .gp-theme .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .gp-theme .icon-sun{display:block}:root:not([data-theme=light]) .gp-theme .icon-moon{display:none}}@media(max-width:640px){.gallery-picker{grid-template-columns:1fr;padding:14px 16px}.gp-right{padding-left:0;border-left:none}.gp-theme{justify-self:start}}.embed-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:860px){.embed-grid{grid-template-columns:1fr}}.embed-card{margin:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.embed-card .embed-frame{margin:auto 0}.embed-card-wide{grid-column:1 / -1}.embed-card-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.embed-file{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.embed-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-emerald)}.embed-live:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--c-emerald);animation:live-pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.embed-live:before{animation:none}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.embed-frame{display:block;width:100%;border:0;height:320px;background:transparent}.docs-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-top:48px;padding-bottom:96px}.docs-side{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto;padding-right:8px;font-size:13.5px}.docs-side-group{margin-bottom:18px}.docs-side-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.docs-side a{display:block;padding:4px 10px;margin-left:-10px;border-radius:7px;color:var(--text-muted);text-decoration:none;line-height:1.5}.docs-side a:hover{color:var(--text);background:var(--bg-soft)}.docs-side a.is-active{color:var(--accent);font-weight:600;background:color-mix(in oklab,var(--accent) 9%,transparent)}.docs-header{max-width:62ch;margin-bottom:12px}.docs-header h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(30px,4.5vw,44px);letter-spacing:-.01em;margin:0 0 12px}.docs-header p{color:var(--text-muted);font-size:16px;line-height:1.65;margin:0}.docs-main{min-width:0;max-width:74ch}.docs-main section{padding-top:40px;scroll-margin-top:90px}.docs-main h2{font-family:var(--font-serif);font-weight:500;font-size:24px;letter-spacing:-.01em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.docs-main p,.docs-main li{font-size:15px;line-height:1.7;color:var(--text-muted)}.docs-main p strong,.docs-main li strong{color:var(--text)}.docs-main ul,.docs-main ol{padding-left:22px;margin:10px 0}.docs-main li{margin:6px 0}.docs-main a{color:var(--accent);text-decoration:none}.docs-main a:hover{text-decoration:underline}.docs-main code{font-family:var(--font-mono);font-size:.86em;background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--text);white-space:nowrap}.docs-main pre.code{margin:14px 0}.docs-main pre.code code{background:none;border:0;padding:0;white-space:inherit}.docs-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}.docs-table th,.docs-table td{text-align:left;padding:8px 12px;border:1px solid var(--border);color:var(--text-muted);line-height:1.5}.docs-table th{background:var(--bg-soft);color:var(--text);font-weight:600}.docs-table td:first-child{color:var(--text);white-space:nowrap}.docs-fig{margin:22px 0 10px}.docs-fig.shot-window{overflow:hidden}.collab-demo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px 30px 20px}.cd-p{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.8;color:var(--text);margin:0;max-width:58ch}.cd-sel{background:color-mix(in srgb,var(--c-amber) 26%,transparent);border-bottom:2px solid var(--c-amber);color:inherit;padding:1px 0}.cd-caret{position:relative;display:inline-block;width:2px;height:1.05em;vertical-align:-.12em;margin:0 1px}.cd-caret:after{content:"";position:absolute;inset:0;border-radius:1px;background:var(--cd-color);animation:cd-blink 1.1s steps(2,start) infinite}.cd-caret i{position:absolute;bottom:calc(100% + 2px);left:-2px;font-style:normal;font-family:Inter,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1;padding:2.5px 5px;border-radius:4px 4px 4px 0;background:var(--cd-color);white-space:nowrap}.cd-violet{--cd-color: var(--c-violet)}.cd-emerald{--cd-color: var(--c-emerald)}@keyframes cd-blink{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.cd-caret:after{animation:none}}.cd-comment{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0 auto;max-width:320px;background:var(--bg-soft);border:1px solid var(--border);border-radius:12px 12px 4px;padding:10px 13px;font-size:13px;line-height:1.5}.cd-avatar{width:22px;height:22px;flex:none;border-radius:99px;background:var(--c-amber);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.cd-comment-body{color:var(--text-muted)}.cd-comment-body strong{color:var(--text);margin-right:4px}.pub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:700px){.pub-grid{grid-template-columns:repeat(2,1fr)}}.pub-card{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 13px}.pub-ext{align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.06em;color:#fff;border-radius:5px;padding:3px 6px;margin-bottom:3px}.pub-html{background:var(--c-blue)}.pub-pdf{background:var(--c-rose)}.pub-jpg{background:var(--c-violet)}.pub-txt{background:var(--c-emerald)}.pub-card code{background:none;border:none;padding:0;font-size:12.5px;color:var(--text)}.pub-desc{font-size:11.5px;color:var(--text-muted)}.comp-demo{display:flex;flex-direction:column;gap:14px}.comp-note{border-left:3px solid var(--c-blue);background:color-mix(in srgb,var(--c-blue) 7%,transparent);border-radius:0 10px 10px 0;padding:12px 15px;font-size:14px;line-height:1.6;color:var(--text-muted)}.comp-note strong{color:var(--text);margin-right:6px}.comp-quote{margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--border);font-family:Newsreader,Georgia,serif;font-size:18px;font-style:italic;line-height:1.6;color:var(--text)}.comp-quote footer{margin-top:6px;font-family:Inter,sans-serif;font-size:12.5px;font-style:normal;color:var(--text-muted)}.comp-acc{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.comp-acc summary{cursor:pointer;padding:11px 15px;font-size:14px;font-weight:600;color:var(--text)}.comp-acc summary:hover{background:var(--bg-soft)}.comp-acc p{margin:0;padding:2px 15px 13px;font-size:13.5px;color:var(--text-muted)}.docs-hue{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 16px}.docs-hue-label{flex:none;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.docs-hue .gp-track{flex:1}@media(max-width:900px){.docs-wrap{grid-template-columns:1fr;gap:12px}.docs-side{position:static;max-height:none;display:flex;flex-wrap:wrap;gap:4px 18px;border-bottom:1px solid var(--border);padding-bottom:14px}.docs-side-group{margin-bottom:6px}}.template-band{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}@media(max-width:860px){.template-band{grid-template-columns:1fr}}.template-text h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,3.5vw,36px);letter-spacing:-.01em;line-height:1.15;margin:0 0 12px}.template-text>p{color:var(--text-muted);font-size:15.5px;margin:0 0 18px}.template-text .code-inline{margin-bottom:22px}.template-shot{position:relative}.template-shot:before{content:"";position:absolute;inset:-8% -6%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c-indigo) 16%,transparent),transparent);pointer-events:none}.tpl-code{position:relative;box-shadow:0 16px 48px color-mix(in srgb,var(--c-indigo) 20%,transparent),var(--shadow-lg)}.tpl-code-body,.tpl-term-body{margin:0;padding:16px 18px;font-family:var(--font-mono);font-size:12px;line-height:1.75;color:#e6e6f0;white-space:pre;overflow-x:auto}.tpl-code-body{padding-bottom:60px}.tpl-term{position:relative;width:82%;margin-left:auto;margin-top:-44px;transform:translate(14px);box-shadow:0 12px 40px #00000059,var(--shadow-lg)}@media(max-width:860px){.tpl-term{transform:none;margin-top:-30px;margin-right:10px}}.t-dim{color:#6b6f8a}.t-key{color:#a78bfa}.t-str{color:#6ee7b7}.t-h{color:#93c5fd;font-weight:600}.t-em{color:#f0abfc;font-style:italic}.t-cite{color:#fda4af}.t-math{color:#67e8f9}.t-tag{color:#fcd34d}.t-ok{color:#34d399;font-weight:700}.code-inline{display:block;width:fit-content}.code{margin:0;background:#101018;color:#e6e6f0;border-radius:var(--radius-sm);padding:16px 18px;font-family:var(--font-mono);font-size:13.5px;line-height:1.7;overflow-x:auto;white-space:pre}.code .c{color:#6b6f8a}.code .p{color:#8a8dff}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:860px){.showcase{grid-template-columns:1fr}}.article-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);color:var(--text);transition:transform .15s ease,box-shadow .15s ease}.article-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.article-thumb{aspect-ratio:2.4 / 1;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-soft)}.article-thumb img{width:100%;height:100%;object-fit:cover}.article-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:4px;flex:1}.article-body h3{font-size:16.5px;font-weight:650;letter-spacing:-.01em;margin:0}.article-body p{font-size:14px;color:var(--text-muted);margin:0}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.article-org{font-size:12.5px;font-weight:600;color:var(--accent)}.article-likes{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-muted)}.article-likes svg{width:13px;height:13px;color:var(--c-rose)}.gallery{margin-top:48px}.gallery-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.gallery-head h3{font-size:18px;font-weight:650;letter-spacing:-.01em;margin:0}.gallery-meta{font-size:13px;color:var(--text-muted);margin:0}.gallery-list{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.gallery-list li+li{border-top:1px solid var(--border)}.gallery-row{display:flex;align-items:center;gap:18px;padding:13px 20px;color:var(--text)}.gallery-row:hover{text-decoration:none;background:var(--bg-soft)}.gallery-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.gallery-row-title{font-size:14.5px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-row-sub{font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-row-type{font-size:11.5px;font-weight:600;letter-spacing:.03em;padding:2px 9px;border-radius:99px;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-soft);flex-shrink:0}.gallery-row-type[data-template=paper]{color:var(--c-blue);border-color:color-mix(in srgb,var(--c-blue) 30%,transparent);background:color-mix(in srgb,var(--c-blue) 8%,transparent)}.gallery-row-likes{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-muted);min-width:48px;justify-content:flex-end;flex-shrink:0}.gallery-row-likes svg{width:13px;height:13px;color:var(--c-rose)}.gallery-row-date{font-size:12.5px;color:var(--text-muted);min-width:92px;text-align:right;flex-shrink:0}@media(max-width:640px){.gallery-row-date,.gallery-row-type{display:none}}.gallery.is-collapsed .gallery-list li:nth-child(n+11){display:none}.gallery-toggle{display:block;margin:16px auto 0;padding:9px 20px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:99px;cursor:pointer;transition:color .15s ease,border-color .15s ease,box-shadow .15s ease}.gallery-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--text-muted) 45%,transparent);box-shadow:var(--shadow)}.band{text-align:center;border-radius:var(--radius);border:1px solid var(--border);background:radial-gradient(500px 200px at 12% 0%,color-mix(in srgb,var(--c-violet) 11%,transparent),transparent 70%),radial-gradient(400px 180px at 55% 120%,color-mix(in srgb,var(--c-pink) 8%,transparent),transparent 70%),radial-gradient(500px 200px at 92% 10%,color-mix(in srgb,var(--c-cyan) 10%,transparent),transparent 70%),var(--surface);padding:64px 32px}.band h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,3.5vw,36px);margin:0 0 12px}.band p{color:var(--text-muted);max-width:52ch;margin:0 auto 28px}.footer{border-top:1px solid var(--border);background:var(--bg-soft);padding:56px 0 48px;font-size:14px;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{max-width:36ch;margin:14px 0 0;line-height:1.55}.footer-brand .nav-brand{color:var(--text)}.footer-license{font-size:12.5px;opacity:.75}.footer-col h4{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 14px}.footer-col a{display:block;color:var(--text-muted);padding:4px 0}.footer a:hover{color:var(--text);text-decoration:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.theme-toggle:hover{color:var(--text);background:var(--bg-soft)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.gh-stars{margin-left:7px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:600;background:var(--bg-soft);color:var(--text-muted)}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1);transition-delay:var(--reveal-delay, 0s)}.reveal.is-visible{opacity:1;transform:none}}