.studio-guide{max-width:1150px;margin:0 auto;color:var(--text)}.studio-guide-hero{padding:26px 0 35px;border-bottom:1px solid var(--line)}.studio-guide-back{display:block;color:var(--muted);font-size:13px;margin-bottom:30px;text-decoration:none}.studio-guide-eyebrow{display:flex;align-items:center;gap:8px;color:var(--green);font-size:13px;letter-spacing:.08em}.studio-guide-hero h1{font-size:clamp(30px,3.2vw,44px);line-height:1.5;letter-spacing:-.02em;margin:15px 0}.studio-guide-hero p{color:var(--muted);line-height:1.8;font-size:15px;max-width:660px}.studio-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 13px}.studio-guide-hero>small{color:var(--muted);font-size:12px}.studio-guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start;padding-top:36px}.studio-guide-nav{position:sticky;top:90px;display:grid;gap:5px;max-height:calc(100dvh - 115px);overflow-y:auto}.studio-guide-nav>strong{margin:6px 12px 16px;font-size:13px}.studio-guide-nav a{padding:10px 12px;color:var(--muted);border-radius:7px;text-decoration:none;font-size:13px}.studio-guide-nav a:focus-visible,.studio-guide-nav a:hover{color:var(--green);background:var(--paper-soft)}.studio-guide-nav a>span{margin-right:10px;opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-guide-nav>a:last-child{margin-top:14px;border:1px solid var(--line);color:var(--green)}.studio-guide-content{min-width:0}.studio-guide-content>section{padding-bottom:40px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:96px}.studio-guide-number{color:var(--green);font-size:12px;letter-spacing:.04em}.studio-guide-content h2{font-size:24px;line-height:1.5;margin:12px 0 18px}.studio-guide-content h3{font-size:18px;margin:26px 0 10px}.studio-guide-content li,.studio-guide-content p{font-size:14px;line-height:1.95;color:var(--muted)}.studio-guide-content strong{color:var(--text);font-weight:600}.studio-guide-content ol,.studio-guide-content ul{padding-left:24px}.studio-guide-content li{padding-left:5px;margin-bottom:12px}.studio-guide-content a:not(.button){color:var(--green)}.studio-guide kbd{display:inline-block;border:1px solid var(--line);background:var(--paper-soft);color:var(--text);font-size:12px;padding:0 5px;border-radius:4px}.studio-guide-tip{background:var(--paper-soft);border-left:3px solid var(--green);border-radius:0 8px 8px 0;padding:13px 18px;margin-top:20px}.studio-guide-demo,.studio-guide-map{margin:22px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.studio-guide-demo>svg,.studio-guide-map>svg{display:block;width:100%;height:auto}.studio-guide-demo-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 17px;border-bottom:1px solid var(--line);font-size:13px}.studio-guide-demo-top span{color:var(--muted);font-size:11px}.studio-guide-demo figcaption,.studio-guide-map figcaption{font-size:12px;color:var(--muted);line-height:1.7;padding:12px 17px}.studio-guide-demo figcaption{min-height:56px;background:var(--paper-soft)}.studio-guide-demo figcaption span{color:var(--green);margin-right:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-guide-demo-controls{display:flex;flex-wrap:wrap;gap:8px;padding:12px 17px;align-items:center}.studio-guide-demo-controls .button{flex:0 0 auto;min-height:36px;padding:7px 12px;gap:6px;line-height:1.4}.studio-guide-demo-controls .button:first-child{min-width:104px}.studio-guide-demo-controls .button>svg{width:16px;height:16px;flex:0 0 16px}.studio-guide-demo-controls input{min-width:50px;width:80px;margin-left:auto;accent-color:var(--green)}.guide-svg-paper{fill:var(--paper)}.guide-svg-soft{fill:var(--paper-soft)}.guide-svg-line{fill:none;stroke:var(--line)}.guide-svg-label{fill:var(--text);font-size:13px;font-family:inherit}.guide-svg-muted{fill:var(--muted);font-size:12px;font-family:inherit}.guide-svg-accent{fill:color-mix(in srgb,var(--green) 18%,var(--paper));stroke:var(--green)}.guide-svg-clip{fill:color-mix(in srgb,var(--green) 14%,var(--paper));stroke:color-mix(in srgb,var(--green) 50%,var(--line))}.guide-svg-selection{fill:color-mix(in srgb,var(--green) 12%,transparent);stroke:var(--green);stroke-dasharray:4 3}.guide-demo-motion{transition:transform .7s ease}.studio-guide-demo[data-reduced=true] .guide-demo-motion{transition:none}.studio-guide-content table{width:100%;text-align:left;border-collapse:collapse;font-size:13px;line-height:1.7}.studio-guide-content th{background:var(--paper-soft)}.studio-guide-content td,.studio-guide-content th{padding:13px;border-bottom:1px solid var(--line)}.studio-guide-content details{border:1px solid var(--line);border-radius:8px;margin-top:10px;padding:14px 17px}.studio-guide-content summary{cursor:pointer;font-size:14px;line-height:1.6}.studio-guide-content details p{margin-bottom:0}.studio-guide-finish{padding:28px;border-radius:14px;background:var(--paper-soft);margin-bottom:30px}.studio-guide-finish>svg{color:var(--green)}@media (max-width:850px){.studio-guide-layout{grid-template-columns:minmax(0,1fr);gap:25px}.studio-guide-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.studio-guide-nav>strong{grid-column:1/-1;margin:0 10px 5px}.studio-guide-nav>a:last-child{margin-top:0}}@media (prefers-reduced-motion:reduce){.guide-demo-motion{transition:none}}