.post-page.svelte-k6hckt{min-height:100vh;background:var(--color-bg-primary)}.post-layout.svelte-k6hckt{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;max-width:1100px;margin:0 auto;padding:48px 32px 96px}.post-content.svelte-k6hckt{min-width:0;max-width:760px}.back-to-blog.svelte-k6hckt{display:inline-block;margin-bottom:24px;color:var(--color-text-tertiary);text-decoration:none;font-size:14px}.back-to-blog.svelte-k6hckt:hover{color:var(--color-text-primary)}.post-header.svelte-k6hckt{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--color-border-primary)}.post-title.svelte-k6hckt{font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.post-meta.svelte-k6hckt{margin-top:12px;font-size:14px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:8px}.prose.svelte-k6hckt{color:var(--color-text-primary);line-height:1.7}.prose.svelte-k6hckt h2{font-size:28px;font-weight:600;margin-top:48px;margin-bottom:16px}.prose.svelte-k6hckt h3{font-size:22px;font-weight:600;margin-top:32px;margin-bottom:12px}.prose.svelte-k6hckt h4{font-size:18px;font-weight:600;margin-top:24px;margin-bottom:10px}.prose.svelte-k6hckt p{margin-bottom:18px}.prose.svelte-k6hckt ul,.prose.svelte-k6hckt ol{margin:0 0 18px 24px}.prose.svelte-k6hckt li{margin-bottom:6px}.prose.svelte-k6hckt a{color:var(--color-text-link);text-decoration:underline;text-underline-offset:2px}.prose.svelte-k6hckt a:hover{color:var(--color-text-link-hover)}.prose.svelte-k6hckt code{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.prose.svelte-k6hckt pre{background:var(--color-bg-inset);border:1px solid var(--color-border-primary);border-radius:8px;padding:16px;overflow-x:auto;margin:0 0 18px}.prose.svelte-k6hckt pre code{background:transparent;padding:0}.prose.svelte-k6hckt blockquote{border-left:3px solid var(--color-border-primary);margin:0 0 18px;padding:4px 0 4px 16px;color:var(--color-text-secondary)}.prose.svelte-k6hckt img{max-width:100%;border-radius:6px;margin:12px 0}.prose.svelte-k6hckt .cmd-card{display:inline-flex;align-items:center;gap:8px;padding:3px 6px 3px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:6px;font-size:14px;line-height:1.2;color:var(--color-text-primary);vertical-align:baseline;transition:background-color .15s ease,border-color .15s ease}.prose.svelte-k6hckt .cmd-card:hover{background:var(--color-bg-tertiary);border-color:#a855f7}.prose.svelte-k6hckt .cmd-card-icon{display:inline-flex;align-items:center;color:#fff}.prose.svelte-k6hckt .cmd-card-icon svg{display:block;fill:currentColor}.prose.svelte-k6hckt .cmd-card-label{font-weight:500}.prose.svelte-k6hckt .cmd-card-badge{display:inline-flex;align-items:center;padding:1px 5px;margin-left:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:11px;color:var(--color-text-secondary);letter-spacing:.02em}.prose.svelte-k6hckt .cmd-card-unknown{background:#f8514926;border-color:#f85149;color:#f85149;font-family:ui-monospace,SFMono-Regular,monospace}.prose.svelte-k6hckt .key-chip{display:inline-block;padding:2px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:500;color:var(--color-text-secondary);line-height:1.4;vertical-align:baseline}.prose.svelte-k6hckt .demo-frame{position:relative;max-width:600px;margin:32px auto;padding:2px;border-radius:8px;background:linear-gradient(90deg,#a855f7,#ec4899,#f97316,#eab308,#a855f7);background-size:300% 100%;animation:svelte-k6hckt-demo-frame-flow 8s ease infinite;line-height:0}.prose.svelte-k6hckt .demo-frame:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:10px;background:linear-gradient(90deg,#a855f7,#ec4899,#f97316,#eab308,#a855f7);background-size:300% 100%;animation:svelte-k6hckt-demo-frame-flow 8s ease infinite;filter:blur(12px);opacity:.45;z-index:-1}.prose.svelte-k6hckt .demo-frame video,.prose.svelte-k6hckt .demo-frame img,.prose.svelte-k6hckt .demo-frame .demo-cycle{display:block;width:100%;margin:0;border:none;border-radius:6px;clip-path:inset(0 round 6px);vertical-align:top}.prose.svelte-k6hckt .demo-cycle{position:relative;aspect-ratio:8 / 5;overflow:hidden}.prose.svelte-k6hckt .demo-cycle img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;margin:0;border-radius:0;transform:translate(100%);animation:svelte-k6hckt-demo-swipe-3 12s ease-in-out infinite}.prose.svelte-k6hckt .demo-cycle img:nth-child(1){animation-delay:calc(-.3s + var(--cycle-offset, 0s))}.prose.svelte-k6hckt .demo-cycle img:nth-child(2){animation-delay:calc(3.7s + var(--cycle-offset, 0s))}.prose.svelte-k6hckt .demo-cycle img:nth-child(3){animation-delay:calc(7.7s + var(--cycle-offset, 0s))}@keyframes svelte-k6hckt-demo-frame-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes svelte-k6hckt-demo-swipe-3{0%{transform:translate(100%)}2.5%{transform:translate(0)}33.33%{transform:translate(0)}35.83%{transform:translate(-100%)}to{transform:translate(-100%)}}.prose.svelte-k6hckt hr{border:0;border-top:1px solid var(--color-border-primary);margin:32px 0}.toc-sidebar.svelte-k6hckt{position:sticky;top:32px;align-self:start;height:max-content}.toc.svelte-k6hckt{border-left:1px solid var(--color-border-primary);padding-left:16px}.toc-title.svelte-k6hckt{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:12px}.toc-item.svelte-k6hckt{display:block;padding:4px 0;font-size:13px;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.toc-item.level-3.svelte-k6hckt{padding-left:12px}.toc-item.level-4.svelte-k6hckt{padding-left:24px}.toc-item.svelte-k6hckt:hover{color:var(--color-text-primary)}.toc-item.active.svelte-k6hckt{color:#a855f7}.post-meta-dot.svelte-k6hckt{color:var(--color-text-tertiary)}@media (max-width: 900px){.post-layout.svelte-k6hckt{grid-template-columns:minmax(0,1fr);gap:32px}.toc-sidebar.svelte-k6hckt{display:none}}@media (max-width: 600px){.post-layout.svelte-k6hckt{padding:32px 20px 64px}.post-title.svelte-k6hckt{font-size:32px}}