.guide-chooser{margin:30px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(157,103,216,.12),var(--surface))}
.guide .guide-chooser h2{font-size:1.125rem;letter-spacing:-.02em;margin:0 0 16px;line-height:1.4}
.editor-choices,.platform-choices{display:flex;gap:10px}
.editor-choices button,.platform-choices button{font:inherit;color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.035);cursor:pointer;border-radius:11px;display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 16px;text-align:left;transition:background .15s,border-color .15s}
.editor-choices button,.platform-choices button{flex:1;font-size:1.0625rem;font-weight:600}
.editor-choices{flex-wrap:wrap}
.editor-choices button{flex-basis:180px}
.editor-choices img{flex-shrink:0;object-fit:contain}
.editor-choices small{display:block;color:var(--muted);font-size:.8125rem;font-weight:500;margin-top:2px}
.guide-chooser svg{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.guide-chooser .platform-logo{fill:currentColor;stroke:none}
.editor-choices button:hover,.platform-choices button:hover{background:rgba(181,137,241,.1);border-color:#75618d}
.editor-choices button[aria-pressed=true],.platform-choices button[aria-pressed=true]{background:rgba(168,110,227,.2);border-color:var(--purple);box-shadow:inset 0 0 0 1px rgba(198,157,249,.15)}
.editor-choices button[aria-pressed=true] svg,.platform-choices button[aria-pressed=true] svg{color:var(--purple)}
.guide-chooser button:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
.guide-chooser button:disabled{cursor:default}
.guide-editor-row{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.guide .guide-choice-note,.guide-chooser noscript p{font-size:.875rem;margin:16px 0 0;line-height:1.6}
.guide [hidden]{display:none!important}
.guide-table{max-width:100%;overflow-x:auto}
@media(max-width:600px){.guide-chooser{padding:18px;margin-block:24px}.editor-choices{gap:8px}.editor-choices button,.platform-choices button{padding:12px;gap:9px;font-size:.9375rem}.guide-chooser button svg{width:22px;height:22px}}
@media(max-width:360px){.editor-choices{flex-direction:column}.editor-choices button{flex-basis:auto;min-height:60px}.platform-choices{width:100%}.platform-choices button{flex:1;justify-content:center}}
@media(prefers-reduced-motion:reduce){.guide-chooser button{transition:none}}

.download-platform-ready .download-cards{grid-template-columns:minmax(0,1fr)}

.guide-figure{margin:28px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.guide-figure a{display:block;border-radius:8px;overflow:hidden}
.guide-figure img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;background:#171720}
.guide-figure-workspace{max-width:618px;margin-inline:auto}
.guide-figure-workspace img{max-height:none}
.guide .guide-figure figcaption{font-size:.875rem;color:var(--muted);line-height:1.6;margin:12px 4px 2px}
.guide-figure a:focus-visible{outline:2px solid var(--purple);outline-offset:4px}
@media(max-width:600px){.guide-figure{padding:8px}.guide-figure img{max-height:430px}.guide-figure-workspace{max-width:490px}}