.app.guide-page{max-width:940px}.guide-heading{flex-direction:column;gap:6px;min-width:0;display:flex}.guide-back-link{color:var(--text-dim);align-self:flex-start;font-size:.85rem;text-decoration:none;transition:color .2s}.guide-back-link:hover{color:var(--primary)}.guide-page h1{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:clamp(1.9rem,5vw,2.5rem);display:flex}.guide-page-name{letter-spacing:.04em;color:var(--text-dim);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.95rem;font-weight:500}.guide-section{box-shadow:none}.guide-section:hover{border-color:var(--border-color)}.guide-section p{color:var(--text-muted);overflow-wrap:anywhere;margin:0 0 16px;line-height:1.75}.guide-section p:last-child{margin-bottom:0}.guide-section h3{color:var(--text-main);margin:0 0 8px;font-size:.95rem;font-weight:600}.guide-section code{font-family:var(--font-mono);background:var(--surface-hover);border-radius:var(--radius-sm);padding:1px 4px;font-size:.85em}.guide-section strong{color:var(--text-main);font-weight:600}.guide-card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px;display:grid}.guide-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.guide-card-caution h3{color:var(--accent)}.guide-card ul{color:var(--text-muted);margin:0;padding-left:20px;font-size:.9rem;line-height:1.7}.guide-article{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.guide-article:first-of-type{border-top:none;margin-top:0;padding-top:0}.guide-meta{margin:0 0 16px}.guide-meta-label{letter-spacing:.04em;color:var(--text-dim);margin-right:10px;font-size:.78rem;font-weight:600;display:inline-block}.prompt-block{flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 16px;display:flex}.prompt-code{font-family:var(--font-mono);color:var(--text-main);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);white-space:pre;align-self:stretch;margin:0;padding:14px 16px;font-size:.82rem;line-height:1.7;overflow-x:auto}.prompt-copy{color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;padding:4px 10px;font-family:inherit;font-size:.78rem;transition:color .2s,border-color .2s,background .2s}.prompt-copy:hover{color:var(--primary);border-color:var(--primary);background:var(--surface-hover)}.guide-figure{margin:0 0 16px}.guide-figure img{border:1px solid var(--border-color);border-radius:var(--radius-md);max-width:100%;height:auto}.guide-figure-output img{image-rendering:pixelated;--checkered-tile:16px}.guide-figure-views{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.guide-figure-view{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.guide-figure-scale{color:var(--text-dim);font-size:.72rem}.guide-figure-zoom{image-rendering:pixelated}.guide-figure-source{margin-top:4px;font-size:.78rem}.guide-figure-source a{color:var(--text-dim)}.guide-figure-source a:hover{color:var(--primary)}.guide-figure figcaption{color:var(--text-dim);margin-top:6px;font-size:.78rem}.guide-table-wrap{overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}.guide-table th,.guide-table td{border:1px solid var(--border-color);text-align:left;vertical-align:top;padding:10px 12px;line-height:1.65}.guide-table th{background:var(--bg-input);color:var(--text-main);white-space:nowrap;font-weight:600}.guide-table td{color:var(--text-muted)}.guide-note{border-top:1px solid var(--border-color);padding-top:20px}.guide-note h2:before{display:none}.guide-note p{font-size:.88rem}@media (width<=640px){.prompt-code{white-space:pre-wrap;overflow-wrap:anywhere}}