.dev-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:64px;max-width:1200px;min-height:calc(100svh - 180px);margin:0 auto;padding:64px 40px 100px;display:grid}.dev-sidebar{font-size:.8125rem;position:sticky;top:120px}.dev-sidebar-title{margin-bottom:32px}.dev-sidebar-title>span{color:var(--ornament)}.dev-nav-group{color:var(--ink);align-items:center;gap:10px;margin-bottom:14px;font-weight:550;display:flex}.dev-sidebar ul{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.dev-sidebar li a{min-height:46px;color:var(--muted);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:8px;margin-left:-1px;padding:9px 12px 9px 18px;transition:color .2s,background .2s;display:flex}.dev-sidebar li a:hover{color:var(--ink);background:#fff5}.dev-sidebar li a[aria-current=page]{color:var(--accent);border-color:var(--accent);background:#ffffff80}.dev-nav-arrow{opacity:0;font-family:var(--mono)}.dev-sidebar li a[aria-current=page] .dev-nav-arrow{opacity:1}.dev-menu-toggle{display:none}.dev-article{min-width:0}.dev-page-header{border-bottom:1px solid var(--line);padding-bottom:38px}.dev-page-header h1{margin:16px 0;font-size:clamp(2rem,4vw,2.75rem)}.dev-lead{max-width:43em;font-size:1rem}.dev-section{padding-top:38px;scroll-margin-top:24px}.dev-section+.dev-section{border-top:1px solid var(--line);margin-top:42px}.dev-section h2{align-items:baseline;gap:15px;margin-bottom:16px;font-size:1.5rem;display:flex}.dev-index{font-family:var(--mono);color:var(--muted);letter-spacing:0;flex-shrink:0;font-size:.75rem;font-weight:400}.dev-section>p{font-size:.9375rem}.dev-section>p+p{margin-top:16px}.dev-source-links{color:var(--accent);flex-wrap:wrap;gap:12px 24px;margin-top:12px;font-size:.8125rem;display:flex}.dev-source-links a{align-items:center;min-height:32px;display:inline-flex}.dev-source-links a:hover,.dev-resource-list h3 a:hover{text-underline-offset:4px;text-decoration:underline}.dev-jump-links{font-family:var(--mono);flex-wrap:wrap;gap:8px 24px;margin-top:28px;font-size:.75rem;display:flex}.dev-jump-links a{color:var(--accent);padding:6px 0}.dev-jump-links a:hover{color:var(--purple)}.dev-resource-list{margin:26px 0;padding:0;list-style:none}.dev-resource-list li{border-bottom:1px solid var(--line);padding:20px 0}.dev-resource-list li:first-child{padding-top:0}.dev-resource-list h3{font-family:var(--mono);letter-spacing:-.03em;overflow-wrap:anywhere;margin-bottom:8px;font-size:1rem}.dev-resource-list p{font-size:.875rem}.dev-resource-list .dev-source-links{margin-top:6px}.dev-inline-arrow{color:var(--ornament);font-size:.75rem}.code-block{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;margin-top:20px;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--line);min-height:46px;color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;font-size:.6875rem;display:flex}.code-toolbar>span{overflow-wrap:anywhere;min-width:0}.code-toolbar button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;min-height:32px;padding:4px 6px;display:none}.js .code-toolbar button{display:block}.code-toolbar button:hover{color:var(--purple)}.code-block pre{font-family:var(--mono);color:var(--accent);tab-size:2;margin:0;padding:20px;font-size:.8125rem;line-height:1.9;overflow-x:auto}.code-block pre:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.code-block code{font:inherit}.code-wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);line-height:2}.dev-prompt-section>.code-block+p{margin-top:28px}.dev-note{border-left:2px solid var(--line);color:var(--muted);margin-top:36px;padding-left:16px;font-size:.8125rem}.dev-placeholder{border:1px dashed var(--line);border-radius:8px;margin-top:38px;padding:44px 28px}.dev-placeholder-mark{color:var(--purple);margin-bottom:20px;font-size:1.75rem;display:block}.dev-placeholder h2{margin-bottom:12px;font-size:1.375rem}.dev-placeholder p{font-size:.9375rem}@media (prefers-reduced-motion:no-preference){.dev-article{animation:.35s ease-out both dev-enter}@keyframes dev-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (width<=1099px){.dev-layout{grid-template-columns:200px minmax(0,1fr);gap:36px;padding-inline:28px}}@media (width<=799px){.dev-layout{padding:24px 24px 64px;display:block}.dev-sidebar{border-bottom:1px solid var(--line);margin-bottom:32px;padding-bottom:12px;position:static}.dev-sidebar-title{display:none}.js .dev-menu-toggle{border:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:14px;padding:8px;display:flex}.dev-menu-current{color:var(--ink);font-weight:550}.dev-menu-icon{background:var(--accent);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.dev-menu-toggle:hover,.is-open .dev-menu-toggle{border-color:var(--accent)}.dev-menu-close,.is-open .dev-menu-bars{display:none}.is-open .dev-menu-close{display:block}.js .dev-sidebar nav{display:none}.js .dev-sidebar.is-open nav{padding:16px 0 8px;display:block}.dev-page-header{padding-bottom:28px}.dev-page-header h1{font-size:clamp(1.8rem,6vw,2.5rem)}.dev-section{padding-top:28px}.dev-section+.dev-section{margin-top:32px}.dev-section h2{font-size:1.3rem}.dev-source-links a{min-height:44px}.code-toolbar{padding:2px 12px}.code-toolbar button{min-height:44px}.code-block pre{padding:16px}}@media (width<=399px){.dev-layout{padding-inline:16px}.dev-menu-current{font-size:.75rem}}