.tool-tutorials{background:#090d11}.tutorial-jump{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:65px}.tutorial-jump a{padding:17px;border-right:1px solid var(--line);font-weight:800}.tutorial-jump a:last-child{border:0}.tutorial-jump span{color:var(--amber);font:700 10px monospace;margin-right:9px}.tool-tutorial{scroll-margin-top:95px;border-top:1px solid var(--line);padding:55px 0}.tutorial-header{display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;margin-bottom:34px}.tool-emblem{display:grid;place-items:center;width:58px;height:58px;font:900 24px monospace;color:#101317}.tool-emblem.openai{background:#e9eeef}.tool-emblem.claude{background:#d69f7b}.tool-emblem.cursor{background:#5ee0a4}.tool-emblem.midjourney{background:#5787ff;color:#fff}.tutorial-header h2{font-size:30px;margin:4px 0}.tutorial-header p{margin:0;color:#89959e}.tutorial-body{display:grid;grid-template-columns:1fr 320px;gap:14px}.tutorial-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.tutorial-steps section{background:var(--surface);padding:27px}.tutorial-steps section>span,.prompt-recipe>span{color:var(--amber);font:800 9px monospace}.tutorial-steps h3{margin:12px 0 8px;font-size:18px}.tutorial-steps p,.tutorial-steps li{color:#929ea7;font-size:12px;line-height:1.75}.tutorial-steps code,.prompt-recipe code{display:block;padding:13px;background:#080c10;border-left:2px solid var(--amber);color:#b9c4cb;font:10px/1.7 monospace;white-space:normal}.prompt-recipe{border:1px solid var(--line);background:#111820;padding:27px}.prompt-recipe h3{font-size:20px}.prompt-recipe p,.prompt-recipe li,.prompt-recipe dd{color:#929ea7;font-size:12px;line-height:1.75}.prompt-recipe dl{display:grid;grid-template-columns:58px 1fr;gap:10px;margin:24px 0}.prompt-recipe dt{color:var(--amber);font-size:11px}.prompt-recipe dd{margin:0;border-bottom:1px solid var(--line);padding-bottom:8px}@media(max-width:900px){.tutorial-body{grid-template-columns:1fr}.tutorial-header{grid-template-columns:60px 1fr}.tutorial-header .text-link{grid-column:2}.tutorial-jump{grid-template-columns:repeat(2,1fr)}.tutorial-jump a:nth-child(2){border-right:0}}@media(max-width:650px){.tutorial-steps,.tutorial-jump{grid-template-columns:1fr}.tutorial-jump a{border-right:0;border-bottom:1px solid var(--line)}.tutorial-header{grid-template-columns:1fr}.tutorial-header .text-link{grid-column:auto}.tutorial-header h2{font-size:25px}}