.creator-guide{gap:var(--space-12);padding-top:calc(120px + var(--announce-h));padding-bottom:var(--space-20);grid-template-columns:230px minmax(0,1fr);display:grid}.guide-nav{font-size:var(--fs-body-sm);max-height:calc(100dvh - 120px);padding-right:var(--space-2);align-self:start;position:sticky;top:100px;overflow-y:auto}.guide-nav a{color:var(--text-muted);transition:color .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease)}.guide-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:999px;display:inline-flex}.guide-back:before{content:"←";color:var(--accent)}.guide-nav .guide-back:hover,.guide-nav .guide-back:focus-visible{color:var(--text);border-color:var(--border-strong)}.guide-nav-summary{display:none}.guide-nav-group+.guide-nav-group{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.guide-nav-label{margin:0 0 var(--space-3);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase}.guide-nav .guide-nav-title{margin-bottom:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);border:1px solid #0000;font-weight:600;display:block}.guide-steps,.guide-nav-links{margin:0;padding:0;list-style:none}.guide-nav .guide-step{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:1.4em minmax(0,1fr);align-items:baseline;display:grid}.guide-step-n{color:var(--text-dim);font-variant-numeric:tabular-nums}.guide-nav-links a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid #0000;display:block}.guide-nav .guide-nav-title:hover,.guide-nav .guide-step:hover,.guide-nav-links a:hover,.guide-nav .guide-nav-title:focus-visible,.guide-nav .guide-step:focus-visible,.guide-nav-links a:focus-visible{color:var(--text);border-color:var(--border)}.guide-nav .guide-step:hover .guide-step-n{color:var(--text-muted)}.guide-nav a[aria-current]{color:var(--text);border-color:var(--border-strong);background:var(--bg-surface)}.guide-nav .guide-step[aria-current] .guide-step-n{color:var(--accent-hover)}.guide-article{min-width:0}.guide-article .post-header{max-width:none;margin-bottom:var(--space-8)}.guide-meta{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;margin-bottom:var(--space-4)}.guide-intro{color:var(--text-muted);font-size:var(--fs-dek);margin-top:var(--space-5)}.guide-prose{max-width:none}.guide-prose h2,.guide-prose h3{scroll-margin-top:100px}.prose.guide-prose{font-size:var(--fs-body)}.prose.guide-prose h2{font-size:var(--fs-h3-xl)}.prose.guide-prose h3{font-size:var(--fs-h3)}.prose.guide-prose pre,.prose.guide-prose table{font-size:var(--fs-body-sm)}.guide-prose li,.guide-prose td,.guide-prose li::marker{color:var(--text-muted)}.guide-prose code{overflow-wrap:anywhere}.guide-prose a[target=_blank]:after{content:"" / " (opens in a new tab)";vertical-align:-.05em;opacity:.8;background-color:currentColor;width:.75em;height:.75em;margin-left:.25em;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") 50%/contain no-repeat}.guide-prose table{table-layout:fixed;width:100%}.guide-prose th,.guide-prose td{overflow-wrap:anywhere;vertical-align:top}.guide-prose .guide-figure{margin:var(--space-8) 0}.guide-figure img{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%}.guide-figure .guide-image-link{display:block;position:relative}.guide-figure .guide-image-link img{margin:0}.guide-image-marker{border:2px solid var(--accent);background:var(--bg);width:26px;height:26px;color:var(--text);font:600 var(--fs-body-sm)/1 var(--font);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.guide-figure figcaption{margin-top:var(--space-3);font-size:var(--fs-body-sm);color:var(--text-muted)}.guide-checkpoint{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-surface);padding:var(--space-4) var(--space-5);margin:var(--space-8) 0}.guide-checkpoint p+p{margin-top:var(--space-2)}.guide-prompt{border:1px solid var(--border-strong);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-surface);padding:var(--space-4)}.guide-prompt-toolbar{gap:var(--space-3);color:var(--text-muted);font-size:var(--fs-body-sm);justify-content:space-between;align-items:center;display:flex}.guide-prompt button{font:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;flex-shrink:0}.guide-prompt button:hover{background:var(--bg-card-hover)}.guide-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:var(--space-4);color:var(--text);background:0 0;border:0;padding:0}.guide-prompt pre code{font-size:var(--fs-body-sm)}.guide-prose dl dt:not(:first-child){margin-top:var(--space-4)}.guide-prompt .guide-copy-status{font-size:var(--fs-body-sm);margin-top:var(--space-2)}.tutorial-markdown .guide-prompt{margin:var(--space-5) 0}.tutorial-markdown img{border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;height:auto;display:block}.tutorial-markdown blockquote{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-surface);padding:var(--space-4) var(--space-5);margin:var(--space-8) 0;font-style:normal}.guide-copy-status:empty{display:none}.guide-pagination{gap:var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-12);padding-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.guide-pagination a{padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text);transition:border-color .18s var(--ease);font-weight:600;text-decoration:none;display:block}.guide-pagination a:hover,.guide-pagination a:focus-visible{border-color:var(--accent)}.guide-pagination span{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;margin-bottom:var(--space-2);font-weight:400;display:block}.guide-pagination a:last-child{text-align:right}.guide-pagination a:only-child{text-align:left;grid-column:1/-1}.guide-chapters li{margin-bottom:var(--space-4)}.guide-chapters a{font-weight:600}.guide-chapters p{margin-top:var(--space-1)}.guide-map{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.guide-map dt{color:var(--text);font-weight:600}.guide-map dd{color:var(--text-muted)}@media (width<=900px){.creator-guide{gap:var(--space-8);padding-top:calc(100px + var(--announce-h));grid-template-columns:1fr}.guide-nav{max-height:none;padding-right:0;position:static;overflow:visible}.guide-back{margin-bottom:var(--space-4)}.guide-nav-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface)}.guide-nav-summary{padding:var(--space-3) var(--space-4);color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.guide-nav-summary::-webkit-details-marker{display:none}.guide-nav-summary:after{content:"+";color:var(--accent);font-family:var(--font-mono)}.guide-nav-panel[open]>.guide-nav-summary:after{content:"−"}.guide-nav-panel[open]>.guide-nav-summary{border-bottom:1px solid var(--border)}.guide-nav-panel>.guide-nav-group{padding:var(--space-4)}.guide-nav-panel>.guide-nav-group+.guide-nav-group{margin-top:0}.guide-nav-panel>.guide-nav-group:first-of-type>.guide-nav-label{display:none}}@media (width<=520px){.guide-pagination{grid-template-columns:1fr}.guide-pagination a:last-child{text-align:left}.guide-map{grid-template-columns:1fr}.guide-prose th,.guide-prose td{padding:var(--space-2)}}.tut-hub-hero{padding-bottom:var(--space-12)}.tut-hub{padding:0 0 var(--space-20)}.tut-hub-kicker{margin-bottom:var(--space-3);color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;display:block}.tut-hub-start{gap:var(--space-10);padding:var(--space-10);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--brand-grad) top / 100% 2px no-repeat, var(--bg-surface);grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}.tut-hub-start h2{margin:0 0 var(--space-4);font-size:var(--fs-h2-sm);letter-spacing:-.02em;line-height:1.2}.tut-hub-start h2 a{color:var(--text)}.tut-hub-start h2 a:hover,.tut-hub-start h2 a:focus-visible{color:var(--accent-hover)}.tut-hub-start-copy p{color:var(--text-muted);font-size:var(--fs-body);margin:0;line-height:1.6}.tut-hub-chapters{margin:0;padding:0;list-style:none}.tut-hub-chapters a{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--text);transition:border-color .18s var(--ease), background-color .18s var(--ease);border:1px solid #0000;grid-template-columns:1.4em minmax(0,1fr) auto;align-items:baseline;display:grid}.tut-hub-chapters li+li a{border-top-color:var(--border);border-radius:0}.tut-hub-chapters a:hover,.tut-hub-chapters a:focus-visible{border-color:var(--border-strong);border-radius:var(--radius);background:var(--bg-card)}.tut-hub-chapters li:hover+li a{border-top-color:#0000}.tut-hub-chapter-n{color:var(--accent);font-size:var(--fs-body);font-variant-numeric:tabular-nums}.tut-hub-chapter-title{font-size:var(--fs-body);font-weight:600}.tut-hub-chapter-time{color:var(--text-dim);font-size:var(--fs-body-sm);text-align:right}.tut-hub-heading{margin:var(--space-16) 0 var(--space-6);font-size:var(--fs-h3-xl);letter-spacing:-.02em}.tut-hub-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.tut-hub-card{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-inset);color:var(--text);transition:border-color .18s var(--ease);flex-direction:column;display:flex}.tut-hub-card:hover,.tut-hub-card:focus-visible{border-color:var(--accent)}.tut-hub-card-icon{width:28px;height:28px;margin-bottom:var(--space-5)}.tut-hub-card h3{margin:0 0 var(--space-3);font-size:var(--fs-h3-lg);letter-spacing:-.02em;line-height:1.3}.tut-hub-card p{margin:0 0 var(--space-5);color:var(--text-muted);font-size:var(--fs-body-sm);flex:1;line-height:1.55}.tut-hub-card-time{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.02em}.tut-hub-card .product-link{margin-top:var(--space-5)}.tut-hub-reference{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border)}.tut-hub-reference .product-link{margin-top:0}@media (width<=900px){.tut-hub-start{gap:var(--space-8);padding:var(--space-7);grid-template-columns:1fr}}@media (width<=520px){.tut-hub-chapters a{grid-template-columns:1.4em minmax(0,1fr)}.tut-hub-chapter-time{text-align:left;grid-column:2}}