.capability-visual{margin:0 auto;min-width:0;width:100%;max-width:var(--art-native-width)}.capability-expand{text-align:left;border-radius:clamp(12px,1.8vw,24px);cursor:zoom-in;box-shadow:0 3px 8px rgba(20,24,30,.04),0 24px 44px -22px rgba(20,24,30,.25)}.capability-art,.capability-expand{position:relative;display:block;width:100%}.capability-art{overflow:hidden;border-radius:inherit;background:#fff}.capability-art img{position:absolute;width:var(--art-width);height:var(--art-height);max-width:none;left:var(--art-left);top:var(--art-top);-webkit-user-select:none;user-select:none}.capability-expand-icon{position:absolute;display:grid;place-items:center;right:.8rem;bottom:.8rem;width:36px;height:36px;border:1px solid var(--color-border);border-radius:10px;background:rgba(255,255,255,.95);color:var(--color-primary);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}.capability-expand:focus-visible .capability-expand-icon,.capability-expand:hover .capability-expand-icon{opacity:1;transform:none}.capability-visual-caption{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;color:var(--color-text-muted);font-family:var(--font-mono),monospace;font-size:.6rem;letter-spacing:.02em}.capability-visual-caption button{display:inline-flex;align-items:center;gap:.45rem;min-height:32px;color:var(--color-primary)}.capability-dialog{width:min(calc(var(--art-native-width) + 42px),calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--color-border);border-radius:20px;background:#f7f6f2;box-shadow:0 30px 100px #0006}.capability-dialog::backdrop{background:rgba(8,14,26,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.capability-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border)}.capability-dialog-header p{font-weight:600}.capability-dialog-header button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%}.capability-dialog-header button:hover{background:var(--color-background-soft)}.capability-dialog-scroll{overflow:auto;max-height:calc(100dvh - 110px);padding:1.25rem;overscroll-behavior:contain}.capability-dialog-art{width:var(--art-native-width);min-width:var(--art-native-width);border-radius:16px}@media (prefers-reduced-motion:reduce){.capability-expand-icon{transition:none;transform:none}}