.studio-guides{min-width:0}.studio-guides-heading{margin:0 0 20px}.studio-guides-heading h2{letter-spacing:-.025em;margin:8px 0;font-size:25px;line-height:1.3}.studio-guides-heading>p,.studio-guide-intro p,.studio-guide-steps p{color:var(--muted-foreground);line-height:1.65}.studio-guides-heading>p{max-width:54ch}.studio-guide-tabs{scrollbar-width:thin;gap:7px;padding:3px 2px 12px;scroll-padding:12px;display:flex;overflow-x:auto}.studio-guide-tabs>button{border:1px solid var(--border);min-height:44px;color:var(--muted-foreground);background:var(--card);border-radius:11px;flex-shrink:0;align-items:center;gap:7px;padding:9px 13px;font-size:13px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.studio-guide-tabs>button[aria-selected=true]{color:var(--foreground);border-color:color-mix(in oklab, var(--primary) 60%, var(--border));background:color-mix(in oklab, var(--primary) 13%, var(--card))}.studio-guide-tabs>button:hover{color:var(--foreground);border-color:var(--primary)}.studio-guide-tabs>button:focus-visible,.studio-guide-panel:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.studio-guide-panel{border:1px solid var(--border);background:var(--card);border-radius:18px;grid-template-columns:minmax(160px,.68fr) minmax(0,1.8fr);gap:24px;padding:20px;animation:.18s ease-out studio-guide-enter;display:grid}.studio-guide-reference{min-width:0;margin:0}.studio-guide-reference img{object-fit:cover;background:var(--secondary);border-radius:11px;width:100%;height:260px}.studio-guide-reference figcaption{color:var(--muted-foreground);margin-top:9px;font-size:11px;line-height:1.6}.studio-guide-body{min-width:0}.studio-guide-intro h3{margin-bottom:7px;font-size:20px;line-height:1.4}.studio-guide-intro p{font-size:13px}.studio-guide-steps{gap:13px;margin:20px 0;padding:0;list-style:none;display:grid}.studio-guide-steps li{align-items:flex-start;gap:11px;display:flex}.studio-guide-steps li>span{font-variant-numeric:tabular-nums;color:var(--primary);border:1px solid color-mix(in oklab, var(--primary) 28%, var(--border));background:color-mix(in oklab, var(--primary) 6%, var(--card));border-radius:7px;flex-shrink:0;padding:4px;font-size:11px}.studio-guide-steps h4,.studio-guide-prompt h4{margin-bottom:3px;font-size:13px;font-weight:600}.studio-guide-steps p{font-size:12px}.studio-guide-prompt{background:var(--secondary);border-left:2px solid color-mix(in oklab, var(--primary) 60%, var(--border));border-radius:0 10px 10px 0;padding:13px 15px}.studio-guide-prompt p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted-foreground);font-size:12px;line-height:1.7}.studio-guide-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.studio-guide-actions .studio-copy-prompt{margin:0}.studio-guide-actions button,.studio-guide-actions a{min-height:44px}.studio-help .studio-guides{margin:28px 0 40px}.studio-guide-dialog[data-slot=dialog-content]{width:min(960px,100vw - 32px);max-width:960px;max-height:calc(100dvh - 48px);color:var(--foreground);background:var(--background);flex-direction:column;gap:20px;padding:24px;display:flex;overflow:hidden}.studio-guide-dialog-heading{padding-right:36px}.studio-guide-dialog-heading [data-slot=dialog-title]{font-size:24px}.studio-guide-dialog-heading [data-slot=dialog-description]{margin-top:7px;line-height:1.6}.creator-toolbar-actions .studio-guide-open{gap:6px;min-height:44px;display:inline-flex}@keyframes studio-guide-enter{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=640px){.creator-toolbar-actions .studio-guide-open{justify-content:center;width:44px}.creator-toolbar-actions .studio-guide-open>span{display:none}.studio-guide-panel{grid-template-columns:1fr;gap:16px;padding:16px}.studio-guide-reference{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;display:grid}.studio-guide-reference img{border-radius:9px;height:84px}.studio-guide-reference figcaption{margin:0}.studio-guide-dialog[data-slot=dialog-content]{gap:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 14px}.studio-guide-dialog-heading [data-slot=dialog-title]{font-size:21px}.studio-guide-actions{align-items:stretch}.studio-guide-actions .studio-copy-prompt,.studio-guide-actions>.studio-primary{flex:1}.studio-guide-actions .studio-copy-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.studio-guide-panel{animation:none}.studio-guide-tabs>button{transition:none}}.studio-guide-dialog>.studio-guides{overscroll-behavior:contain;min-height:0;padding:3px 3px 8px;overflow-y:auto}.studio-guide-dialog .studio-guide-tabs{z-index:2;background:var(--background);position:sticky;top:0}@media (width<=360px){.creator-toolbar-actions{gap:5px}.creator-toolbar-actions>.studio-secondary{justify-content:center;gap:0;width:40px;min-width:40px;padding:0;font-size:0}}
