.studio-guide-layout{display:grid;width:min(1092px,calc(100% - 64px));grid-template-columns:minmax(0,832px) 220px;align-items:start;gap:40px;margin:64px auto 88px}.studio-guide-article{min-width:0}.guide-article-heading{margin-bottom:40px}.guide-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#a3a4ae;font-size:14px;text-decoration:none}.guide-back:hover{color:#fff}.guide-tag{display:block;color:#a7a8b1;font-size:13px;line-height:20px}.studio-public-content .guide-article-heading h1{max-width:760px;margin:12px 0 0;font-size:40px;font-weight:600;line-height:48px;letter-spacing:-1px}.guide-article-heading h1>span{display:block}.studio-public-content .guide-article-description{margin:20px 0 0;color:#aaabb6;font-size:18px;line-height:30px}.guide-byline{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;color:#92939e;font-size:13px}.guide-section{margin-top:48px;scroll-margin-top:80px}.guide-section h2,.guide-sidebar h2{margin:0 0 18px;color:#f3f4f8;font-family:inherit;font-weight:600;letter-spacing:-.4px}.guide-section h2{font-size:27px;line-height:36px}.guide-section p{margin:18px 0 0;color:#b0b1bc;font-size:15px;line-height:30px}.guide-section a:not(.guide-recipe-links a):not(.guide-preview-grid a){color:#ececf3;text-decoration:underline;text-underline-offset:4px}.guide-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-preview-grid a{min-width:0;color:#d1d2dc;text-decoration:none}.guide-preview-grid img{display:block;width:100%;aspect-ratio:4 / 5;border-radius:16px;object-fit:cover}.guide-preview-grid span{display:block;padding-top:12px;font-size:13px;line-height:20px}.guide-recipe-links{display:flex;flex-direction:column;gap:8px;margin-top:24px}.guide-recipe-links a{display:flex;min-height:48px;align-items:center;gap:12px;padding:12px 16px;border:1px solid #ffffff12;border-radius:12px;color:#dcdde5;background:#101116;font-size:14px;text-decoration:none}.guide-recipe-links a:hover{border-color:#ffffff26;background:#14151d}.guide-recipe-links span{color:#80818d;font-size:12px}.guide-recipe-links svg{margin-left:auto}.guide-section-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}.guide-section-heading h2{margin:0}.guide-copy-prompt{display:inline-flex;min-height:36px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff20;border-radius:10px;color:#d9dbe4;background:#101116;font-size:12px}.guide-copy-prompt:hover{border-color:#ffffff38;color:#fff}.guide-prompt-box{margin-top:24px;padding:24px;border:1px solid #ffffff14;border-radius:16px;color:#b7b9c6;background:#101116;font-size:13px;line-height:25px}.guide-prompt-box code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.guide-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.guide-comparison-grid figure{min-width:0;margin:0}.guide-comparison-grid img{display:block;width:100%;aspect-ratio:3 / 2;border-radius:14px;object-fit:cover}.guide-comparison-grid figcaption{padding-top:10px;color:#90929f;font-size:12px;line-height:20px}.guide-steps{display:grid;gap:24px;margin:0;padding-left:24px;color:#b0b1bc;list-style:decimal}.guide-steps strong{color:#ecedf4;font-size:16px;font-weight:600}.guide-steps p{margin-top:8px}.guide-table-wrap{overflow-x:auto;border:1px solid #ffffff14;border-radius:16px}.guide-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.guide-table-wrap th,.guide-table-wrap td{padding:16px;color:#b0b1bc;font-size:14px;line-height:25px}.guide-table-wrap th{color:#dedfe8;background:#101116;font-weight:600}.guide-table-wrap td{border-top:1px solid #ffffff12}.guide-table-wrap th:first-child,.guide-table-wrap td:first-child{width:30%;min-width:170px}.guide-provenance{padding:24px;border:1px solid #ffffff14;border-radius:16px;background:#101116}.guide-provenance h2{font-size:22px;line-height:30px}.guide-provenance p:first-of-type{margin-top:0}.guide-faq details{padding:20px 0;border-bottom:1px solid #ffffff14}.guide-faq summary{color:#e3e4eb;font-size:15px;font-weight:500;line-height:26px}.guide-sidebar{position:sticky;top:84px;min-width:0;padding-top:4px}.guide-sidebar h2{font-size:14px;line-height:22px}.guide-sidebar nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:28px;border-bottom:1px solid #ffffff14}.guide-sidebar nav h2{margin-bottom:2px}.guide-sidebar a{color:#9799a6;font-size:12px;line-height:20px;text-decoration:none}.guide-sidebar a:hover{color:#fff}.guide-practice{display:flex;flex-direction:column;gap:12px;padding-top:24px}.guide-practice h2{margin:0}.guide-practice a{display:flex;align-items:center;justify-content:space-between;gap:8px}@media(max-width:1279px){.studio-guide-layout{width:min(832px,calc(100% - 64px));grid-template-columns:minmax(0,1fr)}.guide-sidebar{display:none}}@media(max-width:767px){.studio-guide-layout{width:calc(100% - 32px);margin-block:32px 56px}.studio-public-content .guide-article-heading h1{font-size:32px;line-height:40px}.studio-public-content .guide-article-description{font-size:16px;line-height:28px}.guide-preview-grid{gap:8px}.guide-preview-grid img{border-radius:10px}.guide-preview-grid span{font-size:11px;line-height:18px}.guide-section{margin-top:40px}.guide-section h2{font-size:23px;line-height:32px}.guide-section p{font-size:14px;line-height:28px}.guide-prompt-box,.guide-provenance{padding:18px}.guide-comparison-grid{gap:10px}.guide-table-wrap th,.guide-table-wrap td{padding:12px;font-size:13px}}
