.guide-shot{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-panel);border-radius:8px;overflow:hidden}.guide-shot__bar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 80%, var(--surface));align-items:center;gap:10px;padding:8px 12px;display:flex}.guide-shot__url{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);background:var(--background);min-width:0;color:var(--muted);font-family:var(--font-mono), ui-monospace, monospace;border-radius:6px;flex:1;padding:4px 10px;font-size:11px;overflow:hidden}.guide-shot__shell{grid-template-columns:132px minmax(0,1fr);min-height:220px;display:grid}.guide-shot__nav{border-right:1px solid var(--border);background:var(--surface);padding:10px 8px}.guide-shot__nav-item{color:var(--muted);border-radius:6px;padding:6px 8px;font-size:11px;line-height:1.3}.guide-shot__nav-item.is-active{background:var(--surface-2);color:var(--foreground);font-weight:500}.guide-shot__body{background:var(--background);padding:14px}.guide-shot__row{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.guide-shot__focus{outline:2px solid color-mix(in srgb, var(--color-warning) 70%, transparent);outline-offset:2px;border-radius:8px;position:relative}.guide-callout{border:1px solid color-mix(in srgb, var(--color-warning) 45%, var(--border));border-left:3px solid var(--color-warning);background:color-mix(in srgb, var(--color-warning) 10%, var(--surface));border-radius:8px;padding:12px 14px}.guide-callout__title{color:var(--foreground);font-size:.875rem;font-weight:600}.guide-callout__body{color:var(--foreground);margin-top:4px;font-size:.875rem;line-height:1.55}.guide-actions{gap:8px;margin-top:16px;display:grid}.guide-actions__item{grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;font-size:.875rem;line-height:1.5;display:grid}.guide-actions__n{border:1px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--muted);font-family:var(--font-mono), ui-monospace, monospace;border-radius:999px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}@media (max-width:640px){.guide-shot__shell{grid-template-columns:1fr}.guide-shot__nav{border-right:0;border-bottom:1px solid var(--border);gap:4px;padding:8px;display:flex;overflow-x:auto}.guide-shot__nav-item{white-space:nowrap}}